From f4095bec9828b060c4164210b43c41630dcf630c Mon Sep 17 00:00:00 2001 From: ichynul Date: Wed, 15 Jun 2022 00:31:59 +0800 Subject: [PATCH] init --- .gitignore | 1 + LICENSE.txt | 191 + README.md | 19 + admin/view/index/index.html | 583 ++ admin/view/index/login.html | 146 + assets/css/index.css | 531 + assets/css/index.css.map | 1 + assets/css/index.scss | 669 ++ assets/css/login.css | 112 + assets/css/login.css.map | 1 + assets/css/login.scss | 126 + assets/css/readme.md | 11 + assets/css/tpextbuilder.css | 50 + assets/icon/logo/silder-simple.png | Bin 0 -> 1403 bytes assets/js/index.js | 200 + assets/js/tpextbuilder.js | 856 ++ assets/theme/black.css | 13169 +++++++++++++++++++++++ assets/theme/blue.css | 13215 ++++++++++++++++++++++++ assets/theme/fonts/element-icons.ttf | Bin 0 -> 55956 bytes assets/theme/fonts/element-icons.woff | Bin 0 -> 28200 bytes assets/theme/green.css | 13215 ++++++++++++++++++++++++ assets/theme/purple.css | 13154 +++++++++++++++++++++++ common/Resource.php | 30 + 23 files changed, 56280 insertions(+) create mode 100644 .gitignore create mode 100644 LICENSE.txt create mode 100644 README.md create mode 100644 admin/view/index/index.html create mode 100644 admin/view/index/login.html create mode 100644 assets/css/index.css create mode 100644 assets/css/index.css.map create mode 100644 assets/css/index.scss create mode 100644 assets/css/login.css create mode 100644 assets/css/login.css.map create mode 100644 assets/css/login.scss create mode 100644 assets/css/readme.md create mode 100644 assets/css/tpextbuilder.css create mode 100644 assets/icon/logo/silder-simple.png create mode 100644 assets/js/index.js create mode 100644 assets/js/tpextbuilder.js create mode 100644 assets/theme/black.css create mode 100644 assets/theme/blue.css create mode 100644 assets/theme/fonts/element-icons.ttf create mode 100644 assets/theme/fonts/element-icons.woff create mode 100644 assets/theme/green.css create mode 100644 assets/theme/purple.css create mode 100644 common/Resource.php diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..5066f35 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/assets/lib/ \ No newline at end of file diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 0000000..51d9dee --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,191 @@ +Apache License +Version 2.0, January 2004 +http://www.apache.org/licenses/ + +TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + +1. Definitions. + +"License" shall mean the terms and conditions for use, reproduction, and +distribution as defined by Sections 1 through 9 of this document. + +"Licensor" shall mean the copyright owner or entity authorized by the copyright +owner that is granting the License. + +"Legal Entity" shall mean the union of the acting entity and all other entities +that control, are controlled by, or are under common control with that entity. +For the purposes of this definition, "control" means (i) the power, direct or +indirect, to cause the direction or management of such entity, whether by +contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the +outstanding shares, or (iii) beneficial ownership of such entity. + +"You" (or "Your") shall mean an individual or Legal Entity exercising +permissions granted by this License. + +"Source" form shall mean the preferred form for making modifications, including +but not limited to software source code, documentation source, and configuration +files. + +"Object" form shall mean any form resulting from mechanical transformation or +translation of a Source form, including but not limited to compiled object code, +generated documentation, and conversions to other media types. + +"Work" shall mean the work of authorship, whether in Source or Object form, made +available under the License, as indicated by a copyright notice that is included +in or attached to the work (an example is provided in the Appendix below). + +"Derivative Works" shall mean any work, whether in Source or Object form, that +is based on (or derived from) the Work and for which the editorial revisions, +annotations, elaborations, or other modifications represent, as a whole, an +original work of authorship. For the purposes of this License, Derivative Works +shall not include works that remain separable from, or merely link (or bind by +name) to the interfaces of, the Work and Derivative Works thereof. + +"Contribution" shall mean any work of authorship, including the original version +of the Work and any modifications or additions to that Work or Derivative Works +thereof, that is intentionally submitted to Licensor for inclusion in the Work +by the copyright owner or by an individual or Legal Entity authorized to submit +on behalf of the copyright owner. For the purposes of this definition, +"submitted" means any form of electronic, verbal, or written communication sent +to the Licensor or its representatives, including but not limited to +communication on electronic mailing lists, source code control systems, and +issue tracking systems that are managed by, or on behalf of, the Licensor for +the purpose of discussing and improving the Work, but excluding communication +that is conspicuously marked or otherwise designated in writing by the copyright +owner as "Not a Contribution." + +"Contributor" shall mean Licensor and any individual or Legal Entity on behalf +of whom a Contribution has been received by Licensor and subsequently +incorporated within the Work. + +2. Grant of Copyright License. + +Subject to the terms and conditions of this License, each Contributor hereby +grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, +irrevocable copyright license to reproduce, prepare Derivative Works of, +publicly display, publicly perform, sublicense, and distribute the Work and such +Derivative Works in Source or Object form. + +3. Grant of Patent License. + +Subject to the terms and conditions of this License, each Contributor hereby +grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, +irrevocable (except as stated in this section) patent license to make, have +made, use, offer to sell, sell, import, and otherwise transfer the Work, where +such license applies only to those patent claims licensable by such Contributor +that are necessarily infringed by their Contribution(s) alone or by combination +of their Contribution(s) with the Work to which such Contribution(s) was +submitted. If You institute patent litigation against any entity (including a +cross-claim or counterclaim in a lawsuit) alleging that the Work or a +Contribution incorporated within the Work constitutes direct or contributory +patent infringement, then any patent licenses granted to You under this License +for that Work shall terminate as of the date such litigation is filed. + +4. Redistribution. + +You may reproduce and distribute copies of the Work or Derivative Works thereof +in any medium, with or without modifications, and in Source or Object form, +provided that You meet the following conditions: + +You must give any other recipients of the Work or Derivative Works a copy of +this License; and +You must cause any modified files to carry prominent notices stating that You +changed the files; and +You must retain, in the Source form of any Derivative Works that You distribute, +all copyright, patent, trademark, and attribution notices from the Source form +of the Work, excluding those notices that do not pertain to any part of the +Derivative Works; and +If the Work includes a "NOTICE" text file as part of its distribution, then any +Derivative Works that You distribute must include a readable copy of the +attribution notices contained within such NOTICE file, excluding those notices +that do not pertain to any part of the Derivative Works, in at least one of the +following places: within a NOTICE text file distributed as part of the +Derivative Works; within the Source form or documentation, if provided along +with the Derivative Works; or, within a display generated by the Derivative +Works, if and wherever such third-party notices normally appear. The contents of +the NOTICE file are for informational purposes only and do not modify the +License. You may add Your own attribution notices within Derivative Works that +You distribute, alongside or as an addendum to the NOTICE text from the Work, +provided that such additional attribution notices cannot be construed as +modifying the License. +You may add Your own copyright statement to Your modifications and may provide +additional or different license terms and conditions for use, reproduction, or +distribution of Your modifications, or for any such Derivative Works as a whole, +provided Your use, reproduction, and distribution of the Work otherwise complies +with the conditions stated in this License. + +5. Submission of Contributions. + +Unless You explicitly state otherwise, any Contribution intentionally submitted +for inclusion in the Work by You to the Licensor shall be under the terms and +conditions of this License, without any additional terms or conditions. +Notwithstanding the above, nothing herein shall supersede or modify the terms of +any separate license agreement you may have executed with Licensor regarding +such Contributions. + +6. Trademarks. + +This License does not grant permission to use the trade names, trademarks, +service marks, or product names of the Licensor, except as required for +reasonable and customary use in describing the origin of the Work and +reproducing the content of the NOTICE file. + +7. Disclaimer of Warranty. + +Unless required by applicable law or agreed to in writing, Licensor provides the +Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, +including, without limitation, any warranties or conditions of TITLE, +NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are +solely responsible for determining the appropriateness of using or +redistributing the Work and assume any risks associated with Your exercise of +permissions under this License. + +8. Limitation of Liability. + +In no event and under no legal theory, whether in tort (including negligence), +contract, or otherwise, unless required by applicable law (such as deliberate +and grossly negligent acts) or agreed to in writing, shall any Contributor be +liable to You for damages, including any direct, indirect, special, incidental, +or consequential damages of any character arising as a result of this License or +out of the use or inability to use the Work (including but not limited to +damages for loss of goodwill, work stoppage, computer failure or malfunction, or +any and all other commercial damages or losses), even if such Contributor has +been advised of the possibility of such damages. + +9. Accepting Warranty or Additional Liability. + +While redistributing the Work or Derivative Works thereof, You may choose to +offer, and charge a fee for, acceptance of support, warranty, indemnity, or +other liability obligations and/or rights consistent with this License. However, +in accepting such obligations, You may act only on Your own behalf and on Your +sole responsibility, not on behalf of any other Contributor, and only if You +agree to indemnify, defend, and hold each Contributor harmless for any liability +incurred by, or claims asserted against, such Contributor by reason of your +accepting any such warranty or additional liability. + +END OF TERMS AND CONDITIONS + +APPENDIX: How to apply the Apache License to your work + +To apply the Apache License to your work, attach the following boilerplate +notice, with the fields enclosed by brackets "{}" replaced with your own +identifying information. (Don't include the brackets!) The text should be +enclosed in the appropriate comment syntax for the file format. We also +recommend that a file or class name and description of purpose be included on +the same "printed page" as the copyright notice for easier identification within +third-party archives. + + Copyright 2022 LHY + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/README.md b/README.md new file mode 100644 index 0000000..c01ed9c --- /dev/null +++ b/README.md @@ -0,0 +1,19 @@ +## elementui cool-admin + +### 基于 [Vue + Element] 对 `tpextmyadmin`的UI替换方案 + +### 部分样式和组件来源于 `cool-admin` : + +# H+admin后台模板样式 + +## 关于 + +替换默认的:`/admin/admin/index`主体页面样式和登录页面`/admin/admin/login`样式 + +## 使用 + +1. 下载安装本扩展 +2. 打开设置：在[平台设置]-[后台框架] +3. 点击`index主体页面风格`下拉框，选择`COOL-ADMIN样式` +4. 点击`登录页面风格`下拉框，选择`COOL-ADMIN样式` (可选，登录页面可不换) +5. [F5]刷新浏览器生效。 \ No newline at end of file diff --git a/admin/view/index/index.html b/admin/view/index/index.html new file mode 100644 index 0000000..232dd16 --- /dev/null +++ b/admin/view/index/index.html @@ -0,0 +1,583 @@ + + + + + + + 首页 - {$admin_page_title|default=''} + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/admin/view/index/login.html b/admin/view/index/login.html new file mode 100644 index 0000000..e156a04 --- /dev/null +++ b/admin/view/index/login.html @@ -0,0 +1,146 @@ + + + + + + + 登录 - {$admin_page_title|default=''} + + + + + + + + + + {:\\tpext\\common\\ExtLoader::trigger('admin_login_page')} +
+ +
+ + + + + + {:\\tpext\\common\\ExtLoader::trigger('admin_login_script')} + + + \ No newline at end of file diff --git a/assets/css/index.css b/assets/css/index.css new file mode 100644 index 0000000..0e6d77b --- /dev/null +++ b/assets/css/index.css @@ -0,0 +1,531 @@ +@charset "UTF-8"; +/** style from COOL-ADMIN **/ +* { + padding: 0; + margin: 0; + outline: none; + font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; +} + +*::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +*::-webkit-scrollbar-thumb { + background-color: rgba(144, 147, 153, 0.3); +} + +*::-webkit-scrollbar-track { + background: transparent; +} + +html, +body { + height: 100%; + width: 100%; +} + +#app { + min-height: 100%; + height: 100%; + width: 100%; +} + +a { + text-decoration: none; + color: #000; +} + +input, +button { + outline: none; +} + +input:-webkit-autofill { + box-shadow: 0 0 0px 1000px 2f3447 inset; +} + +:export { + colorPrimary: #4165d7; + colorSuccess: #67c23a; + colorDanger: #f56c6c; + colorInfo: #909399; + colorWarning: #e6a23c; +} + +.hidden { + display: none; +} + +.clearfix:after { + clear: both; +} + +.page-layout { + display: flex; + background-color: #f7f7f7; + height: 100%; + width: 100%; + overflow: hidden; +} +.page-layout__left { + overflow: hidden; + height: 100%; + width: 220px; + transition: left 0.2s; +} +.page-layout__right { + display: flex; + flex-direction: column; + height: 100%; + width: calc(100% - 220px); +} +.page-layout__topbar { + margin-bottom: 5px; +} +.page-layout__process { + padding: 0 10px; + margin-bottom: 5px; +} +.page-layout__container { + width: 100%; + box-sizing: border-box; + flex: 1; + overflow: hidden; +} +.page-layout__mask { + position: fixed; + left: 0; + top: 0; + background-color: rgba(0, 0, 0, 0.5); + height: 100%; + width: 100%; + z-index: 999; +} +.page-layout__view { + height: 100%; + width: 100%; + box-sizing: border-box; + padding: 0; + border-radius: 3px; +} +.page-layout__view > iframe { + height: 100%; + width: 100%; + padding: 0; + margin: 0; +} +@media only screen and (max-width: 768px) { + .page-layout .page-layout__left { + position: absolute; + left: 0; + z-index: 9999; + transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); + } + .page-layout .page-layout__right { + width: 100%; + } + .page-layout.collapse .page-layout__left { + transform: translateX(-100%); + } + .page-layout.collapse .page-layout__mask { + display: none; + } +} +@media only screen and (min-width: 768px) { + .page-layout .page-layout__left, +.page-layout .page-layout__right { + transition: width 0.2s; + } + .page-layout .page-layout__mask { + display: none; + } + .page-layout.collapse .page-layout__left { + width: 64px; + } + .page-layout.collapse .page-layout__right { + width: calc(100% - 64px); + } +} + +.app-slider { + height: 100%; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + background-color: #2f3447; +} +.app-slider__logo { + display: flex; + align-items: center; + justify-content: center; + height: 80px; + cursor: pointer; +} +.app-slider__logo img.mini { + height: 30px; + width: 30px; +} +.app-slider__logo img.open { + max-height: 100%; + max-width: 100%; +} +.app-slider__logo span { + color: #fff; + font-weight: bold; + font-size: 16px; + margin-left: 10px; + font-family: inherit; + white-space: nowrap; +} +.app-slider__menu { + height: calc(100% - 80px); +} + +.popper-dropdown-menu-user { + width: 120px; +} + +.app-topbar { + display: flex; + align-items: center; + height: 50px; + padding: 0 10px; + background-color: #fff; +} +.app-topbar__collapse { + display: flex; + justify-content: center; + align-items: center; + height: 40px; + width: 40px; + cursor: pointer; + margin-right: 10px; +} +.app-topbar__collapse i { + font-size: 22px; + color: #666; +} +.app-topbar .flex1 { + flex: 1; +} +.app-topbar__tools { + display: flex; + margin-right: 20px; +} +.app-topbar__tools li { + list-style: none; + height: 45px; + width: 45px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; +} +.app-topbar__tools li i { + font-size: 18px; +} +.app-topbar__tools li i:hover { + opacity: 0.8; +} +.app-topbar__user { + margin-right: 10px; + cursor: pointer; +} +.app-topbar__user .el-dropdown-link { + display: flex; + align-items: center; +} +.app-topbar__user .avatar { + height: 32px; + width: 32px; + border-radius: 32px; +} +.app-topbar__user .name { + white-space: nowrap; + margin-right: 15px; +} +.app-topbar__user .el-icon-arrow-down { + margin-left: 10px; +} + +.cl-menu-topbar { + margin-right: 10px; +} +.cl-menu-topbar .el-menu--horizontal.el-menu { + height: 50px; + background: transparent; + overflow: hidden; +} +.cl-menu-topbar .el-menu--horizontal.el-menu .el-menu-item { + display: flex; + align-items: center; + height: 50px; + border-bottom: 0; + padding: 0 7px; + background: transparent; +} +.cl-menu-topbar .el-menu--horizontal.el-menu .el-menu-item span { + font-size: 14px; + margin-left: 1px; + line-height: normal; +} +.cl-menu-topbar .el-menu--horizontal.el-menu .el-menu-item.is-active { + color: var(--color-primary, #4165d7); + border-bottom: none; +} +.cl-menu-topbar .el-menu--horizontal.el-menu .el-menu-item .icon-svg { + margin-right: 5px; +} + +.cl-theme .el-drawer__header { + margin-bottom: 20px; +} +.cl-theme .el-drawer__body { + height: calc(100% - 63px); +} +.cl-theme__container { + height: 100%; + overflow: auto; +} +.cl-theme__container::-webkit-scrollbar { + width: 6px; +} +.cl-theme__container::-webkit-scrollbar-thumb { + border-radius: 6px; + background-color: rgba(144, 147, 153, 0.3); +} +.cl-theme .is-card { + padding: 20px 0; + margin: 0 20px 20px 20px; + border-bottom: 1px solid #f7f7f7; +} +.cl-theme .is-card > p { + font-size: 15px; + font-weight: bold; + margin-bottom: 10px; +} +.cl-theme__switch ul { + width: 100%; +} +.cl-theme__switch ul li { + display: flex; + justify-content: space-between; + align-items: center; + height: 40px; + list-style: none; +} +.cl-theme__switch ul li span { + font-size: 13px; +} +.cl-theme__color ul { + display: flex; + flex-wrap: wrap; + margin-top: 10px; +} +.cl-theme__color ul li { + list-style: none; + height: 20px; + width: 20px; + border-radius: 3px; + margin-right: 10px; + margin-top: 10px; + text-align: center; + color: #fff; + line-height: 20px; +} +.cl-theme__color ul li:hover { + opacity: 0.7; +} +.cl-theme__tips { + padding: 10px 20px; + margin-bottom: 50px; +} +.cl-theme__tips .el-button { + margin-top: 20px; +} +.cl-theme__desc { + padding: 10px; +} +.cl-theme__desc-label { + margin-bottom: 10px; +} +.cl-theme__desc li { + list-style: none; + margin-bottom: 20px; +} + +i.mdi::before, +i.mdi-set, +[class*=" mdi-"], +[class^=mdi-] { + font-style: normal; + font-weight: 400; + font-size: inherit; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.app-process { + display: flex; + align-items: center; + height: 30px; + position: relative; +} +.app-process__left, .app-process__right { + background-color: #fff; + height: 30px; + line-height: 30px; + padding: 0 2px; + border-radius: 3px; + cursor: pointer; +} +.app-process__left:hover, .app-process__right:hover { + background-color: #eee; +} +.app-process__left { + margin-right: 3px; +} +.app-process__right { + margin-left: 3px; +} +.app-process__scroller { + width: 100%; + flex: 1; + overflow-x: hidden; + overflow-y: hidden; + white-space: nowrap; +} +.app-process__scroller::-webkit-scrollbar { + display: none; +} +.app-process .el-dropdown .el-dropdown-link { + margin-left: 8px; + line-height: 30px; + font-size: 12px; + color: #909399; + cursor: pointer; +} +.app-process__item { + display: inline-flex; + align-items: center; + height: 30px; + line-height: 30px; + padding: 0 10px; + background-color: #fff; + font-size: 12px; + margin-right: 2px; + color: #909399; + cursor: pointer; + position: relative; +} +.app-process__item:last-child { + margin-right: 0; +} +.app-process__item .el-icon-close { + font-size: 12px; + width: auto; + transition: all 0.3s; + visibility: hidden; + position: absolute; + right: 0; + top: 3px; +} +.app-process__item .el-icon-close:hover { + color: #f56c6c; +} +.app-process__item:hover .el-icon-close { + visibility: visible; +} +.app-process__item.active span { + color: var(--color-primary, #4165d7); +} +.app-process__item.active:before { + background-color: var(--color-primary, #4165d7); +} +.app-process__item span::selection { + background-color: transparent; +} + +.cl-slider-menu { + height: 100%; + overflow-y: auto; +} +.cl-slider-menu::-webkit-scrollbar { + width: 0; + height: 0; +} +.cl-slider-menu .el-menu { + border-right: 0; +} +.cl-slider-menu .el-menu .el-submenu__title.is-active, .cl-slider-menu .el-menu .el-submenu__title:hover, .cl-slider-menu .el-menu-item.is-active, .cl-slider-menu .el-menu-item:hover { + background-color: var(--color-primary, #4165d7) !important; + color: #fff; +} +.cl-slider-menu .el-menu .el-submenu__title, .cl-slider-menu .el-menu-item, .cl-slider-menu .el-menu__title { + color: #eee; + letter-spacing: 0.5px; + height: 50px; + line-height: 50px; +} +.cl-slider-menu .el-menu .el-submenu__title .icon-svg, .cl-slider-menu .el-menu-item .icon-svg, .cl-slider-menu .el-menu__title .icon-svg { + font-size: 16px; + margin: 0 5px; +} +.cl-slider-menu .el-menu .el-submenu__title span, .cl-slider-menu .el-menu-item span, .cl-slider-menu .el-menu__title span { + font-size: 12px; + letter-spacing: 1px; + display: inline-block; +} +.cl-slider-menu .el-menu--collapse .el-submenu__title .icon-svg { + margin-left: 2px; + font-size: 19px; +} + +.cl-slider-menu__submenu { + background-color: #fff; +} +.cl-slider-menu__submenu.el-menu--vertical .el-submenu__title { + display: flex; + align-items: center; +} +.cl-slider-menu__submenu.el-menu--vertical .el-submenu__title .icon-svg { + font-size: 18px; + margin-right: 10px; +} +.cl-slider-menu__submenu.el-menu--vertical .el-menu-item { + display: flex; + align-items: center; +} +.cl-slider-menu__submenu.el-menu--vertical .el-menu-item .icon-svg { + font-size: 18px; + margin-right: 10px; +} + +.cl-route-nav { + white-space: nowrap; +} +.cl-route-nav .el-breadcrumb__inner { + font-size: 13px; + padding: 0 10px; + font-weight: normal; + letter-spacing: 1px; +} +.cl-route-nav .title { + font-size: 14px; + font-weight: 500; + margin-left: 5px; +} + +.box-card { + min-height: 100%; +} + +.box-card > .el-card__header { + padding: 10px 15px; +} + +/*# sourceMappingURL=index.css.map */ diff --git a/assets/css/index.css.map b/assets/css/index.css.map new file mode 100644 index 0000000..b1a4455 --- /dev/null +++ b/assets/css/index.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":";AAAA;AAEA;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAiBJ;EACI,cAfM;EAgBN,cAbY;EAcZ,aAbW;EAcX,WAbS;EAcT,cAbY;;;AAkBhB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;IACI;IACA;IACA;IACA;;EAIJ;IACI;;EAIA;IACI;;EAGJ;IACI;;;AAKZ;EAEI;AAAA;IAEI;;EAGJ;IACI;;EAIA;IACI;;EAGJ;IACI;;;;AAMhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;AAMhB;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAMZ;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OAvRA;EAwRA;;AAGJ;EACI;;;AAQR;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAKJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAOZ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAMhB;EACI;EACA;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAKZ;AAAA;AAAA;AAAA;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,OAheD;;AAqeH;EACI;;AAKJ;EACI,OA9eA;;AAifJ;EACI,kBAlfA;;AAsfR;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAKI;EAEI;EACA;;AAIR;EAGI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAMA;EACI;EACA;;;AAOpB;EACI;;AAKY;EACI;EACA;;AAEA;EACI;EACA;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;;;AAOpB;EACI;;AAGI;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI","file":"index.css"} \ No newline at end of file diff --git a/assets/css/index.scss b/assets/css/index.scss new file mode 100644 index 0000000..a214213 --- /dev/null +++ b/assets/css/index.scss @@ -0,0 +1,669 @@ +/** style from COOL-ADMIN **/ + +* { + padding: 0; + margin: 0; + outline: none; + font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", + "微软雅黑", Arial, sans-serif; +} + +*::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +*::-webkit-scrollbar-thumb { + background-color: rgba(144, 147, 153, 0.3); +} + +*::-webkit-scrollbar-track { + background: transparent; +} + +html, +body +{ + height: 100%; + width: 100%; +} + +#app { + min-height: 100%; + height: 100%; + width: 100%; +} + +a { + text-decoration: none; + color: #000; +} + +input, +button { + outline: none; +} + +input:-webkit-autofill { + box-shadow: 0 0 0px 1000px 2f3447 inset; +} + +$primary: #4165d7; + +$color-primary: var(--color-primary, $primary); +$color-success: #67c23a; +$color-danger: #f56c6c; +$color-info: #909399; +$color-warning: #e6a23c; + +$--color-primary: $primary; +$--color-success: $color-success; +$--color-danger: $color-danger; +$--color-warning: $color-warning; +$--color-info: $color-info; + +:export { + colorPrimary: $primary; + colorSuccess: $color-success; + colorDanger: $color-danger; + colorInfo: $color-info; + colorWarning: $color-warning; +} + +$--font-path: "../lib/theme-chalk/fonts"; + +.hidden { + display: none; +} + +.clearfix:after { + clear: both +} + +.page-layout { + display: flex; + background-color: #f7f7f7; + height: 100%; + width: 100%; + overflow: hidden; + + &__left { + overflow: hidden; + height: 100%; + width: 220px; + transition: left 0.2s; + } + + &__right { + display: flex; + flex-direction: column; + height: 100%; + width: calc(100% - 220px); + } + + &__topbar { + margin-bottom: 5px; + } + + &__process { + padding: 0 10px; + margin-bottom: 5px; + } + + &__container { + width: 100%; + box-sizing: border-box; + flex: 1; + overflow: hidden; + } + + &__mask { + position: fixed; + left: 0; + top: 0; + background-color: rgba(0, 0, 0, 0.5); + height: 100%; + width: 100%; + z-index: 999; + } + + &__view { + height: 100%; + width: 100%; + box-sizing: border-box; + padding: 0; + border-radius: 3px; + + &>iframe { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + } + } + + @media only screen and (max-width: 768px) { + .page-layout__left { + position: absolute; + left: 0; + z-index: 9999; + transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), + box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); + } + + .page-layout__right { + width: 100%; + } + + &.collapse { + .page-layout__left { + transform: translateX(-100%); + } + + .page-layout__mask { + display: none; + } + } + } + + @media only screen and (min-width: 768px) { + + .page-layout__left, + .page-layout__right { + transition: width 0.2s; + } + + .page-layout__mask { + display: none; + } + + &.collapse { + .page-layout__left { + width: 64px; + } + + .page-layout__right { + width: calc(100% - 64px); + } + } + } +} + +.app-slider { + height: 100%; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); + background-color: #2f3447; + + &__logo { + display: flex; + align-items: center; + justify-content: center; + height: 80px; + cursor: pointer; + + img.mini { + height: 30px; + width: 30px; + } + + img.open { + max-height: 100%; + max-width: 100%; + } + + span { + color: #fff; + font-weight: bold; + font-size: 16px; + margin-left: 10px; + font-family: inherit; + white-space: nowrap; + } + } + + &__menu { + height: calc(100% - 80px); + } +} + +.popper-dropdown-menu-user { + width: 120px; +} + +.app-topbar { + display: flex; + align-items: center; + height: 50px; + padding: 0 10px; + background-color: #fff; + + &__collapse { + display: flex; + justify-content: center; + align-items: center; + height: 40px; + width: 40px; + cursor: pointer; + margin-right: 10px; + + i { + font-size: 22px; + color: #666; + } + } + + .flex1 { + flex: 1; + } + + &__tools { + display: flex; + margin-right: 20px; + + li { + list-style: none; + height: 45px; + width: 45px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + + i { + font-size: 18px; + + &:hover { + opacity: 0.8; + } + } + } + } + + &__user { + margin-right: 10px; + cursor: pointer; + + .el-dropdown-link { + display: flex; + align-items: center; + } + + .avatar { + height: 32px; + width: 32px; + border-radius: 32px; + } + + .name { + white-space: nowrap; + margin-right: 15px; + } + + .el-icon-arrow-down { + margin-left: 10px; + } + } +} + + +.cl-menu-topbar { + margin-right: 10px; + + .el-menu--horizontal.el-menu { + height: 50px; + background: transparent; + overflow: hidden; + + .el-menu-item { + display: flex; + align-items: center; + height: 50px; + border-bottom: 0; + padding: 0 7px; + background: transparent; + + span { + font-size: 14px; + margin-left: 1px; + line-height: normal; + } + + &.is-active { + color: $color-primary; + border-bottom: none; + } + + .icon-svg { + margin-right: 5px; + } + } + } +} + +.cl-theme { + .el-drawer { + &__header { + margin-bottom: 20px; + } + + &__body { + height: calc(100% - 63px); + } + } + + &__container { + height: 100%; + overflow: auto; + + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-thumb { + border-radius: 6px; + background-color: rgba(144, 147, 153, 0.3); + } + } + + .is-card { + padding: 20px 0; + margin: 0 20px 20px 20px; + border-bottom: 1px solid #f7f7f7; + + &>p { + font-size: 15px; + font-weight: bold; + margin-bottom: 10px; + } + } + + &__switch { + ul { + width: 100%; + + li { + display: flex; + justify-content: space-between; + align-items: center; + height: 40px; + list-style: none; + + span { + font-size: 13px; + } + } + } + } + + &__color { + ul { + display: flex; + flex-wrap: wrap; + margin-top: 10px; + + li { + list-style: none; + height: 20px; + width: 20px; + border-radius: 3px; + margin-right: 10px; + margin-top: 10px; + text-align: center; + color: #fff; + line-height: 20px; + + &:hover { + opacity: 0.7; + } + } + } + } + + &__tips { + padding: 10px 20px; + margin-bottom: 50px; + + .el-button { + margin-top: 20px; + } + } + + &__desc { + padding: 10px; + + &-label { + margin-bottom: 10px; + } + + li { + list-style: none; + margin-bottom: 20px; + } + } +} + +i.mdi::before, +i.mdi-set, +[class*=" mdi-"], +[class^="mdi-"] { + font-style: normal; + font-weight: 400; + font-size: inherit; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.app-process { + display: flex; + align-items: center; + height: 30px; + position: relative; + + &__left, + &__right { + background-color: #fff; + height: 30px; + line-height: 30px; + padding: 0 2px; + border-radius: 3px; + cursor: pointer; + + &:hover { + background-color: #eee; + } + } + + &__left { + margin-right: 3px; + } + + &__right { + margin-left: 3px; + } + + &__scroller { + width: 100%; + flex: 1; + overflow-x: hidden; + overflow-y: hidden; + white-space: nowrap; + + &::-webkit-scrollbar { + display: none; + } + } + + .el-dropdown .el-dropdown-link { + margin-left: 8px; + line-height: 30px; + font-size: 12px; + color: #909399; + cursor: pointer; + } + + &__item { + display: inline-flex; + align-items: center; + height: 30px; + line-height: 30px; + padding: 0 10px; + background-color: #fff; + font-size: 12px; + margin-right: 2px; + color: #909399; + cursor: pointer; + position: relative; + + &:last-child { + margin-right: 0; + } + + .el-icon-close { + font-size: 12px; + width: auto; + transition: all 0.3s; + visibility: hidden; + position: absolute; + right: 0; + top: 3px; + + &:hover { + color: $color-danger; + } + } + + &:hover { + .el-icon-close { + visibility: visible; + } + } + + &.active { + span { + color: $color-primary; + } + + &:before { + background-color: $color-primary; + } + } + + span::selection { + background-color: transparent; + } + } +} + +.cl-slider-menu { + height: 100%; + overflow-y: auto; + + &::-webkit-scrollbar { + width: 0; + height: 0; + } + + .el-menu { + border-right: 0; + + .el-submenu__title, + &-item { + + &.is-active, + &:hover { + background-color: $color-primary !important; + color: #fff; + } + } + + .el-submenu__title, + &-item, + &__title { + color: #eee; + letter-spacing: 0.5px; + height: 50px; + line-height: 50px; + + .icon-svg { + font-size: 16px; + margin: 0 5px; + } + + span { + font-size: 12px; + letter-spacing: 1px; + display: inline-block; + } + } + + &--collapse { + .el-submenu__title { + .icon-svg { + margin-left: 2px; + font-size: 19px; + } + } + } + } +} + +.cl-slider-menu__submenu { + background-color: #fff; + + &.el-menu { + &--vertical { + .el-submenu { + &__title { + display: flex; + align-items: center; + + .icon-svg { + font-size: 18px; + margin-right: 10px; + } + } + } + + .el-menu-item { + display: flex; + align-items: center; + + .icon-svg { + font-size: 18px; + margin-right: 10px; + } + } + } + } +} + +.cl-route-nav { + white-space: nowrap; + + .el-breadcrumb { + &__inner { + font-size: 13px; + padding: 0 10px; + font-weight: normal; + letter-spacing: 1px; + } + } + + .title { + font-size: 14px; + font-weight: 500; + margin-left: 5px; + } +} + +.box-card { + min-height: 100%; +} + +.box-card>.el-card__header { + padding: 10px 15px; +} \ No newline at end of file diff --git a/assets/css/login.css b/assets/css/login.css new file mode 100644 index 0000000..52d4418 --- /dev/null +++ b/assets/css/login.css @@ -0,0 +1,112 @@ +@charset "UTF-8"; +/** style from COOL-ADMIN **/ +* { + padding: 0; + margin: 0; + outline: none; + font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; +} + +html, +body, +#app { + height: 100%; + width: 100%; +} + +a { + text-decoration: none; + color: #fff; +} + +input, +button { + outline: none; +} + +input:-webkit-autofill { + box-shadow: 0 0 0px 1000px 2f3447 inset; +} + +.page-login { + height: 100vh; + width: 100vw; + position: relative; + background-color: rgb(44, 44, 44); +} +.page-login .box { + background-color: rgba(44, 44, 44, 0.8888); + border-radius: 10px; + padding-bottom: 20px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 500px; + position: absolute; + left: calc(50% - 250px); + top: calc(50% - 280px); +} +.page-login .box .logo { + max-width: 100%; + margin-bottom: 20px; + margin-top: 30px; +} +.page-login .box .desc { + color: #ccc; + font-size: 12px; + margin-bottom: 10px; + margin-top: 10px; + letter-spacing: 1px; +} +.page-login .box .el-form { + width: 300px; + border-radius: 3px; +} +.page-login .box .el-form .el-form-item { + margin-bottom: 20px; +} +.page-login .box .el-form .el-form-item__label { + color: #ccc; +} +.page-login .box .el-form .el-input .el-input__inner { + border: 0; + border-bottom: 0.5px solid #999; + border-radius: 0; + padding: 0 5px; + background-color: transparent; + color: #ccc; + transition: border-color 0.3s; + position: relative; +} +.page-login .box .el-form .el-input .el-input__inner:focus { + border-color: #fff; + color: #fff; +} +.page-login .box .el-form .el-input .el-input__inner:-webkit-autofill { + -webkit-text-fill-color: #fff !important; + -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; + transition: background-color 50000s ease-in-out 0s; +} +.page-login .box .el-form .captcha { + position: relative; +} +.page-login .box .el-form .captcha .value { + position: absolute; + bottom: 2px; + right: 0; + height: 36px; + cursor: pointer; +} +.page-login .box .el-form .captcha .value img { + height: 100%; +} +.page-login .box .submit-btn { + margin-top: 20px; + border-radius: 30px; + margin-bottom: 10px; + padding: 10px 60px; + color: #000; +} + +/*# sourceMappingURL=login.css.map */ diff --git a/assets/css/login.css.map b/assets/css/login.css.map new file mode 100644 index 0000000..8330252 --- /dev/null +++ b/assets/css/login.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["login.scss"],"names":[],"mappings":";AAAA;AAEA;EACI;EACA;EACA;EACA;;;AAIJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAEA;EACI;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA","file":"login.css"} \ No newline at end of file diff --git a/assets/css/login.scss b/assets/css/login.scss new file mode 100644 index 0000000..796c576 --- /dev/null +++ b/assets/css/login.scss @@ -0,0 +1,126 @@ +/** style from COOL-ADMIN **/ + +* { + padding: 0; + margin: 0; + outline: none; + font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", + "微软雅黑", Arial, sans-serif; +} + +html, +body, +#app { + height: 100%; + width: 100%; +} + +a { + text-decoration: none; + color: #fff; +} + +input, +button { + outline: none; +} + +input:-webkit-autofill { + box-shadow: 0 0 0px 1000px 2f3447 inset; +} + +.page-login { + height: 100vh; + width: 100vw; + position: relative; + background-color: rgb(44, 44, 44); + + .box { + background-color: rgba(44, 44, 44,.8888); + border-radius: 10px; + padding-bottom: 20px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 500px; + position: absolute; + left: calc(50% - 250px); + top: calc(50% - 280px); + + .logo { + max-width: 100%; + margin-bottom: 20px; + margin-top: 30px; + } + + .desc { + color: #ccc; + font-size: 12px; + margin-bottom: 10px; + margin-top: 10px; + letter-spacing: 1px; + } + + .el-form { + width: 300px; + border-radius: 3px; + + .el-form-item { + margin-bottom: 20px; + + &__label { + color: #ccc; + } + } + + .el-input { + .el-input__inner { + border: 0; + border-bottom: 0.5px solid #999; + border-radius: 0; + padding: 0 5px; + background-color: transparent; + color: #ccc; + transition: border-color 0.3s; + position: relative; + + &:focus { + border-color: #fff; + color: #fff; + } + + &:-webkit-autofill { + -webkit-text-fill-color: #fff !important; + -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; + transition: background-color 50000s ease-in-out 0s; + } + } + } + + .captcha { + position: relative; + + .value { + position: absolute; + bottom: 2px; + right: 0; + height: 36px; + cursor: pointer; + + img { + height: 100%; + } + } + } + } + + .submit-btn { + margin-top: 20px; + border-radius: 30px; + margin-bottom: 10px; + padding: 10px 60px; + color: #000; + } + } +} \ No newline at end of file diff --git a/assets/css/readme.md b/assets/css/readme.md new file mode 100644 index 0000000..3c1d2ad --- /dev/null +++ b/assets/css/readme.md @@ -0,0 +1,11 @@ +scss 转 css : + +安装 sass +```bash +npm install sass -g +```` + +转换： +```bash +sass ./login.scss ./login.css +``` \ No newline at end of file diff --git a/assets/css/tpextbuilder.css b/assets/css/tpextbuilder.css new file mode 100644 index 0000000..fea2402 --- /dev/null +++ b/assets/css/tpextbuilder.css @@ -0,0 +1,50 @@ +.el-form .el-form-item.tpext-form-item { + margin-bottom: 6px; + padding-right: 14px; + padding-left: 14px; +} + +.el-form.search-form .el-form-item.tpext-form-item { + margin-bottom: 4px; + padding-right: 0; + padding-left: 0; +} + +.el-form .el-form-item.tpext-form-item .el-form-item__content { + padding-left: 12px; + padding-right: 12px; +} + +.el-form-item.tpext-form-item .el-form-item__content.fields-div { + padding-left: 0; + padding-right: 0; +} + +.el-form-item__content.fields-div .el-form-item.tpext-form-item { + padding-left: 0; + padding-right: 0; +} + +.el-form--label-left.no-margin-bottom .el-form-item__label { + margin-bottom: 0; +} + +.el-row { + padding-left: 12px; + padding-right: 12px; +} + +a.el-button { + text-decoration: none; +} + +.el-form .el-form-item--mini.el-form-item, +.el-form .el-form-item--small.el-form-item { + margin-bottom: 12px +} + +.el-form.search-form .el-form-item--mini.el-form-item, +.el-form.search-form .el-form-item--small.el-form-item { + + margin-bottom: 3px +} diff --git a/assets/icon/logo/silder-simple.png b/assets/icon/logo/silder-simple.png new file mode 100644 index 0000000000000000000000000000000000000000..a75c6187a4c8ebd40815ca264db6518574605f21 GIT binary patch literal 1403 zcmV->1%&#EP)bj)RKO&~I*-$z3=m5uWmUjk#0#4K0Jg3WuML(1*!q{U zD_{p-+^FL;~80cYPKP5N~vF zp9hTkyPe-KNGj5{%Eq#!{wf>&?z)AoMdD5fQ33mm@*fg!aME0H*UR*qO@T~~7)MQ# zhB9mo<*+r9H}-_06<}SSeonlxsmD3@eVP92lQWACN?I|F*ybiSHyiD(xH$fk3fPP7 zyzdNfqKV82Y2=@?k8W@f;=EYxL18`xF~*#T1CJFF@W0t{Zi(J3R~g z$omk+khv|!QMoN?opJP&w$ABW*iv={SWjd=11=bK5-vD>3;9lrJhL`z91Tg@m}BJA zZDS6f!#=hXEEQl~aC`}zGU`-w%Gt4CUl@60Y^|h4{=e#cz^Ukg> zeZ+A$rC9>nfISAs0Pg`ejXKrz0*|Ktzv=8+*n{sBZ}kl*qqR#Km2^nbUy@E$eIN8j z?3;i^qrHkIb%GFS$=&IP}(9y@n&b2;!$qIbd_GP#h6b57L1OL zXV}RqaUU)_y|kU<#<&*h#nUVSAvYq8O5BHMtLz2YkTpxdexsAKlA@HpZ;AVGq$;+^ z`LnQJh6Ln2jL1{sJ}gV>tBP^lXrty(CZXQ%;DxGd z9|M;SHo9r_^g5N9F6E!AWpY}z)AS9ajU~nXYghr>fB{2hTg3)y-#oLfI0uOPw~Fcn zgnQr^jwRr2YWD(p_8j&5=gPwRSgK6^l=P9}nA()Rw#fZ>u3iF;1q!|hCndcksYm`x z=}(M4jwzLZZ<|&;2+yfWUvps@lbemK225vAbvjILwvkkWTEoE<{yyJ+^F}Tg2Dg*002ov JPDHLkV1f{#oVEY} literal 0 HcmV?d00001 diff --git a/assets/js/index.js b/assets/js/index.js new file mode 100644 index 0000000..c15083e --- /dev/null +++ b/assets/js/index.js @@ -0,0 +1,200 @@ +function getThemes() { + return [ + { + label: "钴蓝", + name: "blue", + color: "#4165d7" + }, + { + label: "极黑", + name: "black", + color: "#2f3447" + }, + { + label: "果绿", + name: "green", + color: "#51C21A" + }, + { + label: "酱紫", + name: "purple", + color: "#d0378d" + } + ]; +} + +function getBrowser() { + var clientHeight = document.documentElement.clientHeight, clientWidth = document.documentElement.clientWidth; + + // 浏览器信息 + var ua = navigator.userAgent.toLowerCase(); + + // 浏览器类型 + var type = (ua.match(/firefox|chrome|safari|opera/g) || "other")[0]; + + if ((ua.match(/msie|trident/g) || [])[0]) { + type = "msie"; + } + + // 平台标签 + var tag = ""; + + var isTocuh = + "ontouchstart" in window || ua.indexOf("touch") !== -1 || ua.indexOf("mobile") !== -1; + if (isTocuh) { + if (ua.indexOf("ipad") !== -1) { + tag = "pad"; + } else if (ua.indexOf("mobile") !== -1) { + tag = "mobile"; + } else if (ua.indexOf("android") !== -1) { + tag = "androidPad"; + } else { + tag = "pc"; + } + } else { + tag = "pc"; + } + + // 浏览器内核 + var prefix = ""; + + switch (type) { + case "chrome": + case "safari": + case "mobile": + prefix = "webkit"; + break; + case "msie": + prefix = "ms"; + break; + case "firefox": + prefix = "Moz"; + break; + case "opera": + prefix = "O"; + break; + default: + prefix = "webkit"; + break; + } + + // 操作平台 + var plat = ua.indexOf("android") > 0 ? "android" : navigator.platform.toLowerCase(); + + // 屏幕信息 + var screen = "full"; + + if (clientWidth < 768) { + screen = "xs"; + } else if (clientWidth < 992) { + screen = "sm"; + } else if (clientWidth < 1200) { + screen = "md"; + } else if (clientWidth < 1920) { + screen = "xl"; + } else { + screen = "full"; + } + + // 是否 ios + var isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); + + // 浏览器版本 + var version = (ua.match(/[\s\S]+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1]; + + // 是否 PC 端 + var isPC = tag === "pc"; + + // 是否移动端 + var isMobile = isPC ? false : true; + + // 是否移动端 + 屏幕宽过小 + var isMini = screen === "xs" || isMobile; + + return { + height: clientHeight, + width: clientWidth, + version, + type, + plat, + tag, + prefix, + isMobile, + isIOS, + isPC, + isMini, + screen + }; +} + +function getSubMenu(treeObj) { + var topMenu = []; + var leftMenu = []; + + for (var i in treeObj) { + var children = treeObj[i].children; + if (!children || !children.length) { + if (treeObj[i].url && treeObj[i].url != '#') { + children = [treeObj[i]]; + } + } + if (children.length) { + leftMenu = leftMenu.concat(children); + } + if (!treeObj[i].is_home) { + delete treeObj[i].children; + topMenu.push(treeObj[i]); + } + } + + return { + left: leftMenu, + top: topMenu, + }; +} + +/** + * @author CSDN 蔚莱先森 + * @param source json数据源 + * @param id 主键ID + * @param parendId 父级ID名称 + * @param children 子级名称 + */ +function treeData(source, id, parentId, children) { + var cloneData = (typeof source == 'object') ? source : JSON.parse(source); + return cloneData.filter(function (father) { + var branchArr = cloneData.filter(function (child) { return father[id] == child[parentId] }); + branchArr.length > 0 ? father[children] = branchArr : ''; + return father[parentId] == 0 + }) +} + +function isEmpty(value) { + if (isArray(value)) { + return value.length === 0; + } + + if (isObject(value)) { + return Object.keys(value).length === 0; + } + + return value === "" || value === undefined || value === null; +} + +function isArray(value) { + if (typeof Array.isArray === "function") { + return Array.isArray(value); + } else { + return Object.prototype.toString.call(value) === "[object Array]"; + } +} + +function isObject(value) { + return Object.prototype.toString.call(value) === "[object Object]"; +} + +function last(data) { + if (isArray(data) || isString(data)) { + return data[data.length - 1]; + } +} \ No newline at end of file diff --git a/assets/js/tpextbuilder.js b/assets/js/tpextbuilder.js new file mode 100644 index 0000000..75f2533 --- /dev/null +++ b/assets/js/tpextbuilder.js @@ -0,0 +1,856 @@ +(function (w) { + + var tpextbuilder = function () { }; + tpextbuilder.autoPost = function (classname, url, refresh) { + + $('body').on('change', '.' + classname + ' :checkbox', function () { + if ($(this).hasClass('switch-box')) { + var text = $(this).parent('label').prev('input[type="hidden"]'); + var name = text.attr('name'); + var val = $(this).is(':checked') ? $(this).data('on') : $(this).data('off'); + name = name.split('-')[0]; + var dataid = $(this).parents('tr.table-row-id').data('id'); + tpextbuilder.autoSendData({ + id: dataid, + name: name, + value: val + }, url, refresh); + } + else { + var name = $(this).attr('name'); + var values = []; + $('.' + classname + " input[name='" + name + "']:checked").each(function (i, e) { + values.push($(e).val()); + }); + var val = values.join(','); + name = name.split('-')[0]; + var dataid = $(this).parents('tr.table-row-id').data('id'); + tpextbuilder.autoSendData({ + id: dataid, + name: name, + value: val + }, url, refresh); + } + + }); + + $('body').on('change', '.' + classname + ' :radio', function () { + var name = $(this).attr('name'); + var val = $('.' + classname + " input[name='" + name + "']:checked").val(); + name = name.split('-')[0]; + var dataid = $(this).parents('tr.table-row-id').data('id'); + tpextbuilder.autoSendData({ + id: dataid, + name: name, + value: val + }, url, refresh); + }); + + var timer = null; + + $('body').on('change', '.' + classname + ' input[type="text"]', function () { + clearTimeout(timer); + var that = this; + timer = setTimeout(function () { + var name = $(that).attr('name'); + var val = $(that).val(); + name = name.split('-')[0]; + var dataid = $(that).parents('tr.table-row-id').data('id'); + tpextbuilder.autoSendData({ + id: dataid, + name: name, + value: val + }, url, refresh); + }, 200); + }); + + $('body').on('change', '.' + classname + ' textarea', function () { + clearTimeout(timer); + var that = this; + timer = setTimeout(function () { + var name = $(that).attr('name'); + var val = $(that).val(); + name = name.split('-')[0]; + var dataid = $(that).parents('tr.table-row-id').data('id'); + tpextbuilder.autoSendData({ + id: dataid, + name: name, + value: val + }, url, refresh); + }, 200); + }); + + $('body').on('change', '.' + classname + ' select', function () { + var name = $(this).attr('name'); + var val = $(this).val(); + name = name.split('-')[0]; + var dataid = $(this).parents('tr.table-row-id').data('id'); + tpextbuilder.autoSendData({ + id: dataid, + name: name, + value: val + }, url, refresh); + }); + }; + + tpextbuilder.postChecked = function (id, url, confirm) { + var obj = $('#' + id); + if (!obj.size()) { + return; + } + $('body').on('click', '#' + id, function () { + var val = ''; + + var values = []; + + $("input.table-row:checked").each(function (i, e) { + values.push($(e).val()); + }); + + if (values.length == 0) { + + lightyear.notify('未选中任何数据', 'warning'); + + return false; + } + + val = values.join(','); + + if (confirm && confirm != '0' && confirm != 'false') { + if (confirm == '1') { + var text = $('#' + id).text().trim() || $(this).attr('title'); + confirm = '确定要执行批量' + text + '操作吗？'; + } + $.alert({ + title: '操作提示', + content: confirm, + type: 'orange', + buttons: { + confirm: { + text: '确认', + btnClass: 'btn-primary', + action: function () { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }, + cancel: { + text: '取消', + action: function () { + + } + } + } + }); + } else { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }); + + if ($("input.table-row:checked").size() == 0) { + $('#' + id).addClass('disabled'); + } else { + $('#' + id).removeClass('disabled'); + } + + $('body').on('change', 'input.table-row', function () { + if ($("input.table-row:checked").size() == 0) { + $('#' + id).addClass('disabled'); + } else { + $('#' + id).removeClass('disabled'); + } + }); + + $('body').on('change', 'input.table-row-checkall', function () { + if ($("input.table-row:checked").is(':checked')) { + $('#' + id).removeClass('disabled'); + } else { + $('#' + id).addClass('disabled'); + } + }); + }; + + tpextbuilder.openChecked = function (id, url) { + var obj = $('#' + id); + if (!obj.size()) { + return; + } + $('body').on('click', '#' + id, function () { + var val = ''; + + var values = []; + + $("input.table-row:checked").each(function (i, e) { + values.push($(e).val()); + }); + + if (values.length == 0) { + + lightyear.notify('未选中任何数据', 'warning'); + + return false; + } + + val = values.join(','); + var size = $(this).data('layer-size'); + size = size ? size.split(',') : null; + w.layerOpen(this, size, url + (/.+\?.*/.test(url) ? '&ids=' : '?ids=') + val); + return false; + }); + + if ($("input.table-row:checked").size() == 0) { + $('#' + id).addClass('disabled'); + } else { + $('#' + id).removeClass('disabled'); + } + + $('body').on('change', 'input.table-row', function () { + if ($("input.table-row:checked").size() == 0) { + $('#' + id).addClass('disabled'); + } else { + $('#' + id).removeClass('disabled'); + } + }); + + $('body').on('change', 'input.table-row-checkall', function () { + if ($("input.table-row:checked").is(':checked')) { + $('#' + id).removeClass('disabled'); + } else { + $('#' + id).addClass('disabled'); + } + }); + }; + + tpextbuilder.postActionsChecked = function (id, confirms) { + var obj = $('#' + id); + if (!obj.size()) { + return; + } + + $('body').on('click', '#' + id + '-div .dropdown-menu li a', function () { + + var url = $(this).data('url'); + + var confirm = confirms[url]; + + var val = ''; + + var values = []; + + $("input.table-row:checked").each(function (i, e) { + values.push($(e).val()); + }); + + if (values.length == 0) { + + lightyear.notify('未选中任何数据', 'warning'); + + return false; + } + + val = values.join(','); + + if (confirm && confirm != '0' && confirm != 'false') { + if (confirm == '1') { + var text = $(this).text().trim(); + confirm = '确定要执行批量' + text + '操作吗？'; + } + $.alert({ + title: '操作提示', + content: confirm, + type: 'orange', + buttons: { + confirm: { + text: '确认', + btnClass: 'btn-primary', + action: function () { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }, + cancel: { + text: '取消', + action: function () { + + } + } + } + }); + } else { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }); + + if ($("input.table-row:checked").size() == 0) { + $('#' + id).addClass('disabled'); + } else { + $('#' + id).removeClass('disabled'); + } + + $('body').on('change', 'input.table-row', function () { + if ($("input.table-row:checked").size() == 0) { + $('#' + id).addClass('disabled'); + } else { + $('#' + id).removeClass('disabled'); + } + }); + + $('body').on('change', 'input.table-row-checkall', function () { + if ($("input.table-row:checked").is(':checked')) { + $('#' + id).removeClass('disabled'); + } else { + $('#' + id).addClass('disabled'); + } + }); + }; + + tpextbuilder.postRowid = function (classname, url, confirm) { + $('body').on('click', '.row-__action__ .' + classname, function () { + var val = $(this).data('id'); + if (confirm && confirm != '0' && confirm != 'false') { + if (confirm == '1') { + var text = $(this).text().trim() || $(this).attr('title') || '此'; + confirm = '确定要执行' + text + '操作吗？'; + } + $.alert({ + title: '操作提示', + content: confirm, + type: 'orange', + buttons: { + confirm: { + text: '确认', + btnClass: 'btn-primary', + action: function () { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }, + cancel: { + text: '取消', + action: function () { + + } + } + } + }); + } else { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }); + }; + + tpextbuilder.postActionsRowid = function (classname, confirms) { + $('body').on('click', '.row-__action__ .' + classname + ' .dropdown-menu li a', function () { + var url = $(this).data('url'); + + var confirm = confirms[url]; + + var val = $('.row-__action__ .' + classname).data('id'); + if (confirm && confirm != '0' && confirm != 'false') { + if (confirm == '1') { + var text = $(this).text().trim() || $(this).attr('title') || '此'; + confirm = '确定要执行' + text + '操作吗？'; + } + else if (confirm == '2') { + var size = $('.' + classname).find('.btn-actions').data('layer-size'); + size = size ? size.split(',') : null; + w.layerOpen(this, size); + return false; + } + $.alert({ + title: '操作提示', + content: confirm, + type: 'orange', + buttons: { + confirm: { + text: '确认', + btnClass: 'btn-primary', + action: function () { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }, + cancel: { + text: '取消', + action: function () { + + } + } + } + }); + } else { + tpextbuilder.autoSendData({ + ids: val + }, url, 1); + } + }); + }; + + tpextbuilder.autoSendData = function (data, url, refresh, del) { + data.__token__ = w.__token__; + data._method = /.+?\/(?:destroy|delete|remove|del)(?:\.\w+)?$/.test(url) ? "delete" : "patch"; + lightyear.loading('show'); + $.ajax({ + url: url, + data: data, + type: "POST", + dataType: "json", + success: function (data) { + lightyear.loading('hide'); + if (data.__token__) { + w.__token__ = data.__token__; + } + if (data.status || data.code) { + lightyear.notify(data.msg || data.message || '操作成功！', 'success'); + if (refresh) { + $('.search-refresh').trigger('click'); + } + } else { + lightyear.notify(data.msg || data.message || '操作失败', 'warning'); + } + if (data.script || (data.data && data.data.script)) { + var script = data.script || data.data.script; + if ($('#script-div').size()) { + $('#script-div').html(script); + } else { + $('body').append( + ''); + } + } + }, + error: function () { + lightyear.loading('hide'); + lightyear.notify('网络错误', 'danger'); + } + }); + }; + + w.tpextbuilder = tpextbuilder; + + w.layerOpen = function (obj, size, url) { + var href = url || $(obj).data('url') || $(obj).attr('url') || $(obj).attr('href'); + + var text = $(obj).data('title') || $(obj).attr('title') || $(obj).text(); + if ($(obj).data('layer-size')) { + size = $(obj).data('layer-size').split(','); + } + var winheight = $(window).height() - 14; + layer.open({ + type: 2, + title: text, + shadeClose: false, + scrollbar: false, + maxmin: true, + anim: 5, //渐显 + shade: 0.3, + maxHeight: winheight, + area: size || ['90%', '400'], + offset: '7px', + content: href, + success: function (layero, index) { + if (!size || size[1] == 'auto' || size[1] == '' || size[1] == '0') { + var iframe = layero.find('iframe').get(0); + + var mainheight = $(iframe.contentWindow.document.body).find('.panel-default.content').height() + 10; + if (mainheight < 400) { + mainheight = 400; + } + if (mainheight > winheight - 43) { + mainheight = winheight - 43; + } + $(iframe).height(mainheight); + //layero.css('top', ((winheight - mainheight - 43) / 2) + 'px'); + layer.iframeAuto(index); + } + + $(':focus').blur(); + this.enterEsc = function (event) { + if (event.keyCode === 13) { + return false; //阻止系统默认回车事件 + } + if (event.keyCode === 0x1B) { + var index2 = layer.msg('关闭当前弹窗？', { + time: 2000, + btn: ['确定', '取消'], + yes: function (params) { + layer.close(index); + layer.close(index2); + } + }); + return false; //阻止系统默认esc事件 + } + }; + $(document).on('keydown', this.enterEsc); //监听键盘事件，关闭层 + }, + end: function () { + $(document).off('keydown', this.enterEsc); //解除键盘关闭事件 + } + }); + + return false; + }; + +})(window); + +window.renderFiles = function (elid) { + + /* + * 示例上传成功采用返回ID的形式，即上传成功以附件表形式存储，返回给前端ID值。 + * 成功返回示例：{"status":200,"info":"成功","class":"success","id":1,"picurl":".\/upload\/images\/lyear_5ddfc00174bbb.jpg"} + * 这里设定单图上传为js-upload-image，多图上传为js-upload-images + * 存放预览图的div元素，命名：file_list_*；后面的上传按钮的命名：filePicker_*（这里的*跟隐藏的input的name对应）。方便单页面中存在有多个上传时区分以及使用。 + * input上保存上传后的图片ID以及设置上传时的一些参数， + */ + elid = elid ? elid : ''; + // 通用绑定， + $(elid + '.js-upload-files').each(function () { + var $input_file = $(this).find('input.file-url-input'), + $input_file_name = $(this).data('name'); + + var jsOptions = window.uploadConfigs[$input_file_name]; + + var $multiple = jsOptions.multiple, // 是否选择多个文件 + $ext = jsOptions.ext.join(','), // 支持的文件后缀 + $size = jsOptions.fileSingleSizeLimit; // 支持最大的文件大小 + + var $file_list = $('#file_list_' + $input_file_name); + var $file_list_upli = $('#file_list_' + $input_file_name + '_upli'); + + var ratio = window.devicePixelRatio || 1; + var thumbnailWidth = (jsOptions.thumbnailWidth || 165) * ratio; + var thumbnailHeight = (jsOptions.thumbnailHeight || 110) * ratio; + + $file_list.find('li.pic-item').each(function (ii, ee) { + var $li = $(ee); + var $btn = $li.find('a.btn-link-pic'); + if ($btn && $btn.attr('href')) { + var href = $btn.attr('href'); + $img = $li.find('img.preview-img'); + if (!jsOptions.isImage && !/.+\.(png|jpg|jpeg|gif|bmp|wbmp|webpg|ico)(\?.*)?$/i.test(href)) { + $btn.removeClass('btn-link-pic'); + $btn.attr('target', '_blank'); + $img.attr('src', '/index.php/tpextbuilder/index/file/extimg/type/' + href.replace(/.+?\.(\w+)$/, '$1')); + } + else { + $img.attr('src', href); + } + $img.css({ + 'display': 'block', + 'max-width': thumbnailWidth + 'px', + 'margin': '0 auto' + }).parent('div').css({ + 'height': thumbnailHeight + 'px', + 'width': thumbnailWidth + 'px', + }); + } + }); + + + if (jsOptions.canUpload || !jsOptions.istable) { + + $file_list_upli.css({ + 'height': thumbnailHeight + 'px', + 'width': thumbnailWidth + 'px', + 'padding-left': '10px', + 'display': 'block', + }); + + var uploader = WebUploader.create({ + auto: true, + chunked: true, + prepareNextFile: true, + duplicate: jsOptions.duplicate ? true : false, + resize: jsOptions.resize ? true : false, + swf: jsOptions.swf_url, + server: jsOptions.upload_url, + pick: { + id: '#picker_' + $input_file_name, + multiple: $multiple + }, + fileSingleSizeLimit: $size, + fileNumLimit: 99, + fileSizeLimit: jsOptions.fileSizeLimit, + accept: { + title: '文件', + extensions: $ext, + mimeTypes: jsOptions.mimeTypes || '*/*' + }, + thumb: { + // 图片质量，只有type为`image/jpeg`的时候才有效。 + quality: 70, + // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false. + allowMagnify: false, + // 是否允许裁剪。 + crop: true, + // 为空的话则保留原有图片格式。 + // 否则强制转换成指定的类型。 + type: 'image/jpeg' + } + }); + + uploader.on('beforeFileQueued', function (file) { + if (jsOptions.fileNumLimit > 1 && $file_list.find('li.pic-item').size() >= jsOptions.fileNumLimit) { + lightyear.notify('最多允许上传' + jsOptions.fileNumLimit + '个文件', 'danger'); + return false; + } + }); + uploader.on('fileQueued', function (file) { + var $li = $('
  • ' + + '
    ' + + '
    ' + + ' ' + + '
    ' + + '
    ' + + ' ' + + ' ' + + '
    ' + + '
    ' + + '
    • '), + $img = $li.find('img'); + + if (jsOptions.fileNumLimit <= 1) { + $file_list.find('li.pic-item').remove(); + } + $file_list.append($li); + uploader.makeThumb(file, function (error, src) { + if (!jsOptions.isImage && !/(png|jpg|jpeg|gif|bmp|wbmp|webpg|ico)$/i.test(file.ext) && error) { + src = '/index.php/tpextbuilder/index/file/extimg/type/' + file.ext; + $img.addClass('cantpreview'); + } + else { + $img.addClass('imgpreview'); + } + $img.attr('src', src); + $img.css({ + 'display': 'block', + 'max-width': thumbnailWidth + 'px', + 'margin': '0 auto' + }).parent('div').css({ + 'height': thumbnailHeight + 'px', + 'width': thumbnailWidth + 'px', + }); + }, thumbnailWidth, thumbnailHeight); + $('
    ').appendTo($li); + }); + uploader.on('uploadProgress', function (file, percentage) { + var $percent = $('#' + file.id).find('.progress-bar'); + $percent.css('width', percentage * 100 + '%'); + }); + uploader.on('uploadSuccess', function (file, response) { + var $li = $('#' + file.id); + if (response.status == 200) { // 返回200成功 + if (jsOptions.fileNumLimit > 1) { + if ($input_file.val()) { + $input_file.val($input_file.val() + ',' + response.picurl).trigger('change'); + } else { + $input_file.val(response.picurl).trigger('change'); + } + $li.find('.btn-remove-pic').attr('data-id', response.id).attr('data-url', response.picurl); + } else { + $input_file.val(response.picurl).trigger('change'); + } + } + $('
    ').text(response.info + '(' + $file_list.find('li.pic-item').size() + '/' + jsOptions.fileNumLimit + ')').appendTo($li.find('figure')); + if ($li.find('.cantpreview').size() > 0) { + $li.find('a.btn-link-pic').attr('href', response.picurl).removeClass('btn-link-pic').attr('target', '_blank'); + } else { + $li.find('.imgpreview').attr('src', response.picurl); + $li.find('a.btn-link-pic').attr('href', response.picurl); + } + setTimeout(function () { + $li.find('.upload-result').remove(); + }, 3000); + }); + uploader.on('uploadError', function (file) { + var $li = $('#' + file.id); + $('
    上传失败
    ').appendTo($li).find('figure'); + setTimeout(function () { + $li.remove(); + }, 3000); + }); + uploader.on('error', function (type) { + switch (type) { + case 'Q_TYPE_DENIED': + lightyear.notify('文件类型不正确，只允许上传后缀名为：' + $ext + '，请重新上传！', 'danger'); + break; + case 'F_EXCEED_SIZE': + lightyear.notify('文件不得超过' + ($size / 1024) + 'kb，请重新上传！', 'danger'); + break; + } + }); + uploader.on('uploadComplete', function (file) { + setTimeout(function () { + $('#' + file.id).find('.progress').remove(); + }, 500); + }); + // 删除操作 + $file_list.delegate('.btn-remove-pic', 'click', function () { + var url = $(this).data('url'); + var that = $(this); + $.alert({ + title: '提示', + content: '确认要删除此文件吗？', + buttons: { + confirm: { + text: '确认', + btnClass: 'btn-primary', + action: function () { + if (jsOptions.fileNumLimit > 1) { + var ids = $input_file.val().split(','); + if (url) { + for (var i = 0; i < ids.length; i++) { + if (ids[i] == url) { + ids.splice(i, 1); + break; + } + } + $input_file.val(ids.join(',')).trigger('change'); + } + } else { + $input_file.val('').trigger('change'); + } + + that.closest('.pic-item').remove(); + } + }, + cancel: { + text: '取消', + action: function () { + + } + } + } + }); + }); + } + + // 接入图片查看插件 + $(this).magnificPopup({ + delegate: 'a.btn-link-pic', + type: 'image', + gallery: { + enabled: true + } + }); + }); +}; + +window.chooseFile = function (id, $input_file_name) { + var jsOptions = window.uploadConfigs[$input_file_name]; + + var $file_list = $('#file_list_' + $input_file_name); + + var chooseUrl = jsOptions.chooseUrl || '/admin/attachment/index?'; + + if (jsOptions.fileNumLimit > 1 && $file_list.find('li.pic-item').size() >= jsOptions.fileNumLimit) { + lightyear.notify('最多允许上传' + jsOptions.fileNumLimit + '个文件', 'danger'); + return false; + } + + var obj = $('#' + id); + + var size = ['98%', '98%']; + + if (obj.data('layer-size')) { + size = obj.data('layer-size').split(','); + } + + layer.open({ + type: 2, + title: '文件选择', + shadeClose: false, + scrollbar: false, + shade: 0.3, + anim: 2, //从最底部往上滑入 + area: size, + content: chooseUrl + 'choose=1&id=' + id + '&limit=' + jsOptions.fileNumLimit + '&ext=' + jsOptions.ext.join(','), + success: function (layero, index) { + $(':focus').blur(); + this.enterEsc = function (event) { + if (event.keyCode === 13) { + return false; //阻止系统默认回车事件 + } + if (event.keyCode === 0x1B) { + var index2 = layer.msg('关闭当前弹窗？', { + time: 2000, + btn: ['确定', '取消'], + yes: function (params) { + layer.close(index); + layer.close(index2); + } + }); + return false; //阻止系统默认esc事件 + } + }; + $(document).on('keydown', this.enterEsc); //监听键盘事件，关闭层 + }, + end: function () { + $(document).off('keydown', this.enterEsc); //解除键盘关闭事件 + window.refreshFiles(jsOptions, $file_list, obj); + } + }); +}; + +window.refreshFiles = function (jsOptions, $file_list, $input_file) { + + var ratio = window.devicePixelRatio || 1; + var thumbnailWidth = (jsOptions.thumbnailWidth || 165) * ratio; + var thumbnailHeight = (jsOptions.thumbnailHeight || 110) * ratio; + + $file_list.find('li.pic-item').remove(); + + if ($input_file.val().trim() == '') { + return; + } + + var filesArr = $input_file.val().split(','); + + for (var i in filesArr) { + var src = filesArr[i]; + var $li = $('
  • ' + + '
    ' + + '
    ' + + ' ' + + '
    ' + + '
    ' + + ' ' + + ' ' + + '
    ' + + '
    ' + + '
    • '); + var $img = $li.find('img'); + var $btn = $li.find('a.btn-link-pic'); + $li.find('.btn-remove-pic').attr('data-id', i).attr('data-url', src); + $file_list.append($li); + if (!jsOptions.isImage && !/.+\.(png|jpg|jpeg|gif|bmp|wbmp|webpg|ico)$/i.test(src)) { + src = '/index.php/tpextbuilder/index/file/extimg/type/' + src.replace(/.+?\.(\w+)$/, '$1'); + $img.addClass('cantpreview'); + $btn.removeClass('btn-link-pic'); + $btn.attr('target', '_blank'); + } + $img.attr('src', src); + $img.css({ + 'display': 'block', + 'max-width': thumbnailWidth + 'px', + 'margin': '0 auto' + }).parent('div').css({ + 'height': thumbnailHeight + 'px', + 'width': thumbnailWidth + 'px', + }); + } +} + +$(function () { + //动态选择框，上下级选中状态变化 + window.renderFiles(); +}); \ No newline at end of file diff --git a/assets/theme/black.css b/assets/theme/black.css new file mode 100644 index 0000000..180f968 --- /dev/null +++ b/assets/theme/black.css @@ -0,0 +1,13169 @@ +@charset "UTF-8"; +.el-pagination--small .arrow.disabled, +.el-table .hidden-columns, +.el-table td.is-hidden > *, +.el-table th.is-hidden > *, +.el-table--hidden { + visibility: hidden; +} +.el-input__suffix, +.el-tree.is-dragging .el-tree-node__content * { + pointer-events: none; +} +.el-dropdown .el-dropdown-selfdefine:focus:active, +.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), +.el-message__closeBtn:focus, +.el-message__content:focus, +.el-popover:focus, +.el-popover:focus:active, +.el-popover__reference:focus:hover, +.el-popover__reference:focus:not(.focusing), +.el-rate:active, +.el-rate:focus, +.el-tooltip:focus:hover, +.el-tooltip:focus:not(.focusing), +.el-upload-list__item.is-success:active, +.el-upload-list__item.is-success:not(.focusing):focus { + outline-width: 0; +} +@font-face { + font-family: element-icons; + src: url(fonts/element-icons.woff) format("woff"), + url(fonts/element-icons.ttf) format("truetype"); + font-weight: 400; + font-display: "auto"; + font-style: normal; +} +[class*=" el-icon-"], +[class^="el-icon-"] { + font-family: element-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-icon-ice-cream-round:before { + content: "\e6a0"; +} +.el-icon-ice-cream-square:before { + content: "\e6a3"; +} +.el-icon-lollipop:before { + content: "\e6a4"; +} +.el-icon-potato-strips:before { + content: "\e6a5"; +} +.el-icon-milk-tea:before { + content: "\e6a6"; +} +.el-icon-ice-drink:before { + content: "\e6a7"; +} +.el-icon-ice-tea:before { + content: "\e6a9"; +} +.el-icon-coffee:before { + content: "\e6aa"; +} +.el-icon-orange:before { + content: "\e6ab"; +} +.el-icon-pear:before { + content: "\e6ac"; +} +.el-icon-apple:before { + content: "\e6ad"; +} +.el-icon-cherry:before { + content: "\e6ae"; +} +.el-icon-watermelon:before { + content: "\e6af"; +} +.el-icon-grape:before { + content: "\e6b0"; +} +.el-icon-refrigerator:before { + content: "\e6b1"; +} +.el-icon-goblet-square-full:before { + content: "\e6b2"; +} +.el-icon-goblet-square:before { + content: "\e6b3"; +} +.el-icon-goblet-full:before { + content: "\e6b4"; +} +.el-icon-goblet:before { + content: "\e6b5"; +} +.el-icon-cold-drink:before { + content: "\e6b6"; +} +.el-icon-coffee-cup:before { + content: "\e6b8"; +} +.el-icon-water-cup:before { + content: "\e6b9"; +} +.el-icon-hot-water:before { + content: "\e6ba"; +} +.el-icon-ice-cream:before { + content: "\e6bb"; +} +.el-icon-dessert:before { + content: "\e6bc"; +} +.el-icon-sugar:before { + content: "\e6bd"; +} +.el-icon-tableware:before { + content: "\e6be"; +} +.el-icon-burger:before { + content: "\e6bf"; +} +.el-icon-knife-fork:before { + content: "\e6c1"; +} +.el-icon-fork-spoon:before { + content: "\e6c2"; +} +.el-icon-chicken:before { + content: "\e6c3"; +} +.el-icon-food:before { + content: "\e6c4"; +} +.el-icon-dish-1:before { + content: "\e6c5"; +} +.el-icon-dish:before { + content: "\e6c6"; +} +.el-icon-moon-night:before { + content: "\e6ee"; +} +.el-icon-moon:before { + content: "\e6f0"; +} +.el-icon-cloudy-and-sunny:before { + content: "\e6f1"; +} +.el-icon-partly-cloudy:before { + content: "\e6f2"; +} +.el-icon-cloudy:before { + content: "\e6f3"; +} +.el-icon-sunny:before { + content: "\e6f6"; +} +.el-icon-sunset:before { + content: "\e6f7"; +} +.el-icon-sunrise-1:before { + content: "\e6f8"; +} +.el-icon-sunrise:before { + content: "\e6f9"; +} +.el-icon-heavy-rain:before { + content: "\e6fa"; +} +.el-icon-lightning:before { + content: "\e6fb"; +} +.el-icon-light-rain:before { + content: "\e6fc"; +} +.el-icon-wind-power:before { + content: "\e6fd"; +} +.el-icon-baseball:before { + content: "\e712"; +} +.el-icon-soccer:before { + content: "\e713"; +} +.el-icon-football:before { + content: "\e715"; +} +.el-icon-basketball:before { + content: "\e716"; +} +.el-icon-ship:before { + content: "\e73f"; +} +.el-icon-truck:before { + content: "\e740"; +} +.el-icon-bicycle:before { + content: "\e741"; +} +.el-icon-mobile-phone:before { + content: "\e6d3"; +} +.el-icon-service:before { + content: "\e6d4"; +} +.el-icon-key:before { + content: "\e6e2"; +} +.el-icon-unlock:before { + content: "\e6e4"; +} +.el-icon-lock:before { + content: "\e6e5"; +} +.el-icon-watch:before { + content: "\e6fe"; +} +.el-icon-watch-1:before { + content: "\e6ff"; +} +.el-icon-timer:before { + content: "\e702"; +} +.el-icon-alarm-clock:before { + content: "\e703"; +} +.el-icon-map-location:before { + content: "\e704"; +} +.el-icon-delete-location:before { + content: "\e705"; +} +.el-icon-add-location:before { + content: "\e706"; +} +.el-icon-location-information:before { + content: "\e707"; +} +.el-icon-location-outline:before { + content: "\e708"; +} +.el-icon-location:before { + content: "\e79e"; +} +.el-icon-place:before { + content: "\e709"; +} +.el-icon-discover:before { + content: "\e70a"; +} +.el-icon-first-aid-kit:before { + content: "\e70b"; +} +.el-icon-trophy-1:before { + content: "\e70c"; +} +.el-icon-trophy:before { + content: "\e70d"; +} +.el-icon-medal:before { + content: "\e70e"; +} +.el-icon-medal-1:before { + content: "\e70f"; +} +.el-icon-stopwatch:before { + content: "\e710"; +} +.el-icon-mic:before { + content: "\e711"; +} +.el-icon-copy-document:before { + content: "\e718"; +} +.el-icon-full-screen:before { + content: "\e719"; +} +.el-icon-switch-button:before { + content: "\e71b"; +} +.el-icon-aim:before { + content: "\e71c"; +} +.el-icon-crop:before { + content: "\e71d"; +} +.el-icon-odometer:before { + content: "\e71e"; +} +.el-icon-time:before { + content: "\e71f"; +} +.el-icon-bangzhu:before { + content: "\e724"; +} +.el-icon-close-notification:before { + content: "\e726"; +} +.el-icon-microphone:before { + content: "\e727"; +} +.el-icon-turn-off-microphone:before { + content: "\e728"; +} +.el-icon-position:before { + content: "\e729"; +} +.el-icon-postcard:before { + content: "\e72a"; +} +.el-icon-message:before { + content: "\e72b"; +} +.el-icon-chat-line-square:before { + content: "\e72d"; +} +.el-icon-chat-dot-square:before { + content: "\e72e"; +} +.el-icon-chat-dot-round:before { + content: "\e72f"; +} +.el-icon-chat-square:before { + content: "\e730"; +} +.el-icon-chat-line-round:before { + content: "\e731"; +} +.el-icon-chat-round:before { + content: "\e732"; +} +.el-icon-set-up:before { + content: "\e733"; +} +.el-icon-turn-off:before { + content: "\e734"; +} +.el-icon-open:before { + content: "\e735"; +} +.el-icon-connection:before { + content: "\e736"; +} +.el-icon-link:before { + content: "\e737"; +} +.el-icon-cpu:before { + content: "\e738"; +} +.el-icon-thumb:before { + content: "\e739"; +} +.el-icon-female:before { + content: "\e73a"; +} +.el-icon-male:before { + content: "\e73b"; +} +.el-icon-guide:before { + content: "\e73c"; +} +.el-icon-news:before { + content: "\e73e"; +} +.el-icon-price-tag:before { + content: "\e744"; +} +.el-icon-discount:before { + content: "\e745"; +} +.el-icon-wallet:before { + content: "\e747"; +} +.el-icon-coin:before { + content: "\e748"; +} +.el-icon-money:before { + content: "\e749"; +} +.el-icon-bank-card:before { + content: "\e74a"; +} +.el-icon-box:before { + content: "\e74b"; +} +.el-icon-present:before { + content: "\e74c"; +} +.el-icon-sell:before { + content: "\e6d5"; +} +.el-icon-sold-out:before { + content: "\e6d6"; +} +.el-icon-shopping-bag-2:before { + content: "\e74d"; +} +.el-icon-shopping-bag-1:before { + content: "\e74e"; +} +.el-icon-shopping-cart-2:before { + content: "\e74f"; +} +.el-icon-shopping-cart-1:before { + content: "\e750"; +} +.el-icon-shopping-cart-full:before { + content: "\e751"; +} +.el-icon-smoking:before { + content: "\e752"; +} +.el-icon-no-smoking:before { + content: "\e753"; +} +.el-icon-house:before { + content: "\e754"; +} +.el-icon-table-lamp:before { + content: "\e755"; +} +.el-icon-school:before { + content: "\e756"; +} +.el-icon-office-building:before { + content: "\e757"; +} +.el-icon-toilet-paper:before { + content: "\e758"; +} +.el-icon-notebook-2:before { + content: "\e759"; +} +.el-icon-notebook-1:before { + content: "\e75a"; +} +.el-icon-files:before { + content: "\e75b"; +} +.el-icon-collection:before { + content: "\e75c"; +} +.el-icon-receiving:before { + content: "\e75d"; +} +.el-icon-suitcase-1:before { + content: "\e760"; +} +.el-icon-suitcase:before { + content: "\e761"; +} +.el-icon-film:before { + content: "\e763"; +} +.el-icon-collection-tag:before { + content: "\e765"; +} +.el-icon-data-analysis:before { + content: "\e766"; +} +.el-icon-pie-chart:before { + content: "\e767"; +} +.el-icon-data-board:before { + content: "\e768"; +} +.el-icon-data-line:before { + content: "\e76d"; +} +.el-icon-reading:before { + content: "\e769"; +} +.el-icon-magic-stick:before { + content: "\e76a"; +} +.el-icon-coordinate:before { + content: "\e76b"; +} +.el-icon-mouse:before { + content: "\e76c"; +} +.el-icon-brush:before { + content: "\e76e"; +} +.el-icon-headset:before { + content: "\e76f"; +} +.el-icon-umbrella:before { + content: "\e770"; +} +.el-icon-scissors:before { + content: "\e771"; +} +.el-icon-mobile:before { + content: "\e773"; +} +.el-icon-attract:before { + content: "\e774"; +} +.el-icon-monitor:before { + content: "\e775"; +} +.el-icon-search:before { + content: "\e778"; +} +.el-icon-takeaway-box:before { + content: "\e77a"; +} +.el-icon-paperclip:before { + content: "\e77d"; +} +.el-icon-printer:before { + content: "\e77e"; +} +.el-icon-document-add:before { + content: "\e782"; +} +.el-icon-document:before { + content: "\e785"; +} +.el-icon-document-checked:before { + content: "\e786"; +} +.el-icon-document-copy:before { + content: "\e787"; +} +.el-icon-document-delete:before { + content: "\e788"; +} +.el-icon-document-remove:before { + content: "\e789"; +} +.el-icon-tickets:before { + content: "\e78b"; +} +.el-icon-folder-checked:before { + content: "\e77f"; +} +.el-icon-folder-delete:before { + content: "\e780"; +} +.el-icon-folder-remove:before { + content: "\e781"; +} +.el-icon-folder-add:before { + content: "\e783"; +} +.el-icon-folder-opened:before { + content: "\e784"; +} +.el-icon-folder:before { + content: "\e78a"; +} +.el-icon-edit-outline:before { + content: "\e764"; +} +.el-icon-edit:before { + content: "\e78c"; +} +.el-icon-date:before { + content: "\e78e"; +} +.el-icon-c-scale-to-original:before { + content: "\e7c6"; +} +.el-icon-view:before { + content: "\e6ce"; +} +.el-icon-loading:before { + content: "\e6cf"; +} +.el-icon-rank:before { + content: "\e6d1"; +} +.el-icon-sort-down:before { + content: "\e7c4"; +} +.el-icon-sort-up:before { + content: "\e7c5"; +} +.el-icon-sort:before { + content: "\e6d2"; +} +.el-icon-finished:before { + content: "\e6cd"; +} +.el-icon-refresh-left:before { + content: "\e6c7"; +} +.el-icon-refresh-right:before { + content: "\e6c8"; +} +.el-icon-refresh:before { + content: "\e6d0"; +} +.el-icon-video-play:before { + content: "\e7c0"; +} +.el-icon-video-pause:before { + content: "\e7c1"; +} +.el-icon-d-arrow-right:before { + content: "\e6dc"; +} +.el-icon-d-arrow-left:before { + content: "\e6dd"; +} +.el-icon-arrow-up:before { + content: "\e6e1"; +} +.el-icon-arrow-down:before { + content: "\e6df"; +} +.el-icon-arrow-right:before { + content: "\e6e0"; +} +.el-icon-arrow-left:before { + content: "\e6de"; +} +.el-icon-top-right:before { + content: "\e6e7"; +} +.el-icon-top-left:before { + content: "\e6e8"; +} +.el-icon-top:before { + content: "\e6e6"; +} +.el-icon-bottom:before { + content: "\e6eb"; +} +.el-icon-right:before { + content: "\e6e9"; +} +.el-icon-back:before { + content: "\e6ea"; +} +.el-icon-bottom-right:before { + content: "\e6ec"; +} +.el-icon-bottom-left:before { + content: "\e6ed"; +} +.el-icon-caret-top:before { + content: "\e78f"; +} +.el-icon-caret-bottom:before { + content: "\e790"; +} +.el-icon-caret-right:before { + content: "\e791"; +} +.el-icon-caret-left:before { + content: "\e792"; +} +.el-icon-d-caret:before { + content: "\e79a"; +} +.el-icon-share:before { + content: "\e793"; +} +.el-icon-menu:before { + content: "\e798"; +} +.el-icon-s-grid:before { + content: "\e7a6"; +} +.el-icon-s-check:before { + content: "\e7a7"; +} +.el-icon-s-data:before { + content: "\e7a8"; +} +.el-icon-s-opportunity:before { + content: "\e7aa"; +} +.el-icon-s-custom:before { + content: "\e7ab"; +} +.el-icon-s-claim:before { + content: "\e7ad"; +} +.el-icon-s-finance:before { + content: "\e7ae"; +} +.el-icon-s-comment:before { + content: "\e7af"; +} +.el-icon-s-flag:before { + content: "\e7b0"; +} +.el-icon-s-marketing:before { + content: "\e7b1"; +} +.el-icon-s-shop:before { + content: "\e7b4"; +} +.el-icon-s-open:before { + content: "\e7b5"; +} +.el-icon-s-management:before { + content: "\e7b6"; +} +.el-icon-s-ticket:before { + content: "\e7b7"; +} +.el-icon-s-release:before { + content: "\e7b8"; +} +.el-icon-s-home:before { + content: "\e7b9"; +} +.el-icon-s-promotion:before { + content: "\e7ba"; +} +.el-icon-s-operation:before { + content: "\e7bb"; +} +.el-icon-s-unfold:before { + content: "\e7bc"; +} +.el-icon-s-fold:before { + content: "\e7a9"; +} +.el-icon-s-platform:before { + content: "\e7bd"; +} +.el-icon-s-order:before { + content: "\e7be"; +} +.el-icon-s-cooperation:before { + content: "\e7bf"; +} +.el-icon-bell:before { + content: "\e725"; +} +.el-icon-message-solid:before { + content: "\e799"; +} +.el-icon-video-camera:before { + content: "\e772"; +} +.el-icon-video-camera-solid:before { + content: "\e796"; +} +.el-icon-camera:before { + content: "\e779"; +} +.el-icon-camera-solid:before { + content: "\e79b"; +} +.el-icon-download:before { + content: "\e77c"; +} +.el-icon-upload2:before { + content: "\e77b"; +} +.el-icon-upload:before { + content: "\e7c3"; +} +.el-icon-picture-outline-round:before { + content: "\e75f"; +} +.el-icon-picture-outline:before { + content: "\e75e"; +} +.el-icon-picture:before { + content: "\e79f"; +} +.el-icon-close:before { + content: "\e6db"; +} +.el-icon-check:before { + content: "\e6da"; +} +.el-icon-plus:before { + content: "\e6d9"; +} +.el-icon-minus:before { + content: "\e6d8"; +} +.el-icon-help:before { + content: "\e73d"; +} +.el-icon-s-help:before { + content: "\e7b3"; +} +.el-icon-circle-close:before { + content: "\e78d"; +} +.el-icon-circle-check:before { + content: "\e720"; +} +.el-icon-circle-plus-outline:before { + content: "\e723"; +} +.el-icon-remove-outline:before { + content: "\e722"; +} +.el-icon-zoom-out:before { + content: "\e776"; +} +.el-icon-zoom-in:before { + content: "\e777"; +} +.el-icon-error:before { + content: "\e79d"; +} +.el-icon-success:before { + content: "\e79c"; +} +.el-icon-circle-plus:before { + content: "\e7a0"; +} +.el-icon-remove:before { + content: "\e7a2"; +} +.el-icon-info:before { + content: "\e7a1"; +} +.el-icon-question:before { + content: "\e7a4"; +} +.el-icon-warning-outline:before { + content: "\e6c9"; +} +.el-icon-warning:before { + content: "\e7a3"; +} +.el-icon-goods:before { + content: "\e7c2"; +} +.el-icon-s-goods:before { + content: "\e7b2"; +} +.el-icon-star-off:before { + content: "\e717"; +} +.el-icon-star-on:before { + content: "\e797"; +} +.el-icon-more-outline:before { + content: "\e6cc"; +} +.el-icon-more:before { + content: "\e794"; +} +.el-icon-phone-outline:before { + content: "\e6cb"; +} +.el-icon-phone:before { + content: "\e795"; +} +.el-icon-user:before { + content: "\e6e3"; +} +.el-icon-user-solid:before { + content: "\e7a5"; +} +.el-icon-setting:before { + content: "\e6ca"; +} +.el-icon-s-tools:before { + content: "\e7ac"; +} +.el-icon-delete:before { + content: "\e6d7"; +} +.el-icon-delete-solid:before { + content: "\e7c9"; +} +.el-icon-eleme:before { + content: "\e7c7"; +} +.el-icon-platform-eleme:before { + content: "\e7ca"; +} +.el-icon-loading { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} +.el-icon--right { + margin-left: 5px; +} +.el-icon--left { + margin-right: 5px; +} +@-webkit-keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +@keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +.el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: #303133; + font-weight: 700; +} +.el-pagination::after, +.el-pagination::before { + display: table; + content: ""; +} +.el-pagination::after { + clear: both; +} +.el-pagination button, +.el-pagination span:not([class*="suffix"]) { + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + vertical-align: top; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-pagination .el-input__inner { + text-align: center; + -moz-appearance: textfield; + line-height: normal; +} +.el-pagination .el-input__suffix { + right: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-pagination .el-select .el-input { + width: 100px; + margin: 0 5px; +} +.el-pagination .el-select .el-input .el-input__inner { + padding-right: 25px; + border-radius: 3px; +} +.el-pagination button { + border: none; + padding: 0 6px; + background: 0 0; +} +.el-pagination button:focus { + outline: 0; +} +.el-pagination button:hover { + color: #2f3447; +} +.el-pagination button:disabled { + color: #c0c4cc; + background-color: #fff; + cursor: not-allowed; +} +.el-pagination .btn-next, +.el-pagination .btn-prev { + background: center center no-repeat #fff; + background-size: 16px; + cursor: pointer; + margin: 0; + color: #303133; +} +.el-pagination .btn-next .el-icon, +.el-pagination .btn-prev .el-icon { + display: block; + font-size: 12px; + font-weight: 700; +} +.el-pagination .btn-prev { + padding-right: 12px; +} +.el-pagination .btn-next { + padding-left: 12px; +} +.el-pagination .el-pager li.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-pager li, +.el-pager li.btn-quicknext:hover, +.el-pager li.btn-quickprev:hover { + cursor: pointer; +} +.el-pagination--small .btn-next, +.el-pagination--small .btn-prev, +.el-pagination--small .el-pager li, +.el-pagination--small .el-pager li.btn-quicknext, +.el-pagination--small .el-pager li.btn-quickprev, +.el-pagination--small .el-pager li:last-child { + border-color: transparent; + font-size: 12px; + line-height: 22px; + height: 22px; + min-width: 22px; +} +.el-pagination--small .more::before, +.el-pagination--small li.more::before { + line-height: 24px; +} +.el-pagination--small button, +.el-pagination--small span:not([class*="suffix"]) { + height: 22px; + line-height: 22px; +} +.el-pagination--small .el-pagination__editor, +.el-pagination--small .el-pagination__editor.el-input .el-input__inner { + height: 22px; +} +.el-pagination__sizes { + margin: 0 10px 0 0; + font-weight: 400; + color: #606266; +} +.el-pagination__sizes .el-input .el-input__inner { + font-size: 13px; + padding-left: 8px; +} +.el-pagination__sizes .el-input .el-input__inner:hover { + border-color: #2f3447; +} +.el-pagination__total { + margin-right: 10px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump { + margin-left: 24px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump .el-input__inner { + padding: 0 3px; +} +.el-pagination__rightwrapper { + float: right; +} +.el-pagination__editor { + line-height: 18px; + padding: 0 2px; + height: 28px; + text-align: center; + margin: 0 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; +} +.el-pager, +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev { + padding: 0; +} +.el-pagination__editor.el-input { + width: 50px; +} +.el-pagination__editor.el-input .el-input__inner { + height: 28px; +} +.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, +.el-pagination__editor .el-input__inner::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev, +.el-pagination.is-background .el-pager li { + margin: 0 5px; + background-color: #f4f4f5; + color: #606266; + min-width: 30px; + border-radius: 2px; +} +.el-pagination.is-background .btn-next.disabled, +.el-pagination.is-background .btn-next:disabled, +.el-pagination.is-background .btn-prev.disabled, +.el-pagination.is-background .btn-prev:disabled, +.el-pagination.is-background .el-pager li.disabled { + color: #c0c4cc; +} +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: #2f3447; +} +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: #2f3447; + color: #fff; +} +.el-dialog, +.el-pager li { + background: #fff; + -webkit-box-sizing: border-box; +} +.el-pagination.is-background.el-pagination--small .btn-next, +.el-pagination.is-background.el-pagination--small .btn-prev, +.el-pagination.is-background.el-pagination--small .el-pager li { + margin: 0 3px; + min-width: 22px; +} +.el-pager, +.el-pager li { + vertical-align: top; + margin: 0; + display: inline-block; +} +.el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + font-size: 0; +} +.el-date-table, +.el-table th { + -webkit-user-select: none; + -moz-user-select: none; +} +.el-pager .more::before { + line-height: 30px; +} +.el-pager li { + padding: 0 4px; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + box-sizing: border-box; + text-align: center; +} +.el-menu--collapse .el-menu .el-submenu, +.el-menu--popup { + min-width: 200px; +} +.el-pager li.btn-quicknext, +.el-pager li.btn-quickprev { + line-height: 28px; + color: #303133; +} +.el-pager li.btn-quicknext.disabled, +.el-pager li.btn-quickprev.disabled { + color: #c0c4cc; +} +.el-pager li.active + li { + border-left: 0; +} +.el-pager li:hover { + color: #2f3447; +} +.el-pager li.active { + color: #2f3447; + cursor: default; +} +@-webkit-keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@-webkit-keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.el-dialog { + position: relative; + margin: 0 auto 50px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + width: 50%; +} +.el-dialog.is-fullscreen { + width: 100%; + margin-top: 0; + margin-bottom: 0; + height: 100%; + overflow: auto; +} +.el-dialog__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + margin: 0; +} +.el-dialog__header { + padding: 20px 20px 10px; +} +.el-dialog__headerbtn { + position: absolute; + top: 20px; + right: 20px; + padding: 0; + background: 0 0; + border: none; + outline: 0; + cursor: pointer; + font-size: 16px; +} +.el-dialog__headerbtn .el-dialog__close { + color: #909399; +} +.el-dialog__headerbtn:focus .el-dialog__close, +.el-dialog__headerbtn:hover .el-dialog__close { + color: #2f3447; +} +.el-dialog__title { + line-height: 24px; + font-size: 18px; + color: #303133; +} +.el-dialog__body { + padding: 30px 20px; + color: #606266; + font-size: 14px; + word-break: break-all; +} +.el-dialog__footer { + padding: 10px 20px 20px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-dialog--center { + text-align: center; +} +.el-dialog--center .el-dialog__body { + text-align: initial; + padding: 25px 25px 30px; +} +.el-dialog--center .el-dialog__footer { + text-align: inherit; +} +.dialog-fade-enter-active { + -webkit-animation: dialog-fade-in 0.3s; + animation: dialog-fade-in 0.3s; +} +.dialog-fade-leave-active { + -webkit-animation: dialog-fade-out 0.3s; + animation: dialog-fade-out 0.3s; +} +@-webkit-keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-autocomplete { + position: relative; + display: inline-block; +} +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + border: 1px solid #e4e7ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; +} +.el-dropdown-menu, +.el-menu--collapse .el-submenu .el-menu { + z-index: 10; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-autocomplete-suggestion__list { + margin: 0; + padding: 0; +} +.el-autocomplete-suggestion li { + padding: 0 20px; + margin: 0; + line-height: 34px; + cursor: pointer; + color: #606266; + font-size: 14px; + list-style: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-autocomplete-suggestion li.highlighted, +.el-autocomplete-suggestion li:hover { + background-color: #f5f7fa; +} +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000; +} +.el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px; +} +.el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999; +} +.el-autocomplete-suggestion.is-loading li::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-autocomplete-suggestion.is-loading li:hover { + background-color: #fff; +} +.el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; + font-size: 14px; +} +.el-dropdown .el-button-group { + display: block; +} +.el-dropdown .el-button-group .el-button { + float: none; +} +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none; +} +.el-dropdown .el-dropdown__caret-button::before { + content: ""; + position: absolute; + display: block; + width: 1px; + top: 5px; + bottom: 5px; + left: 0; + background: rgba(255, 255, 255, 0.5); +} +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} +.el-dropdown .el-dropdown__caret-button:hover::before { + top: 0; + bottom: 0; +} +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + padding: 10px 0; + margin: 5px 0; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; + outline: 0; +} +.el-dropdown-menu__item:focus, +.el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #eaebed; + color: #595d6c; +} +.el-dropdown-menu__item i { + margin-right: 5px; +} +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #ebeef5; +} +.el-dropdown-menu__item--divided:before { + content: ""; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #fff; +} +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none; +} +.el-dropdown-menu--medium { + padding: 6px 0; +} +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px; +} +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px; +} +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px; +} +.el-dropdown-menu--small { + padding: 6px 0; +} +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px; +} +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px; +} +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px; +} +.el-dropdown-menu--mini { + padding: 3px 0; +} +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px; +} +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px; +} +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px; +} +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #fff; +} +.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, +.el-menu--horizontal > .el-submenu .el-submenu__title:hover { + background-color: #fff; +} +.el-menu::after, +.el-menu::before { + display: table; + content: ""; +} +.el-menu::after { + clear: both; +} +.el-menu.el-menu--horizontal { + border-bottom: solid 1px #e6e6e6; +} +.el-menu--horizontal { + border-right: none; +} +.el-menu--horizontal > .el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-menu-item a, +.el-menu--horizontal > .el-menu-item a:hover { + color: inherit; +} +.el-menu--horizontal > .el-submenu { + float: left; +} +.el-menu--horizontal > .el-submenu:focus, +.el-menu--horizontal > .el-submenu:hover { + outline: 0; +} +.el-menu--horizontal > .el-submenu:focus .el-submenu__title, +.el-menu--horizontal > .el-submenu:hover .el-submenu__title { + color: #303133; +} +.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { + border-bottom: 2px solid #2f3447; + color: #303133; +} +.el-menu--horizontal > .el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-submenu .el-submenu__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-submenu__title { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; + color: #909399; +} +.el-menu--horizontal .el-menu .el-menu-item.is-active, +.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { + color: #303133; +} +.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { + outline: 0; + color: #303133; +} +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid #2f3447; + color: #303133; +} +.el-menu--collapse { + width: 64px; +} +.el-menu--collapse > .el-menu-item [class^="el-icon-"], +.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { + margin: 0; + vertical-align: middle; + width: 24px; + text-align: center; +} +.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, +.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { + display: none; +} +.el-menu--collapse > .el-menu-item span, +.el-menu--collapse > .el-submenu > .el-submenu__title span { + 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-submenu { + position: relative; +} +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + border: 1px solid #e4e7ed; + border-radius: 2px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu-item, +.el-submenu__title { + height: 56px; + line-height: 56px; + position: relative; + -webkit-box-sizing: border-box; + white-space: nowrap; + list-style: none; +} +.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none; +} +.el-menu--popup { + z-index: 100; + border: none; + padding: 5px 0; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu--popup-bottom-start { + margin-top: 5px; +} +.el-menu--popup-right-start { + margin-left: 5px; + margin-right: 5px; +} +.el-menu-item { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-menu-item * { + vertical-align: middle; +} +.el-menu-item i { + color: #909399; +} +.el-menu-item:focus, +.el-menu-item:hover { + outline: 0; + background-color: #eaebed; +} +.el-menu-item.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-menu-item [class^="el-icon-"] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle; +} +.el-menu-item.is-active { + color: #2f3447; +} +.el-menu-item.is-active i { + color: inherit; +} +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0; +} +.el-submenu__title { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-submenu__title * { + vertical-align: middle; +} +.el-submenu__title i { + color: #909399; +} +.el-submenu__title:focus, +.el-submenu__title:hover { + outline: 0; + background-color: #eaebed; +} +.el-submenu__title.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu__title:hover { + background-color: #eaebed; +} +.el-submenu .el-menu { + border: none; +} +.el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; + min-width: 200px; +} +.el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 12px; +} +.el-submenu.is-active .el-submenu__title { + border-bottom-color: #2f3447; +} +.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-submenu.is-disabled .el-menu-item, +.el-submenu.is-disabled .el-submenu__title { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu [class^="el-icon-"] { + vertical-align: middle; + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; +} +.el-menu-item-group > ul { + padding: 0; +} +.el-menu-item-group__title { + padding: 7px 0 7px 20px; + line-height: normal; + font-size: 12px; + color: #909399; +} +.el-radio-button__inner, +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; +} +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: 0.2s; + transition: 0.2s; + opacity: 0; +} +.el-radio-group { + font-size: 0; +} +.el-radio-button { + position: relative; + display: inline-block; + outline: 0; +} +.el-radio-button__inner { + white-space: nowrap; + background: #fff; + border: 1px solid #dcdfe6; + font-weight: 500; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button__inner.is-round { + padding: 12px 20px; +} +.el-radio-button__inner:hover { + color: #2f3447; +} +.el-radio-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-radio-button__orig-radio { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; +} +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: #2f3447; + border-color: #2f3447; + -webkit-box-shadow: -1px 0 0 0 #2f3447; + box-shadow: -1px 0 0 0 #2f3447; +} +.el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { + background-color: #f2f6fc; +} +.el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0; +} +.el-popover, +.el-radio-button:first-child:last-child .el-radio-button__inner { + border-radius: 4px; +} +.el-radio-button--medium .el-radio-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button--medium .el-radio-button__inner.is-round { + padding: 10px 20px; +} +.el-radio-button--small .el-radio-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--small .el-radio-button__inner.is-round { + padding: 9px 15px; +} +.el-radio-button--mini .el-radio-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--mini .el-radio-button__inner.is-round { + padding: 7px 15px; +} +.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { + -webkit-box-shadow: 0 0 2px 2px #2f3447; + box-shadow: 0 0 2px 2px #2f3447; +} +.el-switch { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + font-size: 14px; + line-height: 20px; + height: 20px; + vertical-align: middle; +} +.el-switch__core, +.el-switch__label { + display: inline-block; + cursor: pointer; +} +.el-switch.is-disabled .el-switch__core, +.el-switch.is-disabled .el-switch__label { + cursor: not-allowed; +} +.el-switch__label { + -webkit-transition: 0.2s; + transition: 0.2s; + height: 20px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + color: #303133; +} +.el-switch__label.is-active { + color: #2f3447; +} +.el-switch__label--left { + margin-right: 10px; +} +.el-switch__label--right { + margin-left: 10px; +} +.el-switch__label * { + line-height: 1; + font-size: 14px; + display: inline-block; +} +.el-switch__input { + position: absolute; + width: 0; + height: 0; + opacity: 0; + margin: 0; +} +.el-switch__core { + margin: 0; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dcdfe6; + outline: 0; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dcdfe6; + -webkit-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + vertical-align: middle; +} +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 16px; + height: 16px; + background-color: #fff; +} +.el-switch.is-checked .el-switch__core { + border-color: #2f3447; + background-color: #2f3447; +} +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px; +} +.el-switch.is-disabled { + opacity: 0.6; +} +.el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px; +} +.el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px; +} +.el-switch .label-fade-enter, +.el-switch .label-fade-leave-active { + opacity: 0; +} +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: 1px solid #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #2f3447; + background-color: #fff; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} +.el-select-dropdown__wrap { + max-height: 274px; +} +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-select-dropdown__item { + font-size: 14px; + padding: 0 20px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #606266; + height: 34px; + line-height: 34px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.el-select-dropdown__item.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + background-color: #f5f7fa; +} +.el-select-dropdown__item.selected { + color: #2f3447; + font-weight: 700; +} +.el-select-group { + margin: 0; + padding: 0; +} +.el-select-group__wrap { + position: relative; + list-style: none; + margin: 0; + padding: 0; +} +.el-select-group__wrap:not(:last-of-type) { + padding-bottom: 24px; +} +.el-select-group__wrap:not(:last-of-type)::after { + content: ""; + position: absolute; + display: block; + left: 20px; + right: 20px; + bottom: 12px; + height: 1px; + background: #e4e7ed; +} +.el-select-group__title { + padding-left: 20px; + font-size: 12px; + color: #909399; + line-height: 30px; +} +.el-select-group .el-select-dropdown__item { + padding-left: 20px; +} +.el-select { + display: inline-block; + position: relative; +} +.el-select .el-select__tags > span { + display: contents; +} +.el-select:hover .el-input__inner { + border-color: #c0c4cc; +} +.el-select .el-input__inner { + cursor: pointer; + padding-right: 35px; +} +.el-select .el-input__inner:focus { + border-color: #2f3447; +} +.el-select .el-input .el-select__caret { + color: #c0c4cc; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); +} +.el-select .el-input .el-select__caret.is-show-close { + font-size: 14px; + text-align: center; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + border-radius: 100%; + color: #c0c4cc; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-select .el-input .el-select__caret.is-show-close:hover { + color: #909399; +} +.el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} +.el-select .el-input.is-disabled .el-input__inner:hover { + border-color: #e4e7ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: #2f3447; +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: 0; + padding: 0; + margin-left: 15px; + color: #666; + font-size: 14px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} +.el-select__input.is-mini { + height: 14px; +} +.el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: #c0c4cc; + line-height: 18px; + font-size: 14px; +} +.el-select__close:hover { + color: #909399; +} +.el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-select .el-tag__close { + margin-top: -2px; +} +.el-select .el-tag { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; +} +.el-select .el-tag__close.el-icon-close { + background-color: #c0c4cc; + right: -7px; + top: 0; + color: #fff; +} +.el-select .el-tag__close.el-icon-close:hover { + background-color: #909399; +} +.el-table, +.el-table__expanded-cell { + background-color: #fff; +} +.el-select .el-tag__close.el-icon-close::before { + display: block; + -webkit-transform: translate(0, 0.5px); + transform: translate(0, 0.5px); +} +.el-table { + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + font-size: 14px; + color: #606266; +} +.el-table--mini, +.el-table--small, +.el-table__expand-icon { + font-size: 12px; +} +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-table__empty-text { + line-height: 60px; + width: 50%; + color: #909399; +} +.el-table__expand-column .cell { + padding: 0; + text-align: center; +} +.el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; + height: 20px; +} +.el-table__expand-icon--expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-table__expand-icon > .el-icon { + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; +} +.el-table__expanded-cell[class*="cell"] { + padding: 20px 50px; +} +.el-table__expanded-cell:hover { + background-color: transparent !important; +} +.el-table__placeholder { + display: inline-block; + width: 20px; +} +.el-table__append-wrapper { + overflow: hidden; +} +.el-table--fit { + border-right: 0; + border-bottom: 0; +} +.el-table--fit td.gutter, +.el-table--fit th.gutter { + border-right-width: 1px; +} +.el-table--scrollable-x .el-table__body-wrapper { + overflow-x: auto; +} +.el-table--scrollable-y .el-table__body-wrapper { + overflow-y: auto; +} +.el-table thead { + color: #909399; + font-weight: 500; +} +.el-table thead.is-group th { + background: #f5f7fa; +} +.el-table th, +.el-table tr { + background-color: #fff; +} +.el-table td, +.el-table th { + padding: 12px 0; + min-width: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-overflow: ellipsis; + vertical-align: middle; + position: relative; + text-align: left; +} +.el-table td.is-center, +.el-table th.is-center { + text-align: center; +} +.el-table td.is-right, +.el-table th.is-right { + text-align: right; +} +.el-table td.gutter, +.el-table th.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} +.el-table--medium td, +.el-table--medium th { + padding: 10px 0; +} +.el-table--small td, +.el-table--small th { + padding: 8px 0; +} +.el-table--mini td, +.el-table--mini th { + padding: 6px 0; +} +.el-table .cell, +.el-table--border td:first-child .cell, +.el-table--border th:first-child .cell { + padding-left: 10px; +} +.el-table tr input[type="checkbox"] { + margin: 0; +} +.el-table td, +.el-table th.is-leaf { + border-bottom: 1px solid #ebeef5; +} +.el-table th.is-sortable { + cursor: pointer; +} +.el-table th { + overflow: hidden; + -ms-user-select: none; + user-select: none; +} +.el-table th > .cell { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: 100%; +} +.el-table th > .cell.highlight { + color: #2f3447; +} +.el-table th.required > div::before { + display: inline-block; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #ff4d51; + margin-right: 5px; + vertical-align: middle; +} +.el-table td div { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table td.gutter { + width: 0; +} +.el-table .cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-break: break-all; + line-height: 23px; + padding-right: 10px; +} +.el-table .cell.el-tooltip { + white-space: nowrap; + min-width: 50px; +} +.el-table--border, +.el-table--group { + border: 1px solid #ebeef5; +} +.el-table--border::after, +.el-table--group::after, +.el-table::before { + content: ""; + position: absolute; + background-color: #ebeef5; + z-index: 1; +} +.el-table--border::after, +.el-table--group::after { + top: 0; + right: 0; + width: 1px; + height: 100%; +} +.el-table::before { + left: 0; + bottom: 0; + width: 100%; + height: 1px; +} +.el-table--border { + border-right: none; + border-bottom: none; +} +.el-table--border.el-loading-parent--relative { + border-color: transparent; +} +.el-table--border td, +.el-table--border th, +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #ebeef5; +} +.el-table--border th.gutter:last-of-type { + border-bottom: 1px solid #ebeef5; + border-bottom-width: 1px; +} +.el-table--border th, +.el-table__fixed-right-patch { + border-bottom: 1px solid #ebeef5; +} +.el-table__fixed, +.el-table__fixed-right { + position: absolute; + top: 0; + left: 0; + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); +} +.el-table__fixed-right::before, +.el-table__fixed::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #ebeef5; + z-index: 4; +} +.el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: #fff; +} +.el-table__fixed-right { + top: 0; + left: auto; + right: 0; +} +.el-table__fixed-right .el-table__fixed-body-wrapper, +.el-table__fixed-right .el-table__fixed-footer-wrapper, +.el-table__fixed-right .el-table__fixed-header-wrapper { + left: auto; + right: 0; +} +.el-table__fixed-header-wrapper { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper { + position: absolute; + left: 0; + bottom: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper tbody td { + border-top: 1px solid #ebeef5; + background-color: #f5f7fa; + color: #606266; +} +.el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} +.el-table__body-wrapper, +.el-table__footer-wrapper, +.el-table__header-wrapper { + width: 100%; +} +.el-table__footer-wrapper { + margin-top: -1px; +} +.el-table__footer-wrapper td { + border-top: 1px solid #ebeef5; +} +.el-table__body, +.el-table__footer, +.el-table__header { + table-layout: fixed; + border-collapse: separate; +} +.el-table__footer-wrapper, +.el-table__header-wrapper { + overflow: hidden; +} +.el-table__footer-wrapper tbody td, +.el-table__header-wrapper tbody td { + background-color: #f5f7fa; + color: #606266; +} +.el-table__body-wrapper { + overflow: hidden; + position: relative; +} +.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, +.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { + -webkit-box-shadow: none; + box-shadow: none; +} +.el-picker-panel, +.el-table-filter { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { + border-left: 1px solid #ebeef5; +} +.el-table .caret-wrapper { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + width: 24px; + vertical-align: middle; + cursor: pointer; + overflow: initial; + position: relative; +} +.el-table .sort-caret { + width: 0; + height: 0; + border: 5px solid transparent; + position: absolute; + left: 7px; +} +.el-table .sort-caret.ascending { + border-bottom-color: #c0c4cc; + top: 5px; +} +.el-table .sort-caret.descending { + border-top-color: #c0c4cc; + bottom: 7px; +} +.el-table .ascending .sort-caret.ascending { + border-bottom-color: #2f3447; +} +.el-table .descending .sort-caret.descending { + border-top-color: #2f3447; +} +.el-table .hidden-columns { + position: absolute; + z-index: -1; +} +.el-table--striped .el-table__body tr.el-table__row--striped td { + background: #fafafa; +} +.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { + background-color: #eaebed; +} +.el-table__body tr.hover-row.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped > td, +.el-table__body tr.hover-row > td { + background-color: #f5f7fa; +} +.el-table__body tr.current-row > td { + background-color: #eaebed; +} +.el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid #ebeef5; + z-index: 10; +} +.el-table__column-filter-trigger { + display: inline-block; + line-height: 34px; + cursor: pointer; +} +.el-table__column-filter-trigger i { + color: #909399; + font-size: 12px; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} +.el-table--enable-row-transition .el-table__body td { + -webkit-transition: background-color 0.25s ease; + transition: background-color 0.25s ease; +} +.el-table--enable-row-hover .el-table__body tr:hover > td { + background-color: #f5f7fa; +} +.el-table--fluid-height .el-table__fixed, +.el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} +.el-table [class*="el-table__row--level"] .el-table__expand-icon { + display: inline-block; + width: 20px; + line-height: 20px; + height: 20px; + text-align: center; + margin-right: 3px; +} +.el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} +.el-table-filter { + border: 1px solid #ebeef5; + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 2px 0; +} +.el-date-table td, +.el-date-table td div { + height: 30px; + -webkit-box-sizing: border-box; +} +.el-table-filter__list { + padding: 5px 0; + margin: 0; + list-style: none; + min-width: 100px; +} +.el-table-filter__list-item { + line-height: 36px; + padding: 0 10px; + cursor: pointer; + font-size: 14px; +} +.el-table-filter__list-item:hover { + background-color: #eaebed; + color: #595d6c; +} +.el-table-filter__list-item.is-active { + background-color: #2f3447; + color: #fff; +} +.el-table-filter__content { + min-width: 100px; +} +.el-table-filter__bottom { + border-top: 1px solid #ebeef5; + padding: 8px; +} +.el-table-filter__bottom button { + background: 0 0; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px; +} +.el-date-table td.in-range div, +.el-date-table td.in-range div:hover, +.el-date-table.is-week-mode .el-date-table__row.current div, +.el-date-table.is-week-mode .el-date-table__row:hover div { + background-color: #f2f6fc; +} +.el-table-filter__bottom button:hover { + color: #2f3447; +} +.el-table-filter__bottom button:focus { + outline: 0; +} +.el-table-filter__bottom button.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-table-filter__wrap { + max-height: 280px; +} +.el-table-filter__checkbox-group { + padding: 10px; +} +.el-table-filter__checkbox-group label.el-checkbox { + display: block; + margin-right: 5px; + margin-bottom: 8px; + margin-left: 5px; +} +.el-table-filter__checkbox-group .el-checkbox:last-child { + margin-bottom: 0; +} +.el-date-table { + font-size: 12px; + -ms-user-select: none; + user-select: none; +} +.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { + color: #606266; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td { + width: 32px; + padding: 4px 0; + box-sizing: border-box; + text-align: center; + cursor: pointer; + position: relative; +} +.el-date-table td div { + padding: 3px 0; + box-sizing: border-box; +} +.el-date-table td span { + width: 24px; + height: 24px; + display: block; + margin: 0 auto; + line-height: 24px; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; +} +.el-date-table td.next-month, +.el-date-table td.prev-month { + color: #c0c4cc; +} +.el-date-table td.today { + position: relative; +} +.el-date-table td.today span { + color: #2f3447; + font-weight: 700; +} +.el-date-table td.today.end-date span, +.el-date-table td.today.start-date span { + color: #fff; +} +.el-date-table td.available:hover { + color: #2f3447; +} +.el-date-table td.current:not(.disabled) span { + color: #fff; + background-color: #2f3447; +} +.el-date-table td.end-date div, +.el-date-table td.start-date div { + color: #fff; +} +.el-date-table td.end-date span, +.el-date-table td.start-date span { + background-color: #2f3447; +} +.el-date-table td.start-date div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table td.end-date div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td.disabled div { + background-color: #f5f7fa; + opacity: 1; + cursor: not-allowed; + color: #c0c4cc; +} +.el-date-table td.selected div { + margin-left: 5px; + margin-right: 5px; + background-color: #f2f6fc; + border-radius: 15px; +} +.el-date-table td.selected div:hover { + background-color: #f2f6fc; +} +.el-date-table td.selected span { + background-color: #2f3447; + color: #fff; + border-radius: 15px; +} +.el-date-table td.week { + font-size: 80%; + color: #606266; +} +.el-month-table, +.el-year-table { + font-size: 12px; + border-collapse: collapse; +} +.el-date-table th { + padding: 5px; + color: #606266; + font-weight: 400; + border-bottom: solid 1px #ebeef5; +} +.el-month-table { + margin: -1px; +} +.el-month-table td { + text-align: center; + padding: 8px 0; + cursor: pointer; +} +.el-month-table td div { + height: 48px; + padding: 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-month-table td.today .cell { + color: #2f3447; + font-weight: 700; +} +.el-month-table td.today.end-date .cell, +.el-month-table td.today.start-date .cell { + color: #fff; +} +.el-month-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-month-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-month-table td .cell { + width: 60px; + height: 36px; + display: block; + line-height: 36px; + color: #606266; + margin: 0 auto; + border-radius: 18px; +} +.el-month-table td .cell:hover { + color: #2f3447; +} +.el-month-table td.in-range div, +.el-month-table td.in-range div:hover { + background-color: #f2f6fc; +} +.el-month-table td.end-date div, +.el-month-table td.start-date div { + color: #fff; +} +.el-month-table td.end-date .cell, +.el-month-table td.start-date .cell { + color: #fff; + background-color: #2f3447; +} +.el-month-table td.start-date div { + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; +} +.el-month-table td.end-date div { + border-top-right-radius: 24px; + border-bottom-right-radius: 24px; +} +.el-month-table td.current:not(.disabled) .cell { + color: #2f3447; +} +.el-year-table { + margin: -1px; +} +.el-year-table .el-icon { + color: #303133; +} +.el-year-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} +.el-year-table td.today .cell { + color: #2f3447; + font-weight: 700; +} +.el-year-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-year-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-year-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: #606266; + margin: 0 auto; +} +.el-year-table td .cell:hover, +.el-year-table td.current:not(.disabled) .cell { + color: #2f3447; +} +.el-date-range-picker { + width: 646px; +} +.el-date-range-picker.has-sidebar { + width: 756px; +} +.el-date-range-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-range-picker .el-picker-panel__body { + min-width: 513px; +} +.el-date-range-picker .el-picker-panel__content { + margin: 0; +} +.el-date-range-picker__header { + position: relative; + text-align: center; + height: 28px; +} +.el-date-range-picker__header [class*="arrow-left"] { + float: left; +} +.el-date-range-picker__header [class*="arrow-right"] { + float: right; +} +.el-date-range-picker__header div { + font-size: 16px; + font-weight: 500; + margin-right: 50px; +} +.el-date-range-picker__content { + float: left; + width: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 16px; +} +.el-date-range-picker__content.is-left { + border-right: 1px solid #e4e4e4; +} +.el-date-range-picker__content .el-date-range-picker__header div { + margin-left: 50px; + margin-right: 50px; +} +.el-date-range-picker__editors-wrap { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; +} +.el-date-range-picker__editors-wrap.is-right { + text-align: right; +} +.el-date-range-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-range-picker__time-header > .el-icon-arrow-right { + font-size: 20px; + vertical-align: middle; + display: table-cell; + color: #303133; +} +.el-date-range-picker__time-picker-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-range-picker__time-picker-wrap .el-picker-panel { + position: absolute; + top: 13px; + right: 0; + z-index: 1; + background: #fff; +} +.el-date-picker { + width: 322px; +} +.el-date-picker.has-sidebar.has-time { + width: 434px; +} +.el-date-picker.has-sidebar { + width: 438px; +} +.el-date-picker.has-time .el-picker-panel__body-wrapper { + position: relative; +} +.el-date-picker .el-picker-panel__content { + width: 292px; +} +.el-date-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-picker__header { + margin: 12px; + text-align: center; +} +.el-date-picker__header--bordered { + margin-bottom: 0; + padding-bottom: 12px; + border-bottom: solid 1px #ebeef5; +} +.el-date-picker__header--bordered + .el-picker-panel__content { + margin-top: 0; +} +.el-date-picker__header-label { + font-size: 16px; + font-weight: 500; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; + color: #606266; +} +.el-date-picker__header-label.active, +.el-date-picker__header-label:hover { + color: #2f3447; +} +.el-date-picker__prev-btn { + float: left; +} +.el-date-picker__next-btn { + float: right; +} +.el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} +.el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} +.time-select { + margin: 5px 0; + min-width: 0; +} +.time-select .el-picker-panel__content { + max-height: 200px; + margin: 0; +} +.time-select-item { + padding: 8px 10px; + font-size: 14px; + line-height: 20px; +} +.time-select-item.selected:not(.disabled) { + color: #2f3447; + font-weight: 700; +} +.time-select-item.disabled { + color: #e4e7ed; + cursor: not-allowed; +} +.time-select-item:hover { + background-color: #f5f7fa; + font-weight: 700; + cursor: pointer; +} +.el-date-editor { + position: relative; + display: inline-block; + text-align: left; +} +.el-date-editor.el-input, +.el-date-editor.el-input__inner { + width: 220px; +} +.el-date-editor--monthrange.el-input, +.el-date-editor--monthrange.el-input__inner { + width: 300px; +} +.el-date-editor--daterange.el-input, +.el-date-editor--daterange.el-input__inner, +.el-date-editor--timerange.el-input, +.el-date-editor--timerange.el-input__inner { + width: 350px; +} +.el-date-editor--datetimerange.el-input, +.el-date-editor--datetimerange.el-input__inner { + width: 400px; +} +.el-date-editor--dates .el-input__inner { + text-overflow: ellipsis; + white-space: nowrap; +} +.el-date-editor .el-icon-circle-close { + cursor: pointer; +} +.el-date-editor .el-range__icon { + font-size: 14px; + margin-left: -5px; + color: #c0c4cc; + float: left; + line-height: 32px; +} +.el-date-editor .el-range-input, +.el-date-editor .el-range-separator { + height: 100%; + margin: 0; + text-align: center; + display: inline-block; + font-size: 14px; +} +.el-date-editor .el-range-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + padding: 0; + width: 39%; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-separator { + padding: 0 5px; + line-height: 32px; + width: 5%; + color: #303133; +} +.el-date-editor .el-range__close-icon { + font-size: 14px; + color: #c0c4cc; + width: 25px; + display: inline-block; + float: right; + line-height: 32px; +} +.el-range-editor.el-input__inner { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 3px 10px; +} +.el-range-editor .el-range-input { + line-height: 1; +} +.el-range-editor.is-active, +.el-range-editor.is-active:hover { + border-color: #2f3447; +} +.el-range-editor--medium.el-input__inner { + height: 36px; +} +.el-range-editor--medium .el-range-separator { + line-height: 28px; + font-size: 14px; +} +.el-range-editor--medium .el-range-input { + font-size: 14px; +} +.el-range-editor--medium .el-range__close-icon, +.el-range-editor--medium .el-range__icon { + line-height: 28px; +} +.el-range-editor--small.el-input__inner { + height: 32px; +} +.el-range-editor--small .el-range-separator { + line-height: 24px; + font-size: 13px; +} +.el-range-editor--small .el-range-input { + font-size: 13px; +} +.el-range-editor--small .el-range__close-icon, +.el-range-editor--small .el-range__icon { + line-height: 24px; +} +.el-range-editor--mini.el-input__inner { + height: 28px; +} +.el-range-editor--mini .el-range-separator { + line-height: 20px; + font-size: 12px; +} +.el-range-editor--mini .el-range-input { + font-size: 12px; +} +.el-range-editor--mini .el-range__close-icon, +.el-range-editor--mini .el-range__icon { + line-height: 20px; +} +.el-range-editor.is-disabled { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled:focus, +.el-range-editor.is-disabled:hover { + border-color: #e4e7ed; +} +.el-range-editor.is-disabled input { + background-color: #f5f7fa; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled .el-range-separator { + color: #c0c4cc; +} +.el-picker-panel { + color: #606266; + border: 1px solid #e4e7ed; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #fff; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-popover, +.el-time-panel { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-picker-panel__body-wrapper::after, +.el-picker-panel__body::after { + content: ""; + display: table; + clear: both; +} +.el-picker-panel__content { + position: relative; + margin: 15px; +} +.el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; + font-size: 0; +} +.el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: #606266; + padding-left: 12px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #2f3447; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #2f3447; +} +.el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: 0 0; + cursor: pointer; + outline: 0; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #2f3447; +} +.el-picker-panel__icon-btn.is-disabled { + color: #bbb; +} +.el-picker-panel__icon-btn.is-disabled:hover { + cursor: not-allowed; +} +.el-picker-panel__link-btn { + vertical-align: middle; +} +.el-picker-panel [slot="sidebar"], +.el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + background-color: #fff; + overflow: auto; +} +.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, +.el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} +.el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33.3%; +} +.el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} +.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} +.el-time-spinner__input.el-input .el-input__inner, +.el-time-spinner__list { + padding: 0; + text-align: center; +} +.el-time-spinner__wrapper.is-arrow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + overflow: hidden; +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { + -webkit-transform: translateY(-32px); + transform: translateY(-32px); +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #fff; + cursor: default; +} +.el-time-spinner__arrow { + font-size: 12px; + color: #909399; + position: absolute; + left: 0; + width: 100%; + z-index: 1; + text-align: center; + height: 30px; + line-height: 30px; + cursor: pointer; +} +.el-time-spinner__arrow:hover { + color: #2f3447; +} +.el-time-spinner__arrow.el-icon-arrow-up { + top: 10px; +} +.el-time-spinner__arrow.el-icon-arrow-down { + bottom: 10px; +} +.el-time-spinner__input.el-input { + width: 70%; +} +.el-time-spinner__list { + margin: 0; + list-style: none; +} +.el-time-spinner__list::after, +.el-time-spinner__list::before { + content: ""; + display: block; + width: 100%; + height: 80px; +} +.el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; + color: #606266; +} +.el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #f5f7fa; + cursor: pointer; +} +.el-time-spinner__item.active:not(.disabled) { + color: #303133; + font-weight: 700; +} +.el-time-spinner__item.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-time-panel { + margin: 5px 0; + border: 1px solid #e4e7ed; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.el-slider__button, +.el-slider__button-wrapper { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} +.el-time-panel__content::after, +.el-time-panel__content::before { + content: ""; + top: 50%; + position: absolute; + margin-top: -15px; + height: 32px; + z-index: -1; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + text-align: left; + border-top: 1px solid #e4e7ed; + border-bottom: 1px solid #e4e7ed; +} +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12%; +} +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12%; +} +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2); +} +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3); +} +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: #2f3447; +} +.el-time-range-picker { + width: 354px; + overflow: visible; +} +.el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px; +} +.el-time-range-picker__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block; +} +.el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px; +} +.el-time-range-picker__body { + border-radius: 2px; + border: 1px solid #e4e7ed; +} +.el-popover { + position: absolute; + background: #fff; + min-width: 150px; + border: 1px solid #ebeef5; + padding: 12px; + z-index: 2000; + color: #606266; + line-height: 1.4; + text-align: justify; + font-size: 14px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} +.el-popover--plain { + padding: 18px 20px; +} +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.2s ease forwards; +} +@keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} +.el-popup-parent--hidden { + overflow: hidden; +} +.el-message-box { + display: inline-block; + width: 420px; + padding-bottom: 10px; + vertical-align: middle; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ebeef5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.el-message-box__wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; +} +.el-message-box__wrapper::after { + content: ""; + display: inline-block; + height: 100%; + width: 0; + vertical-align: middle; +} +.el-message-box__header { + position: relative; + padding: 15px 15px 10px; +} +.el-message-box__title { + padding-left: 0; + margin-bottom: 0; + font-size: 18px; + line-height: 1; + color: #303133; +} +.el-message-box__headerbtn { + position: absolute; + top: 15px; + right: 15px; + padding: 0; + border: none; + outline: 0; + background: 0 0; + font-size: 16px; + cursor: pointer; +} +.el-form-item.is-error .el-input__inner, +.el-form-item.is-error .el-input__inner:focus, +.el-form-item.is-error .el-textarea__inner, +.el-form-item.is-error .el-textarea__inner:focus, +.el-message-box__input input.invalid, +.el-message-box__input input.invalid:focus { + border-color: #f56c6c; +} +.el-message-box__headerbtn .el-message-box__close { + color: #909399; +} +.el-message-box__headerbtn:focus .el-message-box__close, +.el-message-box__headerbtn:hover .el-message-box__close { + color: #2f3447; +} +.el-message-box__content { + padding: 10px 15px; + color: #606266; + font-size: 14px; +} +.el-message-box__container { + position: relative; +} +.el-message-box__input { + padding-top: 15px; +} +.el-message-box__status { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 24px !important; +} +.el-message-box__status::before { + padding-left: 1px; +} +.el-message-box__status + .el-message-box__message { + padding-left: 36px; + padding-right: 12px; +} +.el-message-box__status.el-icon-success { + color: #67c23a; +} +.el-message-box__status.el-icon-info { + color: #909399; +} +.el-message-box__status.el-icon-warning { + color: #e6a23c; +} +.el-message-box__status.el-icon-error { + color: #f56c6c; +} +.el-message-box__message { + margin: 0; +} +.el-message-box__message p { + margin: 0; + line-height: 24px; +} +.el-message-box__errormsg { + color: #f56c6c; + font-size: 12px; + min-height: 18px; + margin-top: 2px; +} +.el-message-box__btns { + padding: 5px 15px 0; + text-align: right; +} +.el-message-box__btns button:nth-child(2) { + margin-left: 10px; +} +.el-message-box__btns-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.el-message-box--center { + padding-bottom: 30px; +} +.el-message-box--center .el-message-box__header { + padding-top: 30px; +} +.el-message-box--center .el-message-box__title { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message-box--center .el-message-box__status { + position: relative; + top: auto; + padding-right: 5px; + text-align: center; + -webkit-transform: translateY(-1px); + transform: translateY(-1px); +} +.el-message-box--center .el-message-box__message { + margin-left: 0; +} +.el-message-box--center .el-message-box__btns, +.el-message-box--center .el-message-box__content { + text-align: center; +} +.el-message-box--center .el-message-box__content { + padding-left: 27px; + padding-right: 27px; +} +.msgbox-fade-enter-active { + -webkit-animation: msgbox-fade-in 0.3s; + animation: msgbox-fade-in 0.3s; +} +.msgbox-fade-leave-active { + -webkit-animation: msgbox-fade-out 0.3s; + animation: msgbox-fade-out 0.3s; +} +@-webkit-keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-breadcrumb { + font-size: 14px; + line-height: 1; +} +.el-breadcrumb::after, +.el-breadcrumb::before { + display: table; + content: ""; +} +.el-breadcrumb::after { + clear: both; +} +.el-breadcrumb__separator { + margin: 0 9px; + font-weight: 700; + color: #c0c4cc; +} +.el-breadcrumb__separator[class*="icon"] { + margin: 0 6px; + font-weight: 400; +} +.el-breadcrumb__item { + float: left; +} +.el-breadcrumb__inner { + color: #606266; +} +.el-breadcrumb__inner a, +.el-breadcrumb__inner.is-link { + font-weight: 700; + text-decoration: none; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + color: #303133; +} +.el-breadcrumb__inner a:hover, +.el-breadcrumb__inner.is-link:hover { + color: #2f3447; + cursor: pointer; +} +.el-breadcrumb__item:last-child .el-breadcrumb__inner, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, +.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { + font-weight: 400; + color: #606266; + cursor: text; +} +.el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} +.el-form--label-left .el-form-item__label { + text-align: left; +} +.el-form--label-top .el-form-item__label { + float: none; + display: inline-block; + text-align: left; + padding: 0 0 10px; +} +.el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} +.el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} +.el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} +.el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} +.el-form-item { + margin-bottom: 22px; +} +.el-form-item::after, +.el-form-item::before { + display: table; + content: ""; +} +.el-form-item::after { + clear: both; +} +.el-form-item .el-form-item { + margin-bottom: 0; +} +.el-form-item--mini.el-form-item, +.el-form-item--small.el-form-item { + margin-bottom: 18px; +} +.el-form-item .el-input__validateIcon { + display: none; +} +.el-form-item--medium .el-form-item__content, +.el-form-item--medium .el-form-item__label { + line-height: 36px; +} +.el-form-item--small .el-form-item__content, +.el-form-item--small .el-form-item__label { + line-height: 32px; +} +.el-form-item--small .el-form-item__error { + padding-top: 2px; +} +.el-form-item--mini .el-form-item__content, +.el-form-item--mini .el-form-item__label { + line-height: 28px; +} +.el-form-item--mini .el-form-item__error { + padding-top: 1px; +} +.el-form-item__label-wrap { + float: left; +} +.el-form-item__label-wrap .el-form-item__label { + display: inline-block; + float: none; +} +.el-form-item__label { + text-align: right; + vertical-align: middle; + float: left; + font-size: 14px; + color: #606266; + line-height: 40px; + padding: 0 12px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-form-item__content { + line-height: 40px; + position: relative; + font-size: 14px; +} +.el-form-item__content::after, +.el-form-item__content::before { + display: table; + content: ""; +} +.el-form-item__content::after { + clear: both; +} +.el-form-item__content .el-input-group { + vertical-align: top; +} +.el-form-item__error { + color: #f56c6c; + font-size: 12px; + line-height: 1; + padding-top: 4px; + position: absolute; + top: 100%; + left: 0; +} +.el-form-item__error--inline { + position: relative; + top: auto; + left: auto; + display: inline-block; + margin-left: 10px; +} +.el-form-item.is-required:not(.is-no-asterisk) + .el-form-item__label-wrap + > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: "*"; + color: #f56c6c; + margin-right: 4px; +} +.el-form-item.is-error .el-input-group__append .el-input__inner, +.el-form-item.is-error .el-input-group__prepend .el-input__inner { + border-color: transparent; +} +.el-form-item.is-error .el-input__validateIcon { + color: #f56c6c; +} +.el-form-item--feedback .el-input__validateIcon { + display: inline-block; +} +.el-tabs__header { + padding: 0; + position: relative; + margin: 0 0 15px; +} +.el-tabs__active-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + background-color: #2f3447; + z-index: 1; + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + list-style: none; +} +.el-tabs__new-tab { + float: right; + border: 1px solid #d3dce6; + height: 18px; + width: 18px; + line-height: 18px; + margin: 12px 0 9px 10px; + border-radius: 3px; + text-align: center; + font-size: 12px; + color: #d3dce6; + cursor: pointer; + -webkit-transition: all 0.15s; + transition: all 0.15s; +} +.el-collapse-item__arrow, +.el-tabs__nav { + -webkit-transition: -webkit-transform 0.3s; +} +.el-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); +} +.el-tabs__new-tab:hover { + color: #2f3447; +} +.el-tabs__nav-wrap { + overflow: hidden; + margin-bottom: -1px; + position: relative; +} +.el-tabs__nav-wrap::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #e4e7ed; + z-index: 1; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, +.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs__nav-wrap.is-scrollable { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs__nav-scroll { + overflow: hidden; +} +.el-tabs__nav-next, +.el-tabs__nav-prev { + position: absolute; + cursor: pointer; + line-height: 44px; + font-size: 12px; + color: #909399; +} +.el-tabs__nav-next { + right: 0; +} +.el-tabs__nav-prev { + left: 0; +} +.el-tabs__nav { + white-space: nowrap; + position: relative; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + float: left; + z-index: 2; +} +.el-tabs__nav.is-stretch { + min-width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-tabs__nav.is-stretch > * { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; +} +.el-tabs__item { + padding: 0 20px; + height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 40px; + display: inline-block; + list-style: none; + font-size: 14px; + font-weight: 500; + color: #303133; + position: relative; +} +.el-tabs__item:focus, +.el-tabs__item:focus:active { + outline: 0; +} +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px #2f3447 inset; + box-shadow: 0 0 2px 2px #2f3447 inset; + border-radius: 3px; +} +.el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin-left: 5px; +} +.el-tabs__item .el-icon-close:before { + -webkit-transform: scale(0.9); + transform: scale(0.9); + display: inline-block; +} +.el-tabs__item .el-icon-close:hover { + background-color: #c0c4cc; + color: #fff; +} +.el-tabs__item.is-active { + color: #2f3447; +} +.el-tabs__item:hover { + color: #2f3447; + cursor: pointer; +} +.el-tabs__item.is-disabled { + color: #c0c4cc; + cursor: default; +} +.el-tabs__content { + overflow: hidden; + position: relative; +} +.el-tabs--card > .el-tabs__header { + border-bottom: 1px solid #e4e7ed; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: 1px solid #e4e7ed; + border-bottom: none; + border-radius: 4px 4px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs--card > .el-tabs__header .el-tabs__active-bar { + display: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { + position: relative; + font-size: 12px; + width: 0; + height: 14px; + vertical-align: middle; + line-height: 15px; + overflow: hidden; + top: -1px; + right: -2px; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { + width: 14px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item { + border-bottom: 1px solid transparent; + border-left: 1px solid #e4e7ed; + -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { + border-left: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { + padding-left: 13px; + padding-right: 13px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border-bottom-color: #fff; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-left: 20px; + padding-right: 20px; +} +.el-tabs--border-card { + background: #fff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.el-tabs--border-card > .el-tabs__content { + padding: 15px; +} +.el-tabs--border-card > .el-tabs__header { + background-color: #f5f7fa; + border-bottom: 1px solid #e4e7ed; + margin: 0; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item { + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + border: 1px solid transparent; + margin-top: -1px; + color: #909399; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, +.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { + color: #2f3447; + background-color: #fff; + border-right-color: #dcdfe6; + border-left-color: #dcdfe6; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { + color: #2f3447; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { + color: #c0c4cc; +} +.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { + margin-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--bottom .el-tabs__item.is-top:nth-child(2), +.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--top .el-tabs__item.is-top:nth-child(2) { + padding-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:last-child, +.el-tabs--bottom .el-tabs__item.is-top:last-child, +.el-tabs--top .el-tabs__item.is-bottom:last-child, +.el-tabs--top .el-tabs__item.is-top:last-child { + padding-right: 0; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { + padding-left: 20px; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { + padding-right: 20px; +} +.el-tabs--bottom .el-tabs__header.is-bottom { + margin-bottom: 0; + margin-top: 10px; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { + border-bottom: 0; + border-top: 1px solid #dcdfe6; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { + margin-top: -1px; + margin-bottom: 0; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { + border: 1px solid transparent; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { + margin: 0 -1px -1px; +} +.el-tabs--left, +.el-tabs--right { + overflow: hidden; +} +.el-tabs--left .el-tabs__header.is-left, +.el-tabs--left .el-tabs__header.is-right, +.el-tabs--left .el-tabs__nav-scroll, +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__header.is-left, +.el-tabs--right .el-tabs__header.is-right, +.el-tabs--right .el-tabs__nav-scroll, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + height: 100%; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__active-bar.is-right, +.el-tabs--right .el-tabs__active-bar.is-left, +.el-tabs--right .el-tabs__active-bar.is-right { + top: 0; + bottom: auto; + width: 2px; + height: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-bottom: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + height: 30px; + line-height: 30px; + width: 100%; + text-align: center; + cursor: pointer; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { + -webkit-transform: rotateZ(90deg); + transform: rotateZ(90deg); +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + left: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { + right: auto; + bottom: 0; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-left::after { + right: 0; + left: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { + padding: 30px 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left::after, +.el-tabs--left .el-tabs__nav-wrap.is-right::after, +.el-tabs--right .el-tabs__nav-wrap.is-left::after, +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + height: 100%; + width: 2px; + bottom: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav.is-left, +.el-tabs--left .el-tabs__nav.is-right, +.el-tabs--right .el-tabs__nav.is-left, +.el-tabs--right .el-tabs__nav.is-right { + float: none; +} +.el-tabs--left .el-tabs__item.is-left, +.el-tabs--left .el-tabs__item.is-right, +.el-tabs--right .el-tabs__item.is-left, +.el-tabs--right .el-tabs__item.is-right { + display: block; +} +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, +.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { + display: none; +} +.el-tabs--left .el-tabs__header.is-left { + float: left; + margin-bottom: 0; + margin-right: 10px; +} +.el-tabs--left .el-tabs__nav-wrap.is-left { + margin-right: -1px; +} +.el-tabs--left .el-tabs__item.is-left { + text-align: right; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left { + border-left: none; + border-right: 1px solid #e4e7ed; + border-bottom: none; + border-top: 1px solid #e4e7ed; + text-align: left; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { + border-right: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { + border: 1px solid #e4e7ed; + border-right-color: #fff; + border-left: none; + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__nav { + border-radius: 4px 0 0 4px; + border-bottom: 1px solid #e4e7ed; + border-right: none; +} +.el-tabs--left.el-tabs--card .el-tabs__new-tab { + float: none; +} +.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { + border-right: 1px solid #dfe4ed; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { + border: 1px solid transparent; + margin: -1px 0 -1px -1px; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { + border-color: #d1dbe5 transparent; +} +.el-tabs--right .el-tabs__header.is-right { + float: right; + margin-bottom: 0; + margin-left: 10px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-left: -1px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + left: 0; + right: auto; +} +.el-tabs--right .el-tabs__active-bar.is-right { + left: 0; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right { + border-bottom: none; + border-top: 1px solid #e4e7ed; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { + border-left: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { + border: 1px solid #e4e7ed; + border-left-color: #fff; + border-right: none; + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__nav { + border-radius: 0 4px 4px 0; + border-bottom: 1px solid #e4e7ed; + border-left: none; +} +.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { + border-left: 1px solid #dfe4ed; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { + border: 1px solid transparent; + margin: -1px -1px -1px 0; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { + border-color: #d1dbe5 transparent; +} +.slideInLeft-transition, +.slideInRight-transition { + display: inline-block; +} +.slideInRight-enter { + -webkit-animation: slideInRight-enter 0.3s; + animation: slideInRight-enter 0.3s; +} +.slideInRight-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInRight-leave 0.3s; + animation: slideInRight-leave 0.3s; +} +.slideInLeft-enter { + -webkit-animation: slideInLeft-enter 0.3s; + animation: slideInLeft-enter 0.3s; +} +.slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInLeft-leave 0.3s; + animation: slideInLeft-leave 0.3s; +} +@-webkit-keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@-webkit-keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +.el-tree { + position: relative; + cursor: default; + background: #fff; + color: #606266; +} +.el-tree__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} +.el-tree__empty-text { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: #909399; + font-size: 14px; +} +.el-tree__drop-indicator { + position: absolute; + left: 0; + right: 0; + height: 1px; + background-color: #2f3447; +} +.el-tree-node { + white-space: nowrap; + outline: 0; +} +.el-tree-node:focus > .el-tree-node__content { + background-color: #f5f7fa; +} +.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { + background-color: #2f3447; + color: #fff; +} +.el-tree-node__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 26px; + cursor: pointer; +} +.el-tree-node__content > .el-tree-node__expand-icon { + padding: 6px; +} +.el-tree-node__content > label.el-checkbox { + margin-right: 8px; +} +.el-tree-node__content:hover { + background-color: #f5f7fa; +} +.el-tree.is-dragging .el-tree-node__content { + cursor: move; +} +.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { + cursor: not-allowed; +} +.el-tree-node__expand-icon { + cursor: pointer; + color: #c0c4cc; + font-size: 12px; + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; +} +.el-tree-node__expand-icon.expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-tree-node__expand-icon.is-leaf { + color: transparent; + cursor: default; +} +.el-tree-node__label { + font-size: 14px; +} +.el-tree-node__loading-icon { + margin-right: 8px; + font-size: 14px; + color: #c0c4cc; +} +.el-tree-node > .el-tree-node__children { + overflow: hidden; + background-color: transparent; +} +.el-tree-node.is-expanded > .el-tree-node__children { + display: block; +} +.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + background-color: #eeeff0; +} +.el-alert { + width: 100%; + padding: 8px 16px; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + position: relative; + background-color: #fff; + overflow: hidden; + opacity: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.el-alert.is-light .el-alert__closebtn { + color: #c0c4cc; +} +.el-alert.is-dark .el-alert__closebtn, +.el-alert.is-dark .el-alert__description { + color: #fff; +} +.el-alert.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-alert--success.is-light { + background-color: #f0f9eb; + color: #67c23a; +} +.el-alert--success.is-light .el-alert__description { + color: #67c23a; +} +.el-alert--success.is-dark { + background-color: #67c23a; + color: #fff; +} +.el-alert--info.is-light { + background-color: #f4f4f5; + color: #909399; +} +.el-alert--info.is-dark { + background-color: #909399; + color: #fff; +} +.el-alert--info .el-alert__description { + color: #909399; +} +.el-alert--warning.is-light { + background-color: #fdf6ec; + color: #e6a23c; +} +.el-alert--warning.is-light .el-alert__description { + color: #e6a23c; +} +.el-alert--warning.is-dark { + background-color: #e6a23c; + color: #fff; +} +.el-alert--error.is-light { + background-color: #fef0f0; + color: #f56c6c; +} +.el-alert--error.is-light .el-alert__description { + color: #f56c6c; +} +.el-alert--error.is-dark { + background-color: #f56c6c; + color: #fff; +} +.el-alert__content { + display: table-cell; + padding: 0 8px; +} +.el-alert__icon { + font-size: 16px; + width: 16px; +} +.el-alert__icon.is-big { + font-size: 28px; + width: 28px; +} +.el-alert__title { + font-size: 13px; + line-height: 18px; +} +.el-alert__title.is-bold { + font-weight: 700; +} +.el-alert .el-alert__description { + font-size: 12px; + margin: 5px 0 0; +} +.el-alert__closebtn { + font-size: 12px; + opacity: 1; + position: absolute; + top: 12px; + right: 15px; + cursor: pointer; +} +.el-alert-fade-enter, +.el-alert-fade-leave-active, +.el-loading-fade-enter, +.el-loading-fade-leave-active, +.el-notification-fade-leave-active { + opacity: 0; +} +.el-alert__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px; +} +.el-notification { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 330px; + padding: 14px 26px 14px 13px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #ebeef5; + position: fixed; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + overflow: hidden; +} +.el-notification.right { + right: 16px; +} +.el-notification.left { + left: 16px; +} +.el-notification__group { + margin-left: 13px; + margin-right: 8px; +} +.el-notification__title { + font-weight: 700; + font-size: 16px; + color: #303133; + margin: 0; +} +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 0; + color: #606266; + text-align: justify; +} +.el-notification__content p { + margin: 0; +} +.el-notification__icon { + height: 24px; + width: 24px; + font-size: 24px; +} +.el-notification__closeBtn { + position: absolute; + top: 18px; + right: 15px; + cursor: pointer; + color: #909399; + font-size: 16px; +} +.el-notification__closeBtn:hover { + color: #606266; +} +.el-notification .el-icon-success { + color: #67c23a; +} +.el-notification .el-icon-error { + color: #f56c6c; +} +.el-notification .el-icon-info { + color: #909399; +} +.el-notification .el-icon-warning { + color: #e6a23c; +} +.el-notification-fade-enter.right { + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.el-notification-fade-enter.left { + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.el-input-number { + position: relative; + display: inline-block; + width: 180px; + line-height: 38px; +} +.el-input-number .el-input { + display: block; +} +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center; +} +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; + color: #606266; + cursor: pointer; + font-size: 13px; +} +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: #2f3447; +} +.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: #2f3447; +} +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dcdfe6; +} +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dcdfe6; +} +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed; +} +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; + cursor: not-allowed; +} +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px; +} +.el-input-number--medium .el-input__inner { + padding-left: 43px; + padding-right: 43px; +} +.el-input-number--small { + width: 130px; + line-height: 30px; +} +.el-input-number--small .el-input-number__decrease, +.el-input-number--small .el-input-number__increase { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__decrease [class*="el-icon"], +.el-input-number--small .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.el-input-number--small .el-input__inner { + padding-left: 39px; + padding-right: 39px; +} +.el-input-number--mini { + width: 130px; + line-height: 26px; +} +.el-input-number--mini .el-input-number__decrease, +.el-input-number--mini .el-input-number__increase { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__decrease [class*="el-icon"], +.el-input-number--mini .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number--mini .el-input__inner { + padding-left: 35px; + padding-right: 35px; +} +.el-input-number.is-without-controls .el-input__inner { + padding-left: 15px; + padding-right: 15px; +} +.el-input-number.is-controls-right .el-input__inner { + padding-left: 15px; + padding-right: 50px; +} +.el-input-number.is-controls-right .el-input-number__decrease, +.el-input-number.is-controls-right .el-input-number__increase { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"], +.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number.is-controls-right .el-input-number__increase { + border-radius: 0 4px 0 0; + border-bottom: 1px solid #dcdfe6; +} +.el-input-number.is-controls-right .el-input-number__decrease { + right: 1px; + bottom: 1px; + top: auto; + left: auto; + border-right: none; + border-left: 1px solid #dcdfe6; + border-radius: 0 0 4px; +} +.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], +.el-input-number.is-controls-right[class*="medium"] [class*="increase"] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*="small"] [class*="decrease"], +.el-input-number.is-controls-right[class*="small"] [class*="increase"] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], +.el-input-number.is-controls-right[class*="mini"] [class*="increase"] { + line-height: 13px; +} +.el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; + min-width: 10px; + word-wrap: break-word; +} +.el-tooltip__popper .popper__arrow, +.el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-tooltip__popper .popper__arrow { + border-width: 6px; +} +.el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} +.el-progress-bar__inner::after, +.el-row::after, +.el-row::before, +.el-slider::after, +.el-slider::before, +.el-slider__button-wrapper::after, +.el-upload-cover::after { + content: ""; +} +.el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper.is-dark { + background: #303133; + color: #fff; +} +.el-tooltip__popper.is-light { + background: #fff; + border: 1px solid #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} +.el-slider::after, +.el-slider::before { + display: table; +} +.el-slider__button-wrapper .el-tooltip, +.el-slider__button-wrapper::after { + vertical-align: middle; + display: inline-block; +} +.el-slider::after { + clear: both; +} +.el-slider__runway { + width: 100%; + height: 6px; + margin: 16px 0; + background-color: #e4e7ed; + border-radius: 3px; + position: relative; + cursor: pointer; + vertical-align: middle; +} +.el-slider__runway.show-input { + margin-right: 160px; + width: auto; +} +.el-slider__runway.disabled { + cursor: default; +} +.el-slider__runway.disabled .el-slider__bar { + background-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button { + border-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button-wrapper.dragging, +.el-slider__runway.disabled .el-slider__button-wrapper.hover, +.el-slider__runway.disabled .el-slider__button-wrapper:hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button.dragging, +.el-slider__runway.disabled .el-slider__button.hover, +.el-slider__runway.disabled .el-slider__button:hover { + -webkit-transform: scale(1); + transform: scale(1); + cursor: not-allowed; +} +.el-slider__button-wrapper, +.el-slider__stop { + -webkit-transform: translateX(-50%); + position: absolute; +} +.el-slider__input { + float: right; + margin-top: 3px; + width: 130px; +} +.el-slider__input.el-input-number--mini { + margin-top: 5px; +} +.el-slider__input.el-input-number--medium { + margin-top: 0; +} +.el-slider__input.el-input-number--large { + margin-top: -2px; +} +.el-slider__bar { + height: 6px; + background-color: #2f3447; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute; +} +.el-slider__button-wrapper { + height: 36px; + width: 36px; + z-index: 1001; + top: -15px; + transform: translateX(-50%); + background-color: transparent; + text-align: center; + user-select: none; + line-height: normal; +} +.el-slider__button-wrapper::after { + height: 100%; +} +.el-slider__button-wrapper.hover, +.el-slider__button-wrapper:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button-wrapper.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__button { + width: 16px; + height: 16px; + border: 2px solid #2f3447; + background-color: #fff; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + user-select: none; +} +.el-image-viewer__btn, +.el-step__icon-inner { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-slider__button.dragging, +.el-slider__button.hover, +.el-slider__button:hover { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.el-slider__button.hover, +.el-slider__button:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__stop { + height: 6px; + width: 6px; + border-radius: 100%; + background-color: #fff; + transform: translateX(-50%); +} +.el-slider__marks { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.el-slider__marks-text { + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 14px; + color: #909399; + margin-top: 15px; +} +.el-slider.is-vertical { + position: relative; +} +.el-slider.is-vertical .el-slider__runway { + width: 6px; + height: 100%; + margin: 0 16px; +} +.el-slider.is-vertical .el-slider__bar { + width: 6px; + height: auto; + border-radius: 0 0 3px 3px; +} +.el-slider.is-vertical .el-slider__button-wrapper { + top: auto; + left: -15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical .el-slider__stop { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical.el-slider--with-input { + padding-bottom: 58px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input { + overflow: visible; + float: none; + position: absolute; + bottom: 22px; + width: 36px; + margin-top: 15px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { + text-align: center; + padding-left: 5px; + padding-right: 5px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { + top: 32px; + margin-top: -1px; + border: 1px solid #dcdfe6; + line-height: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { + width: 18px; + right: 18px; + border-bottom-left-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { + width: 19px; + border-bottom-right-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase + ~ .el-input + .el-input__inner { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { + border-color: #c0c4cc; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { + border-color: #2f3447; +} +.el-slider.is-vertical .el-slider__marks-text { + margin-top: 0; + left: 15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-loading-parent--relative { + position: relative !important; +} +.el-loading-parent--hidden { + overflow: hidden !important; +} +.el-loading-mask { + position: absolute; + z-index: 2000; + background-color: rgba(255, 255, 255, 0.9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-loading-mask.is-fullscreen { + position: fixed; +} +.el-loading-mask.is-fullscreen .el-loading-spinner { + margin-top: -25px; +} +.el-loading-mask.is-fullscreen .el-loading-spinner .circular { + height: 50px; + width: 50px; +} +.el-loading-spinner { + top: 50%; + margin-top: -21px; + width: 100%; + text-align: center; + position: absolute; +} +.el-col-pull-0, +.el-col-pull-1, +.el-col-pull-10, +.el-col-pull-11, +.el-col-pull-13, +.el-col-pull-14, +.el-col-pull-15, +.el-col-pull-16, +.el-col-pull-17, +.el-col-pull-18, +.el-col-pull-19, +.el-col-pull-2, +.el-col-pull-20, +.el-col-pull-21, +.el-col-pull-22, +.el-col-pull-23, +.el-col-pull-24, +.el-col-pull-3, +.el-col-pull-4, +.el-col-pull-5, +.el-col-pull-6, +.el-col-pull-7, +.el-col-pull-8, +.el-col-pull-9, +.el-col-push-0, +.el-col-push-1, +.el-col-push-10, +.el-col-push-11, +.el-col-push-12, +.el-col-push-13, +.el-col-push-14, +.el-col-push-15, +.el-col-push-16, +.el-col-push-17, +.el-col-push-18, +.el-col-push-19, +.el-col-push-2, +.el-col-push-20, +.el-col-push-21, +.el-col-push-22, +.el-col-push-23, +.el-col-push-24, +.el-col-push-3, +.el-col-push-4, +.el-col-push-5, +.el-col-push-6, +.el-col-push-7, +.el-col-push-8, +.el-col-push-9, +.el-row { + position: relative; +} +.el-loading-spinner .el-loading-text { + color: #2f3447; + margin: 3px 0; + font-size: 14px; +} +.el-loading-spinner .circular { + height: 42px; + width: 42px; + -webkit-animation: loading-rotate 2s linear infinite; + animation: loading-rotate 2s linear infinite; +} +.el-loading-spinner .path { + -webkit-animation: loading-dash 1.5s ease-in-out infinite; + animation: loading-dash 1.5s ease-in-out infinite; + stroke-dasharray: 90, 150; + stroke-dashoffset: 0; + stroke-width: 2; + stroke: #2f3447; + stroke-linecap: round; +} +.el-loading-spinner i { + color: #2f3447; +} +@-webkit-keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +@keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +.el-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-row::after, +.el-row::before { + display: table; +} +.el-row::after { + clear: both; +} +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-col-0, +.el-row--flex:after, +.el-row--flex:before { + display: none; +} +.el-row--flex.is-justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-row--flex.is-justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.el-row--flex.is-justify-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.el-row--flex.is-justify-space-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-row--flex.is-align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-row--flex.is-align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +[class*="el-col-"] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-upload--picture-card, +.el-upload-dragger { + -webkit-box-sizing: border-box; + cursor: pointer; +} +.el-col-0 { + width: 0%; +} +.el-col-offset-0 { + margin-left: 0; +} +.el-col-pull-0 { + right: 0; +} +.el-col-push-0 { + left: 0; +} +.el-col-1 { + width: 4.16667%; +} +.el-col-offset-1 { + margin-left: 4.16667%; +} +.el-col-pull-1 { + right: 4.16667%; +} +.el-col-push-1 { + left: 4.16667%; +} +.el-col-2 { + width: 8.33333%; +} +.el-col-offset-2 { + margin-left: 8.33333%; +} +.el-col-pull-2 { + right: 8.33333%; +} +.el-col-push-2 { + left: 8.33333%; +} +.el-col-3 { + width: 12.5%; +} +.el-col-offset-3 { + margin-left: 12.5%; +} +.el-col-pull-3 { + right: 12.5%; +} +.el-col-push-3 { + left: 12.5%; +} +.el-col-4 { + width: 16.66667%; +} +.el-col-offset-4 { + margin-left: 16.66667%; +} +.el-col-pull-4 { + right: 16.66667%; +} +.el-col-push-4 { + left: 16.66667%; +} +.el-col-5 { + width: 20.83333%; +} +.el-col-offset-5 { + margin-left: 20.83333%; +} +.el-col-pull-5 { + right: 20.83333%; +} +.el-col-push-5 { + left: 20.83333%; +} +.el-col-6 { + width: 25%; +} +.el-col-offset-6 { + margin-left: 25%; +} +.el-col-pull-6 { + right: 25%; +} +.el-col-push-6 { + left: 25%; +} +.el-col-7 { + width: 29.16667%; +} +.el-col-offset-7 { + margin-left: 29.16667%; +} +.el-col-pull-7 { + right: 29.16667%; +} +.el-col-push-7 { + left: 29.16667%; +} +.el-col-8 { + width: 33.33333%; +} +.el-col-offset-8 { + margin-left: 33.33333%; +} +.el-col-pull-8 { + right: 33.33333%; +} +.el-col-push-8 { + left: 33.33333%; +} +.el-col-9 { + width: 37.5%; +} +.el-col-offset-9 { + margin-left: 37.5%; +} +.el-col-pull-9 { + right: 37.5%; +} +.el-col-push-9 { + left: 37.5%; +} +.el-col-10 { + width: 41.66667%; +} +.el-col-offset-10 { + margin-left: 41.66667%; +} +.el-col-pull-10 { + right: 41.66667%; +} +.el-col-push-10 { + left: 41.66667%; +} +.el-col-11 { + width: 45.83333%; +} +.el-col-offset-11 { + margin-left: 45.83333%; +} +.el-col-pull-11 { + right: 45.83333%; +} +.el-col-push-11 { + left: 45.83333%; +} +.el-col-12 { + width: 50%; +} +.el-col-offset-12 { + margin-left: 50%; +} +.el-col-pull-12 { + position: relative; + right: 50%; +} +.el-col-push-12 { + left: 50%; +} +.el-col-13 { + width: 54.16667%; +} +.el-col-offset-13 { + margin-left: 54.16667%; +} +.el-col-pull-13 { + right: 54.16667%; +} +.el-col-push-13 { + left: 54.16667%; +} +.el-col-14 { + width: 58.33333%; +} +.el-col-offset-14 { + margin-left: 58.33333%; +} +.el-col-pull-14 { + right: 58.33333%; +} +.el-col-push-14 { + left: 58.33333%; +} +.el-col-15 { + width: 62.5%; +} +.el-col-offset-15 { + margin-left: 62.5%; +} +.el-col-pull-15 { + right: 62.5%; +} +.el-col-push-15 { + left: 62.5%; +} +.el-col-16 { + width: 66.66667%; +} +.el-col-offset-16 { + margin-left: 66.66667%; +} +.el-col-pull-16 { + right: 66.66667%; +} +.el-col-push-16 { + left: 66.66667%; +} +.el-col-17 { + width: 70.83333%; +} +.el-col-offset-17 { + margin-left: 70.83333%; +} +.el-col-pull-17 { + right: 70.83333%; +} +.el-col-push-17 { + left: 70.83333%; +} +.el-col-18 { + width: 75%; +} +.el-col-offset-18 { + margin-left: 75%; +} +.el-col-pull-18 { + right: 75%; +} +.el-col-push-18 { + left: 75%; +} +.el-col-19 { + width: 79.16667%; +} +.el-col-offset-19 { + margin-left: 79.16667%; +} +.el-col-pull-19 { + right: 79.16667%; +} +.el-col-push-19 { + left: 79.16667%; +} +.el-col-20 { + width: 83.33333%; +} +.el-col-offset-20 { + margin-left: 83.33333%; +} +.el-col-pull-20 { + right: 83.33333%; +} +.el-col-push-20 { + left: 83.33333%; +} +.el-col-21 { + width: 87.5%; +} +.el-col-offset-21 { + margin-left: 87.5%; +} +.el-col-pull-21 { + right: 87.5%; +} +.el-col-push-21 { + left: 87.5%; +} +.el-col-22 { + width: 91.66667%; +} +.el-col-offset-22 { + margin-left: 91.66667%; +} +.el-col-pull-22 { + right: 91.66667%; +} +.el-col-push-22 { + left: 91.66667%; +} +.el-col-23 { + width: 95.83333%; +} +.el-col-offset-23 { + margin-left: 95.83333%; +} +.el-col-pull-23 { + right: 95.83333%; +} +.el-col-push-23 { + left: 95.83333%; +} +.el-col-24 { + width: 100%; +} +.el-col-offset-24 { + margin-left: 100%; +} +.el-col-pull-24 { + right: 100%; +} +.el-col-push-24 { + left: 100%; +} +@media only screen and (max-width: 767px) { + .el-col-xs-0 { + display: none; + width: 0%; + } + .el-col-xs-offset-0 { + margin-left: 0; + } + .el-col-xs-pull-0 { + position: relative; + right: 0; + } + .el-col-xs-push-0 { + position: relative; + left: 0; + } + .el-col-xs-1 { + width: 4.16667%; + } + .el-col-xs-offset-1 { + margin-left: 4.16667%; + } + .el-col-xs-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xs-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xs-2 { + width: 8.33333%; + } + .el-col-xs-offset-2 { + margin-left: 8.33333%; + } + .el-col-xs-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xs-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xs-3 { + width: 12.5%; + } + .el-col-xs-offset-3 { + margin-left: 12.5%; + } + .el-col-xs-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xs-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xs-4 { + width: 16.66667%; + } + .el-col-xs-offset-4 { + margin-left: 16.66667%; + } + .el-col-xs-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xs-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xs-5 { + width: 20.83333%; + } + .el-col-xs-offset-5 { + margin-left: 20.83333%; + } + .el-col-xs-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xs-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xs-6 { + width: 25%; + } + .el-col-xs-offset-6 { + margin-left: 25%; + } + .el-col-xs-pull-6 { + position: relative; + right: 25%; + } + .el-col-xs-push-6 { + position: relative; + left: 25%; + } + .el-col-xs-7 { + width: 29.16667%; + } + .el-col-xs-offset-7 { + margin-left: 29.16667%; + } + .el-col-xs-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xs-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xs-8 { + width: 33.33333%; + } + .el-col-xs-offset-8 { + margin-left: 33.33333%; + } + .el-col-xs-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xs-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xs-9 { + width: 37.5%; + } + .el-col-xs-offset-9 { + margin-left: 37.5%; + } + .el-col-xs-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xs-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xs-10 { + width: 41.66667%; + } + .el-col-xs-offset-10 { + margin-left: 41.66667%; + } + .el-col-xs-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xs-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xs-11 { + width: 45.83333%; + } + .el-col-xs-offset-11 { + margin-left: 45.83333%; + } + .el-col-xs-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xs-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xs-12 { + width: 50%; + } + .el-col-xs-offset-12 { + margin-left: 50%; + } + .el-col-xs-pull-12 { + position: relative; + right: 50%; + } + .el-col-xs-push-12 { + position: relative; + left: 50%; + } + .el-col-xs-13 { + width: 54.16667%; + } + .el-col-xs-offset-13 { + margin-left: 54.16667%; + } + .el-col-xs-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xs-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xs-14 { + width: 58.33333%; + } + .el-col-xs-offset-14 { + margin-left: 58.33333%; + } + .el-col-xs-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xs-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xs-15 { + width: 62.5%; + } + .el-col-xs-offset-15 { + margin-left: 62.5%; + } + .el-col-xs-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xs-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xs-16 { + width: 66.66667%; + } + .el-col-xs-offset-16 { + margin-left: 66.66667%; + } + .el-col-xs-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xs-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xs-17 { + width: 70.83333%; + } + .el-col-xs-offset-17 { + margin-left: 70.83333%; + } + .el-col-xs-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xs-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xs-18 { + width: 75%; + } + .el-col-xs-offset-18 { + margin-left: 75%; + } + .el-col-xs-pull-18 { + position: relative; + right: 75%; + } + .el-col-xs-push-18 { + position: relative; + left: 75%; + } + .el-col-xs-19 { + width: 79.16667%; + } + .el-col-xs-offset-19 { + margin-left: 79.16667%; + } + .el-col-xs-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xs-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xs-20 { + width: 83.33333%; + } + .el-col-xs-offset-20 { + margin-left: 83.33333%; + } + .el-col-xs-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xs-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xs-21 { + width: 87.5%; + } + .el-col-xs-offset-21 { + margin-left: 87.5%; + } + .el-col-xs-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xs-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xs-22 { + width: 91.66667%; + } + .el-col-xs-offset-22 { + margin-left: 91.66667%; + } + .el-col-xs-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xs-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xs-23 { + width: 95.83333%; + } + .el-col-xs-offset-23 { + margin-left: 95.83333%; + } + .el-col-xs-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xs-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xs-24 { + width: 100%; + } + .el-col-xs-offset-24 { + margin-left: 100%; + } + .el-col-xs-pull-24 { + position: relative; + right: 100%; + } + .el-col-xs-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 768px) { + .el-col-sm-0 { + display: none; + width: 0%; + } + .el-col-sm-offset-0 { + margin-left: 0; + } + .el-col-sm-pull-0 { + position: relative; + right: 0; + } + .el-col-sm-push-0 { + position: relative; + left: 0; + } + .el-col-sm-1 { + width: 4.16667%; + } + .el-col-sm-offset-1 { + margin-left: 4.16667%; + } + .el-col-sm-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-sm-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-sm-2 { + width: 8.33333%; + } + .el-col-sm-offset-2 { + margin-left: 8.33333%; + } + .el-col-sm-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-sm-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-sm-3 { + width: 12.5%; + } + .el-col-sm-offset-3 { + margin-left: 12.5%; + } + .el-col-sm-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-sm-push-3 { + position: relative; + left: 12.5%; + } + .el-col-sm-4 { + width: 16.66667%; + } + .el-col-sm-offset-4 { + margin-left: 16.66667%; + } + .el-col-sm-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-sm-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-sm-5 { + width: 20.83333%; + } + .el-col-sm-offset-5 { + margin-left: 20.83333%; + } + .el-col-sm-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-sm-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-sm-6 { + width: 25%; + } + .el-col-sm-offset-6 { + margin-left: 25%; + } + .el-col-sm-pull-6 { + position: relative; + right: 25%; + } + .el-col-sm-push-6 { + position: relative; + left: 25%; + } + .el-col-sm-7 { + width: 29.16667%; + } + .el-col-sm-offset-7 { + margin-left: 29.16667%; + } + .el-col-sm-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-sm-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-sm-8 { + width: 33.33333%; + } + .el-col-sm-offset-8 { + margin-left: 33.33333%; + } + .el-col-sm-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-sm-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-sm-9 { + width: 37.5%; + } + .el-col-sm-offset-9 { + margin-left: 37.5%; + } + .el-col-sm-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-sm-push-9 { + position: relative; + left: 37.5%; + } + .el-col-sm-10 { + width: 41.66667%; + } + .el-col-sm-offset-10 { + margin-left: 41.66667%; + } + .el-col-sm-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-sm-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-sm-11 { + width: 45.83333%; + } + .el-col-sm-offset-11 { + margin-left: 45.83333%; + } + .el-col-sm-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-sm-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-sm-12 { + width: 50%; + } + .el-col-sm-offset-12 { + margin-left: 50%; + } + .el-col-sm-pull-12 { + position: relative; + right: 50%; + } + .el-col-sm-push-12 { + position: relative; + left: 50%; + } + .el-col-sm-13 { + width: 54.16667%; + } + .el-col-sm-offset-13 { + margin-left: 54.16667%; + } + .el-col-sm-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-sm-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-sm-14 { + width: 58.33333%; + } + .el-col-sm-offset-14 { + margin-left: 58.33333%; + } + .el-col-sm-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-sm-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-sm-15 { + width: 62.5%; + } + .el-col-sm-offset-15 { + margin-left: 62.5%; + } + .el-col-sm-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-sm-push-15 { + position: relative; + left: 62.5%; + } + .el-col-sm-16 { + width: 66.66667%; + } + .el-col-sm-offset-16 { + margin-left: 66.66667%; + } + .el-col-sm-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-sm-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-sm-17 { + width: 70.83333%; + } + .el-col-sm-offset-17 { + margin-left: 70.83333%; + } + .el-col-sm-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-sm-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-sm-18 { + width: 75%; + } + .el-col-sm-offset-18 { + margin-left: 75%; + } + .el-col-sm-pull-18 { + position: relative; + right: 75%; + } + .el-col-sm-push-18 { + position: relative; + left: 75%; + } + .el-col-sm-19 { + width: 79.16667%; + } + .el-col-sm-offset-19 { + margin-left: 79.16667%; + } + .el-col-sm-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-sm-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-sm-20 { + width: 83.33333%; + } + .el-col-sm-offset-20 { + margin-left: 83.33333%; + } + .el-col-sm-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-sm-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-sm-21 { + width: 87.5%; + } + .el-col-sm-offset-21 { + margin-left: 87.5%; + } + .el-col-sm-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-sm-push-21 { + position: relative; + left: 87.5%; + } + .el-col-sm-22 { + width: 91.66667%; + } + .el-col-sm-offset-22 { + margin-left: 91.66667%; + } + .el-col-sm-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-sm-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-sm-23 { + width: 95.83333%; + } + .el-col-sm-offset-23 { + margin-left: 95.83333%; + } + .el-col-sm-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-sm-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-sm-24 { + width: 100%; + } + .el-col-sm-offset-24 { + margin-left: 100%; + } + .el-col-sm-pull-24 { + position: relative; + right: 100%; + } + .el-col-sm-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 992px) { + .el-col-md-0 { + display: none; + width: 0%; + } + .el-col-md-offset-0 { + margin-left: 0; + } + .el-col-md-pull-0 { + position: relative; + right: 0; + } + .el-col-md-push-0 { + position: relative; + left: 0; + } + .el-col-md-1 { + width: 4.16667%; + } + .el-col-md-offset-1 { + margin-left: 4.16667%; + } + .el-col-md-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-md-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-md-2 { + width: 8.33333%; + } + .el-col-md-offset-2 { + margin-left: 8.33333%; + } + .el-col-md-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-md-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-md-3 { + width: 12.5%; + } + .el-col-md-offset-3 { + margin-left: 12.5%; + } + .el-col-md-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-md-push-3 { + position: relative; + left: 12.5%; + } + .el-col-md-4 { + width: 16.66667%; + } + .el-col-md-offset-4 { + margin-left: 16.66667%; + } + .el-col-md-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-md-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-md-5 { + width: 20.83333%; + } + .el-col-md-offset-5 { + margin-left: 20.83333%; + } + .el-col-md-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-md-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-md-6 { + width: 25%; + } + .el-col-md-offset-6 { + margin-left: 25%; + } + .el-col-md-pull-6 { + position: relative; + right: 25%; + } + .el-col-md-push-6 { + position: relative; + left: 25%; + } + .el-col-md-7 { + width: 29.16667%; + } + .el-col-md-offset-7 { + margin-left: 29.16667%; + } + .el-col-md-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-md-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-md-8 { + width: 33.33333%; + } + .el-col-md-offset-8 { + margin-left: 33.33333%; + } + .el-col-md-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-md-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-md-9 { + width: 37.5%; + } + .el-col-md-offset-9 { + margin-left: 37.5%; + } + .el-col-md-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-md-push-9 { + position: relative; + left: 37.5%; + } + .el-col-md-10 { + width: 41.66667%; + } + .el-col-md-offset-10 { + margin-left: 41.66667%; + } + .el-col-md-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-md-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-md-11 { + width: 45.83333%; + } + .el-col-md-offset-11 { + margin-left: 45.83333%; + } + .el-col-md-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-md-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-md-12 { + width: 50%; + } + .el-col-md-offset-12 { + margin-left: 50%; + } + .el-col-md-pull-12 { + position: relative; + right: 50%; + } + .el-col-md-push-12 { + position: relative; + left: 50%; + } + .el-col-md-13 { + width: 54.16667%; + } + .el-col-md-offset-13 { + margin-left: 54.16667%; + } + .el-col-md-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-md-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-md-14 { + width: 58.33333%; + } + .el-col-md-offset-14 { + margin-left: 58.33333%; + } + .el-col-md-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-md-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-md-15 { + width: 62.5%; + } + .el-col-md-offset-15 { + margin-left: 62.5%; + } + .el-col-md-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-md-push-15 { + position: relative; + left: 62.5%; + } + .el-col-md-16 { + width: 66.66667%; + } + .el-col-md-offset-16 { + margin-left: 66.66667%; + } + .el-col-md-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-md-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-md-17 { + width: 70.83333%; + } + .el-col-md-offset-17 { + margin-left: 70.83333%; + } + .el-col-md-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-md-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-md-18 { + width: 75%; + } + .el-col-md-offset-18 { + margin-left: 75%; + } + .el-col-md-pull-18 { + position: relative; + right: 75%; + } + .el-col-md-push-18 { + position: relative; + left: 75%; + } + .el-col-md-19 { + width: 79.16667%; + } + .el-col-md-offset-19 { + margin-left: 79.16667%; + } + .el-col-md-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-md-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-md-20 { + width: 83.33333%; + } + .el-col-md-offset-20 { + margin-left: 83.33333%; + } + .el-col-md-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-md-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-md-21 { + width: 87.5%; + } + .el-col-md-offset-21 { + margin-left: 87.5%; + } + .el-col-md-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-md-push-21 { + position: relative; + left: 87.5%; + } + .el-col-md-22 { + width: 91.66667%; + } + .el-col-md-offset-22 { + margin-left: 91.66667%; + } + .el-col-md-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-md-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-md-23 { + width: 95.83333%; + } + .el-col-md-offset-23 { + margin-left: 95.83333%; + } + .el-col-md-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-md-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-md-24 { + width: 100%; + } + .el-col-md-offset-24 { + margin-left: 100%; + } + .el-col-md-pull-24 { + position: relative; + right: 100%; + } + .el-col-md-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1200px) { + .el-col-lg-0 { + display: none; + width: 0%; + } + .el-col-lg-offset-0 { + margin-left: 0; + } + .el-col-lg-pull-0 { + position: relative; + right: 0; + } + .el-col-lg-push-0 { + position: relative; + left: 0; + } + .el-col-lg-1 { + width: 4.16667%; + } + .el-col-lg-offset-1 { + margin-left: 4.16667%; + } + .el-col-lg-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-lg-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-lg-2 { + width: 8.33333%; + } + .el-col-lg-offset-2 { + margin-left: 8.33333%; + } + .el-col-lg-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-lg-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-lg-3 { + width: 12.5%; + } + .el-col-lg-offset-3 { + margin-left: 12.5%; + } + .el-col-lg-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-lg-push-3 { + position: relative; + left: 12.5%; + } + .el-col-lg-4 { + width: 16.66667%; + } + .el-col-lg-offset-4 { + margin-left: 16.66667%; + } + .el-col-lg-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-lg-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-lg-5 { + width: 20.83333%; + } + .el-col-lg-offset-5 { + margin-left: 20.83333%; + } + .el-col-lg-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-lg-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-lg-6 { + width: 25%; + } + .el-col-lg-offset-6 { + margin-left: 25%; + } + .el-col-lg-pull-6 { + position: relative; + right: 25%; + } + .el-col-lg-push-6 { + position: relative; + left: 25%; + } + .el-col-lg-7 { + width: 29.16667%; + } + .el-col-lg-offset-7 { + margin-left: 29.16667%; + } + .el-col-lg-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-lg-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-lg-8 { + width: 33.33333%; + } + .el-col-lg-offset-8 { + margin-left: 33.33333%; + } + .el-col-lg-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-lg-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-lg-9 { + width: 37.5%; + } + .el-col-lg-offset-9 { + margin-left: 37.5%; + } + .el-col-lg-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-lg-push-9 { + position: relative; + left: 37.5%; + } + .el-col-lg-10 { + width: 41.66667%; + } + .el-col-lg-offset-10 { + margin-left: 41.66667%; + } + .el-col-lg-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-lg-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-lg-11 { + width: 45.83333%; + } + .el-col-lg-offset-11 { + margin-left: 45.83333%; + } + .el-col-lg-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-lg-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-lg-12 { + width: 50%; + } + .el-col-lg-offset-12 { + margin-left: 50%; + } + .el-col-lg-pull-12 { + position: relative; + right: 50%; + } + .el-col-lg-push-12 { + position: relative; + left: 50%; + } + .el-col-lg-13 { + width: 54.16667%; + } + .el-col-lg-offset-13 { + margin-left: 54.16667%; + } + .el-col-lg-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-lg-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-lg-14 { + width: 58.33333%; + } + .el-col-lg-offset-14 { + margin-left: 58.33333%; + } + .el-col-lg-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-lg-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-lg-15 { + width: 62.5%; + } + .el-col-lg-offset-15 { + margin-left: 62.5%; + } + .el-col-lg-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-lg-push-15 { + position: relative; + left: 62.5%; + } + .el-col-lg-16 { + width: 66.66667%; + } + .el-col-lg-offset-16 { + margin-left: 66.66667%; + } + .el-col-lg-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-lg-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-lg-17 { + width: 70.83333%; + } + .el-col-lg-offset-17 { + margin-left: 70.83333%; + } + .el-col-lg-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-lg-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-lg-18 { + width: 75%; + } + .el-col-lg-offset-18 { + margin-left: 75%; + } + .el-col-lg-pull-18 { + position: relative; + right: 75%; + } + .el-col-lg-push-18 { + position: relative; + left: 75%; + } + .el-col-lg-19 { + width: 79.16667%; + } + .el-col-lg-offset-19 { + margin-left: 79.16667%; + } + .el-col-lg-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-lg-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-lg-20 { + width: 83.33333%; + } + .el-col-lg-offset-20 { + margin-left: 83.33333%; + } + .el-col-lg-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-lg-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-lg-21 { + width: 87.5%; + } + .el-col-lg-offset-21 { + margin-left: 87.5%; + } + .el-col-lg-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-lg-push-21 { + position: relative; + left: 87.5%; + } + .el-col-lg-22 { + width: 91.66667%; + } + .el-col-lg-offset-22 { + margin-left: 91.66667%; + } + .el-col-lg-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-lg-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-lg-23 { + width: 95.83333%; + } + .el-col-lg-offset-23 { + margin-left: 95.83333%; + } + .el-col-lg-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-lg-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-lg-24 { + width: 100%; + } + .el-col-lg-offset-24 { + margin-left: 100%; + } + .el-col-lg-pull-24 { + position: relative; + right: 100%; + } + .el-col-lg-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1920px) { + .el-col-xl-0 { + display: none; + width: 0%; + } + .el-col-xl-offset-0 { + margin-left: 0; + } + .el-col-xl-pull-0 { + position: relative; + right: 0; + } + .el-col-xl-push-0 { + position: relative; + left: 0; + } + .el-col-xl-1 { + width: 4.16667%; + } + .el-col-xl-offset-1 { + margin-left: 4.16667%; + } + .el-col-xl-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xl-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xl-2 { + width: 8.33333%; + } + .el-col-xl-offset-2 { + margin-left: 8.33333%; + } + .el-col-xl-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xl-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xl-3 { + width: 12.5%; + } + .el-col-xl-offset-3 { + margin-left: 12.5%; + } + .el-col-xl-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xl-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xl-4 { + width: 16.66667%; + } + .el-col-xl-offset-4 { + margin-left: 16.66667%; + } + .el-col-xl-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xl-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xl-5 { + width: 20.83333%; + } + .el-col-xl-offset-5 { + margin-left: 20.83333%; + } + .el-col-xl-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xl-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xl-6 { + width: 25%; + } + .el-col-xl-offset-6 { + margin-left: 25%; + } + .el-col-xl-pull-6 { + position: relative; + right: 25%; + } + .el-col-xl-push-6 { + position: relative; + left: 25%; + } + .el-col-xl-7 { + width: 29.16667%; + } + .el-col-xl-offset-7 { + margin-left: 29.16667%; + } + .el-col-xl-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xl-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xl-8 { + width: 33.33333%; + } + .el-col-xl-offset-8 { + margin-left: 33.33333%; + } + .el-col-xl-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xl-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xl-9 { + width: 37.5%; + } + .el-col-xl-offset-9 { + margin-left: 37.5%; + } + .el-col-xl-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xl-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xl-10 { + width: 41.66667%; + } + .el-col-xl-offset-10 { + margin-left: 41.66667%; + } + .el-col-xl-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xl-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xl-11 { + width: 45.83333%; + } + .el-col-xl-offset-11 { + margin-left: 45.83333%; + } + .el-col-xl-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xl-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xl-12 { + width: 50%; + } + .el-col-xl-offset-12 { + margin-left: 50%; + } + .el-col-xl-pull-12 { + position: relative; + right: 50%; + } + .el-col-xl-push-12 { + position: relative; + left: 50%; + } + .el-col-xl-13 { + width: 54.16667%; + } + .el-col-xl-offset-13 { + margin-left: 54.16667%; + } + .el-col-xl-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xl-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xl-14 { + width: 58.33333%; + } + .el-col-xl-offset-14 { + margin-left: 58.33333%; + } + .el-col-xl-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xl-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xl-15 { + width: 62.5%; + } + .el-col-xl-offset-15 { + margin-left: 62.5%; + } + .el-col-xl-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xl-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xl-16 { + width: 66.66667%; + } + .el-col-xl-offset-16 { + margin-left: 66.66667%; + } + .el-col-xl-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xl-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xl-17 { + width: 70.83333%; + } + .el-col-xl-offset-17 { + margin-left: 70.83333%; + } + .el-col-xl-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xl-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xl-18 { + width: 75%; + } + .el-col-xl-offset-18 { + margin-left: 75%; + } + .el-col-xl-pull-18 { + position: relative; + right: 75%; + } + .el-col-xl-push-18 { + position: relative; + left: 75%; + } + .el-col-xl-19 { + width: 79.16667%; + } + .el-col-xl-offset-19 { + margin-left: 79.16667%; + } + .el-col-xl-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xl-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xl-20 { + width: 83.33333%; + } + .el-col-xl-offset-20 { + margin-left: 83.33333%; + } + .el-col-xl-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xl-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xl-21 { + width: 87.5%; + } + .el-col-xl-offset-21 { + margin-left: 87.5%; + } + .el-col-xl-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xl-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xl-22 { + width: 91.66667%; + } + .el-col-xl-offset-22 { + margin-left: 91.66667%; + } + .el-col-xl-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xl-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xl-23 { + width: 95.83333%; + } + .el-col-xl-offset-23 { + margin-left: 95.83333%; + } + .el-col-xl-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xl-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xl-24 { + width: 100%; + } + .el-col-xl-offset-24 { + margin-left: 100%; + } + .el-col-xl-pull-24 { + position: relative; + right: 100%; + } + .el-col-xl-push-24 { + position: relative; + left: 100%; + } +} +@-webkit-keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + outline: 0; +} +.el-upload__input { + display: none; +} +.el-upload__tip { + font-size: 12px; + color: #606266; + margin-top: 7px; +} +.el-upload iframe { + position: absolute; + z-index: -1; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} +.el-upload--picture-card { + background-color: #fbfdff; + border: 1px dashed #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + line-height: 146px; + vertical-align: top; +} +.el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} +.el-upload--picture-card:hover, +.el-upload:focus { + border-color: #2f3447; + color: #2f3447; +} +.el-upload:focus .el-upload-dragger { + border-color: #2f3447; +} +.el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + position: relative; + overflow: hidden; +} +.el-upload-dragger .el-icon-upload { + font-size: 67px; + color: #c0c4cc; + margin: 40px 0 16px; + line-height: 50px; +} +.el-upload-dragger + .el-upload__tip { + text-align: center; +} +.el-upload-dragger ~ .el-upload__files { + border-top: 1px solid #dcdfe6; + margin-top: 7px; + padding-top: 5px; +} +.el-upload-dragger .el-upload__text { + color: #606266; + font-size: 14px; + text-align: center; +} +.el-upload-dragger .el-upload__text em { + color: #2f3447; + font-style: normal; +} +.el-upload-dragger:hover { + border-color: #2f3447; +} +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, 0.06); + border: 2px dashed #2f3447; +} +.el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.el-upload-list__item { + -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + font-size: 14px; + color: #606266; + line-height: 1.8; + margin-top: 5px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 100%; +} +.el-upload-list__item .el-progress { + position: absolute; + top: 20px; + width: 100%; +} +.el-upload-list__item .el-progress__text { + position: absolute; + right: 0; + top: -13px; +} +.el-upload-list__item .el-progress-bar { + margin-right: 0; + padding-right: 0; +} +.el-upload-list__item:first-child { + margin-top: 10px; +} +.el-upload-list__item .el-icon-upload-success { + color: #67c23a; +} +.el-upload-list__item .el-icon-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + opacity: 0.75; + color: #606266; +} +.el-upload-list__item .el-icon-close:hover { + opacity: 1; +} +.el-upload-list__item .el-icon-close-tip { + display: none; + position: absolute; + top: 5px; + right: 5px; + font-size: 12px; + cursor: pointer; + opacity: 1; + color: #2f3447; +} +.el-upload-list__item:hover { + background-color: #f5f7fa; +} +.el-upload-list__item:hover .el-icon-close { + display: inline-block; +} +.el-upload-list__item:hover .el-progress__text { + display: none; +} +.el-upload-list__item.is-success .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item.is-success .el-upload-list__item-name:focus, +.el-upload-list__item.is-success .el-upload-list__item-name:hover { + color: #2f3447; + cursor: pointer; +} +.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { + display: inline-block; +} +.el-upload-list__item.is-success:active .el-icon-close-tip, +.el-upload-list__item.is-success:focus .el-upload-list__item-status-label, +.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, +.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { + display: none; +} +.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item-name { + color: #606266; + display: block; + margin-right: 40px; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + -webkit-transition: color 0.3s; + transition: color 0.3s; + white-space: nowrap; +} +.el-upload-list__item-name [class^="el-icon"] { + height: 100%; + margin-right: 7px; + color: #909399; + line-height: inherit; +} +.el-upload-list__item-status-label { + position: absolute; + right: 5px; + top: 0; + line-height: inherit; + display: none; +} +.el-upload-list__item-delete { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + color: #606266; + display: none; +} +.el-upload-list__item-delete:hover { + color: #2f3447; +} +.el-upload-list--picture-card { + margin: 0; + display: inline; + vertical-align: top; +} +.el-upload-list--picture-card .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 148px; + height: 148px; + margin: 0 8px 8px 0; + display: inline-block; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-check, +.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-close, +.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture-card .el-upload-list__item-name { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item-thumbnail { + width: 100%; + height: 100%; +} +.el-upload-list--picture-card .el-upload-list__item-status-label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-list--picture-card .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture-card .el-upload-list__item-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + cursor: default; + text-align: center; + color: #fff; + opacity: 0; + font-size: 20px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-upload-list--picture-card .el-upload-list__item-actions::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-upload-list--picture-card .el-upload-list__item-actions span { + display: none; + cursor: pointer; +} +.el-upload-list--picture-card .el-upload-list__item-actions span + span { + margin-left: 15px; +} +.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { + position: static; + font-size: inherit; + color: inherit; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover { + opacity: 1; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover span { + display: inline-block; +} +.el-upload-list--picture-card .el-progress { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + bottom: auto; + width: 126px; +} +.el-upload-list--picture-card .el-progress .el-progress__text { + top: 50%; +} +.el-upload-list--picture .el-upload-list__item { + overflow: hidden; + z-index: 0; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; +} +.el-upload-list--picture .el-upload-list__item .el-icon-check, +.el-upload-list--picture .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + top: -2px; + right: -12px; +} +.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; +} +.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { + display: none; +} +.el-upload-list--picture .el-upload-list__item-thumbnail { + vertical-align: middle; + display: inline-block; + width: 70px; + height: 70px; + float: left; + position: relative; + z-index: 1; + margin-left: -80px; + background-color: #fff; +} +.el-upload-list--picture .el-upload-list__item-name { + display: block; + margin-top: 20px; +} +.el-upload-list--picture .el-upload-list__item-name i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; +} +.el-upload-list--picture .el-upload-list__item-status-label { + position: absolute; + right: -17px; + top: -7px; + width: 46px; + height: 26px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 1px 1px #ccc; + box-shadow: 0 1px 1px #ccc; +} +.el-upload-list--picture .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 12px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture .el-progress { + position: relative; + top: -7px; +} +.el-upload-cover { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 10; + cursor: default; +} +.el-upload-cover::after { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.el-upload-cover img { + display: block; + width: 100%; + height: 100%; +} +.el-upload-cover__label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-cover__label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + color: #fff; +} +.el-upload-cover__progress { + display: inline-block; + vertical-align: middle; + position: static; + width: 243px; +} +.el-upload-cover__progress + .el-upload__inner { + opacity: 0; +} +.el-upload-cover__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.el-upload-cover__interact { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.72); + text-align: center; +} +.el-upload-cover__interact .btn { + display: inline-block; + color: #fff; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + margin-top: 60px; +} +.el-upload-cover__interact .btn span { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.el-upload-cover__interact .btn:not(:first-child) { + margin-left: 35px; +} +.el-upload-cover__interact .btn:hover { + -webkit-transform: translateY(-13px); + transform: translateY(-13px); +} +.el-upload-cover__interact .btn:hover span { + opacity: 1; +} +.el-upload-cover__interact .btn i { + color: #fff; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} +.el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #fff; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 400; + text-align: left; + padding: 0 10px; + margin: 0; + line-height: 36px; + font-size: 14px; + color: #303133; +} +.el-upload-cover + .el-upload__inner { + opacity: 0; + position: relative; + z-index: 1; +} +.el-progress { + position: relative; + line-height: 1; +} +.el-progress__text { + font-size: 14px; + color: #606266; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} +.el-progress__text i { + vertical-align: middle; + display: block; +} +.el-progress--circle, +.el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, +.el-progress--dashboard .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.el-progress--circle .el-progress__text i, +.el-progress--dashboard .el-progress__text i { + vertical-align: middle; + display: inline-block; +} +.el-progress--without-text .el-progress__text { + display: none; +} +.el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} +.el-progress-bar, +.el-progress-bar__inner::after, +.el-progress-bar__innerText, +.el-spinner { + display: inline-block; + vertical-align: middle; +} +.el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} +.el-progress.is-success .el-progress-bar__inner { + background-color: #67c23a; +} +.el-progress.is-success .el-progress__text { + color: #67c23a; +} +.el-progress.is-warning .el-progress-bar__inner { + background-color: #e6a23c; +} +.el-progress.is-warning .el-progress__text { + color: #e6a23c; +} +.el-progress.is-exception .el-progress-bar__inner { + background-color: #f56c6c; +} +.el-progress.is-exception .el-progress__text { + color: #f56c6c; +} +.el-progress-bar { + padding-right: 50px; + width: 100%; + margin-right: -55px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #ebeef5; + overflow: hidden; + position: relative; + vertical-align: middle; +} +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: #2f3447; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.el-card, +.el-message { + border-radius: 4px; + overflow: hidden; +} +.el-progress-bar__inner::after { + height: 100%; +} +.el-progress-bar__innerText { + color: #fff; + font-size: 12px; + margin: 0 5px; +} +@keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-time-spinner { + width: 100%; + white-space: nowrap; +} +.el-spinner-inner { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + width: 50px; + height: 50px; +} +.el-spinner-inner .path { + stroke: #ececec; + stroke-linecap: round; + -webkit-animation: dash 1.5s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite; +} +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +@keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +.el-message { + min-width: 380px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: #ebeef5; + position: fixed; + left: 50%; + top: 20px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #edf2fc; + -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; + padding: 15px 15px 15px 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-message.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message.is-closable .el-message__content { + padding-right: 16px; +} +.el-message p { + margin: 0; +} +.el-message--info .el-message__content { + color: #909399; +} +.el-message--success { + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-message--success .el-message__content { + color: #67c23a; +} +.el-message--warning { + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-message--warning .el-message__content { + color: #e6a23c; +} +.el-message--error { + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-message--error .el-message__content { + color: #f56c6c; +} +.el-message__icon { + margin-right: 10px; +} +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1; +} +.el-message__closeBtn { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + color: #c0c4cc; + font-size: 16px; +} +.el-message__closeBtn:hover { + color: #909399; +} +.el-message .el-icon-success { + color: #67c23a; +} +.el-message .el-icon-error { + color: #f56c6c; +} +.el-message .el-icon-info { + color: #909399; +} +.el-message .el-icon-warning { + color: #e6a23c; +} +.el-message-fade-enter, +.el-message-fade-leave-active { + opacity: 0; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} +.el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} +.el-badge__content { + background-color: #f56c6c; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #fff; +} +.el-badge__content.is-fixed { + position: absolute; + top: 0; + right: 10px; + -webkit-transform: translateY(-50%) translateX(100%); + transform: translateY(-50%) translateX(100%); +} +.el-rate__icon, +.el-rate__item { + position: relative; + display: inline-block; +} +.el-badge__content.is-fixed.is-dot { + right: 5px; +} +.el-badge__content.is-dot { + height: 8px; + width: 8px; + padding: 0; + right: 0; + border-radius: 50%; +} +.el-badge__content--primary { + background-color: #2f3447; +} +.el-badge__content--success { + background-color: #67c23a; +} +.el-badge__content--warning { + background-color: #e6a23c; +} +.el-badge__content--info { + background-color: #909399; +} +.el-badge__content--danger { + background-color: #f56c6c; +} +.el-card { + border: 1px solid #ebeef5; + background-color: #fff; + color: #303133; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-card.is-always-shadow, +.el-card.is-hover-shadow:focus, +.el-card.is-hover-shadow:hover { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-card__header { + padding: 18px 20px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-card__body { + padding: 20px; +} +.el-rate { + height: 20px; + line-height: 1; +} +.el-rate__item { + font-size: 0; + vertical-align: middle; +} +.el-rate__icon { + font-size: 18px; + margin-right: 6px; + color: #c0c4cc; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-rate__decimal, +.el-rate__icon .path2 { + position: absolute; + top: 0; + left: 0; +} +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.el-rate__decimal { + display: inline-block; + overflow: hidden; +} +.el-step.is-vertical, +.el-steps { + display: -webkit-box; + display: -ms-flexbox; +} +.el-rate__text { + font-size: 14px; + vertical-align: middle; +} +.el-steps { + display: flex; +} +.el-steps--simple { + padding: 13px 8%; + border-radius: 4px; + background: #f5f7fa; +} +.el-steps--horizontal { + white-space: nowrap; +} +.el-steps--vertical { + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; +} +.el-step { + position: relative; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.el-step:last-of-type .el-step__line { + display: none; +} +.el-step:last-of-type.is-flex { + -ms-flex-preferred-size: auto !important; + flex-basis: auto !important; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; +} +.el-step:last-of-type .el-step__description, +.el-step:last-of-type .el-step__main { + padding-right: 0; +} +.el-step__head { + position: relative; + width: 100%; +} +.el-step__head.is-process { + color: #303133; + border-color: #303133; +} +.el-step__head.is-wait { + color: #c0c4cc; + border-color: #c0c4cc; +} +.el-step__head.is-success { + color: #67c23a; + border-color: #67c23a; +} +.el-step__head.is-error { + color: #f56c6c; + border-color: #f56c6c; +} +.el-step__head.is-finish { + color: #2f3447; + border-color: #2f3447; +} +.el-step__icon { + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 24px; + height: 24px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; +} +.el-step__icon.is-text { + border-radius: 50%; + border: 2px solid; + border-color: inherit; +} +.el-step__icon.is-icon { + width: 40px; +} +.el-step__icon-inner { + display: inline-block; + user-select: none; + text-align: center; + font-weight: 700; + line-height: 1; + color: inherit; +} +.el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 25px; + font-weight: 400; +} +.el-step__icon-inner.is-status { + -webkit-transform: translateY(1px); + transform: translateY(1px); +} +.el-step__line { + position: absolute; + border-color: inherit; + background-color: #c0c4cc; +} +.el-step__line-inner { + display: block; + border-width: 1px; + border-style: solid; + border-color: inherit; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 0; + height: 0; +} +.el-step__main { + white-space: normal; + text-align: left; +} +.el-step__title { + font-size: 16px; + line-height: 38px; +} +.el-step__title.is-process { + font-weight: 700; + color: #303133; +} +.el-step__title.is-wait { + color: #c0c4cc; +} +.el-step__title.is-success { + color: #67c23a; +} +.el-step__title.is-error { + color: #f56c6c; +} +.el-step__title.is-finish { + color: #2f3447; +} +.el-step__description { + padding-right: 10%; + margin-top: -5px; + font-size: 12px; + line-height: 20px; + font-weight: 400; +} +.el-step__description.is-process { + color: #303133; +} +.el-step__description.is-wait { + color: #c0c4cc; +} +.el-step__description.is-success { + color: #67c23a; +} +.el-step__description.is-error { + color: #f56c6c; +} +.el-step__description.is-finish { + color: #2f3447; +} +.el-step.is-horizontal { + display: inline-block; +} +.el-step.is-horizontal .el-step__line { + height: 2px; + top: 11px; + left: 0; + right: 0; +} +.el-step.is-vertical { + display: flex; +} +.el-step.is-vertical .el-step__head { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 24px; +} +.el-step.is-vertical .el-step__main { + padding-left: 10px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-vertical .el-step__title { + line-height: 24px; + padding-bottom: 8px; +} +.el-step.is-vertical .el-step__line { + width: 2px; + top: 0; + bottom: 0; + left: 11px; +} +.el-step.is-vertical .el-step__icon.is-icon { + width: 24px; +} +.el-step.is-center .el-step__head, +.el-step.is-center .el-step__main { + text-align: center; +} +.el-step.is-center .el-step__description { + padding-left: 20%; + padding-right: 20%; +} +.el-step.is-center .el-step__line { + left: 50%; + right: -50%; +} +.el-step.is-simple { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-step.is-simple .el-step__head { + width: auto; + font-size: 0; + padding-right: 10px; +} +.el-step.is-simple .el-step__icon { + background: 0 0; + width: 16px; + height: 16px; + font-size: 12px; +} +.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 18px; +} +.el-step.is-simple .el-step__icon-inner.is-status { + -webkit-transform: scale(0.8) translateY(1px); + transform: scale(0.8) translateY(1px); +} +.el-step.is-simple .el-step__main { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-simple .el-step__title { + font-size: 16px; + line-height: 20px; +} +.el-step.is-simple:not(:last-of-type) .el-step__title { + max-width: 50%; + word-break: break-all; +} +.el-step.is-simple .el-step__arrow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-step.is-simple .el-step__arrow::after, +.el-step.is-simple .el-step__arrow::before { + content: ""; + display: inline-block; + position: absolute; + height: 15px; + width: 1px; + background: #c0c4cc; +} +.el-step.is-simple .el-step__arrow::before { + -webkit-transform: rotate(-45deg) translateY(-4px); + transform: rotate(-45deg) translateY(-4px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.el-step.is-simple .el-step__arrow::after { + -webkit-transform: rotate(45deg) translateY(4px); + transform: rotate(45deg) translateY(4px); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.el-step.is-simple:last-of-type .el-step__arrow { + display: none; +} +.el-carousel { + position: relative; +} +.el-carousel--horizontal { + overflow-x: hidden; +} +.el-carousel--vertical { + overflow-y: hidden; +} +.el-carousel__container { + position: relative; + height: 300px; +} +.el-carousel__arrow { + border: none; + outline: 0; + padding: 0; + margin: 0; + height: 36px; + width: 36px; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #fff; + position: absolute; + top: 50%; + z-index: 10; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + font-size: 12px; +} +.el-carousel__arrow--left { + left: 16px; +} +.el-carousel__arrow--right { + right: 16px; +} +.el-carousel__arrow:hover { + background-color: rgba(31, 45, 61, 0.23); +} +.el-carousel__arrow i { + cursor: pointer; +} +.el-carousel__indicators { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + z-index: 2; +} +.el-carousel__indicators--horizontal { + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.el-carousel__indicators--vertical { + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-carousel__indicators--outside { + bottom: 26px; + text-align: center; + position: static; + -webkit-transform: none; + transform: none; +} +.el-carousel__indicators--outside .el-carousel__indicator:hover button { + opacity: 0.64; +} +.el-carousel__indicators--outside button { + background-color: #c0c4cc; + opacity: 0.24; +} +.el-carousel__indicators--labels { + left: 0; + right: 0; + -webkit-transform: none; + transform: none; + text-align: center; +} +.el-carousel__indicators--labels .el-carousel__button { + height: auto; + width: auto; + padding: 2px 18px; + font-size: 12px; +} +.el-carousel__indicators--labels .el-carousel__indicator { + padding: 6px 4px; +} +.el-carousel__indicator { + background-color: transparent; + cursor: pointer; +} +.el-carousel__indicator:hover button { + opacity: 0.72; +} +.el-carousel__indicator--horizontal { + display: inline-block; + padding: 12px 4px; +} +.el-carousel__indicator--vertical { + padding: 4px 12px; +} +.el-carousel__indicator--vertical .el-carousel__button { + width: 2px; + height: 15px; +} +.el-carousel__indicator.is-active button { + opacity: 1; +} +.el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #fff; + border: none; + outline: 0; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-carousel__item, +.el-carousel__mask { + height: 100%; + top: 0; + left: 0; + position: absolute; +} +.carousel-arrow-left-enter, +.carousel-arrow-left-leave-active { + -webkit-transform: translateY(-50%) translateX(-10px); + transform: translateY(-50%) translateX(-10px); + opacity: 0; +} +.carousel-arrow-right-enter, +.carousel-arrow-right-leave-active { + -webkit-transform: translateY(-50%) translateX(10px); + transform: translateY(-50%) translateX(10px); + opacity: 0; +} +.el-carousel__item { + width: 100%; + display: inline-block; + overflow: hidden; + z-index: 0; +} +.el-carousel__item.is-active { + z-index: 2; +} +.el-carousel__item.is-animating { + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card { + width: 50%; + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} +.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, +.el-carousel__item--card.is-in-stage:hover .el-carousel__mask { + opacity: 0.12; +} +.el-carousel__item--card.is-active { + z-index: 2; +} +.el-carousel__mask { + width: 100%; + background-color: #fff; + opacity: 0.24; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.el-fade-in-enter, +.el-fade-in-leave-active, +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active, +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-left-enter-active, +.el-zoom-in-left-leave-active { + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: top left; + transform-origin: top left; +} +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + -webkit-transform: scale(0.45, 0.45); + transform: scale(0.45, 0.45); +} +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; +} +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; +} +.el-list-enter-active, +.el-list-leave-active { + -webkit-transition: all 1s; + transition: all 1s; +} +.el-list-enter, +.el-list-leave-active { + opacity: 0; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} +.el-opacity-transition { + -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-collapse { + border-top: 1px solid #ebeef5; + border-bottom: 1px solid #ebeef5; +} +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed; +} +.el-collapse-item__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + line-height: 48px; + background-color: #fff; + color: #303133; + cursor: pointer; + border-bottom: 1px solid #ebeef5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color 0.3s; + transition: border-bottom-color 0.3s; + outline: 0; +} +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-weight: 300; +} +.el-collapse-item__arrow.is-active { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-collapse-item__header.focusing:focus:not(:hover) { + color: #2f3447; +} +.el-collapse-item__header.is-active { + border-bottom-color: transparent; +} +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5; +} +.el-cascader__tags, +.el-tag { + -webkit-box-sizing: border-box; +} +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #303133; + line-height: 1.769230769230769; +} +.el-collapse-item:last-child { + margin-bottom: -1px; +} +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-popper .popper__arrow { + border-width: 6px; + -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0; +} +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0; +} +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5; +} +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff; +} +.el-popper[x-placement^="right"] { + margin-left: 12px; +} +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0; +} +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} +.el-popper[x-placement^="left"] { + margin-right: 12px; +} +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5; +} +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff; +} +.el-tag { + background-color: #eaebed; + border-color: #d5d6da; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #2f3447; + border-width: 1px; + border-style: solid; + border-radius: 4px; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #2f3447; +} +.el-tag .el-tag__close { + color: #2f3447; +} +.el-tag .el-tag__close:hover { + color: #fff; + background-color: #2f3447; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #f0f9eb; + border-color: #e1f3d8; + color: #67c23a; +} +.el-tag.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag.el-tag--warning { + background-color: #fdf6ec; + border-color: #faecd8; + color: #e6a23c; +} +.el-tag.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag.el-tag--danger { + background-color: #fef0f0; + border-color: #fde2e2; + color: #f56c6c; +} +.el-tag.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + height: 16px; + width: 16px; + line-height: 16px; + vertical-align: middle; + top: -1px; + right: -5px; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #2f3447; + border-color: #2f3447; + color: #fff; +} +.el-tag--dark.is-hit { + border-color: #2f3447; +} +.el-tag--dark .el-tag__close { + color: #fff; +} +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: #595d6c; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: #fff; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--dark.el-tag--info .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--dark.el-tag--success .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #85ce61; +} +.el-tag--dark.el-tag--warning { + background-color: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--dark.el-tag--warning .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #ebb563; +} +.el-tag--dark.el-tag--danger { + background-color: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--dark.el-tag--danger .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f78989; +} +.el-tag--plain { + background-color: #fff; + border-color: #acaeb5; + color: #2f3447; +} +.el-tag--plain.is-hit { + border-color: #2f3447; +} +.el-tag--plain .el-tag__close { + color: #2f3447; +} +.el-tag--plain .el-tag__close:hover { + color: #fff; + background-color: #2f3447; +} +.el-tag--plain.el-tag--info { + background-color: #fff; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: #fff; + border-color: #c2e7b0; + color: #67c23a; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #f5dab1; + color: #e6a23c; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #fbc4c4; + color: #f56c6c; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +.el-cascader { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 40px; +} +.el-cascader:not(.is-disabled):hover .el-input__inner { + cursor: pointer; + border-color: #c0c4cc; +} +.el-cascader .el-input .el-input__inner:focus, +.el-cascader .el-input.is-focus .el-input__inner { + border-color: #2f3447; +} +.el-cascader .el-input { + cursor: pointer; +} +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis; +} +.el-cascader .el-input .el-icon-arrow-down { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 14px; +} +.el-cascader .el-input .el-icon-arrow-down.is-reverse { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-cascader .el-input .el-icon-circle-close:hover { + color: #909399; +} +.el-cascader--medium { + font-size: 14px; + line-height: 36px; +} +.el-cascader--small { + font-size: 13px; + line-height: 32px; +} +.el-cascader--mini { + font-size: 12px; + line-height: 28px; +} +.el-cascader.is-disabled .el-cascader__label { + z-index: 2; + color: #c0c4cc; +} +.el-cascader__dropdown { + margin: 5px 0; + font-size: 14px; + background: #fff; + border: 1px solid #e4e7ed; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-cascader__tags { + position: absolute; + left: 0; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: normal; + text-align: left; + box-sizing: border-box; +} +.el-cascader__tags .el-tag { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 100%; + margin: 2px 0 2px 6px; + text-overflow: ellipsis; + background: #f0f2f5; +} +.el-cascader__tags .el-tag:not(.is-hit) { + border-color: transparent; +} +.el-cascader__tags .el-tag > span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + background-color: #c0c4cc; + color: #fff; +} +.el-cascader__tags .el-tag .el-icon-close:hover { + background-color: #909399; +} +.el-cascader__suggestion-panel { + border-radius: 4px; +} +.el-cascader__suggestion-list { + max-height: 204px; + margin: 0; + padding: 6px 0; + font-size: 14px; + color: #606266; + text-align: center; +} +.el-cascader__suggestion-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-cascader__suggestion-item:focus, +.el-cascader__suggestion-item:hover { + background: #f5f7fa; +} +.el-cascader__suggestion-item.is-checked { + color: #2f3447; + font-weight: 700; +} +.el-cascader__suggestion-item > span { + margin-right: 10px; +} +.el-cascader__empty-text { + margin: 10px 0; + color: #c0c4cc; +} +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__search-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::placeholder { + color: #c0c4cc; +} +.el-color-predefine { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 12px; + margin-top: 8px; + width: 280px; +} +.el-color-predefine__colors { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-color-predefine__color-selector { + margin: 0 0 8px 8px; + width: 20px; + height: 20px; + border-radius: 4px; + cursor: pointer; +} +.el-color-predefine__color-selector:nth-child(10n + 1) { + margin-left: 0; +} +.el-color-predefine__color-selector.selected { + -webkit-box-shadow: 0 0 3px 2px #2f3447; + box-shadow: 0 0 3px 2px #2f3447; +} +.el-color-predefine__color-selector > div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + border-radius: 3px; +} +.el-color-predefine__color-selector.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-hue-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background-color: red; + padding: 0 2px; +} +.el-color-hue-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to right, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); + height: 100%; +} +.el-color-hue-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-hue-slider.is-vertical { + width: 12px; + height: 180px; + padding: 2px 0; +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to bottom, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-svpanel { + position: relative; + width: 280px; + height: 180px; +} +.el-color-svpanel__black, +.el-color-svpanel__white { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.el-color-svpanel__white { + background: -webkit-gradient( + linear, + left top, + right top, + from(#fff), + to(rgba(255, 255, 255, 0)) + ); + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} +.el-color-svpanel__black { + background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} +.el-color-svpanel__cursor { + position: absolute; +} +.el-color-svpanel__cursor > div { + cursor: head; + width: 4px; + height: 4px; + -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); +} +.el-color-alpha-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-alpha-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); + height: 100%; +} +.el-color-alpha-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-alpha-slider.is-vertical { + width: 20px; + height: 180px; +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-dropdown { + width: 300px; +} +.el-color-dropdown__main-wrapper { + margin-bottom: 6px; +} +.el-color-dropdown__main-wrapper::after { + content: ""; + display: table; + clear: both; +} +.el-color-dropdown__btns { + margin-top: 6px; + text-align: right; +} +.el-color-dropdown__value { + float: left; + line-height: 26px; + font-size: 12px; + color: #000; + width: 160px; +} +.el-color-dropdown__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-color-dropdown__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-color-dropdown__btn:hover { + color: #2f3447; + border-color: #2f3447; +} +.el-color-dropdown__link-btn { + cursor: pointer; + color: #2f3447; + text-decoration: none; + padding: 15px; + font-size: 12px; +} +.el-color-dropdown__link-btn:hover { + color: tint(#2f3447, 20%); +} +.el-color-picker { + display: inline-block; + position: relative; + line-height: normal; + height: 40px; +} +.el-color-picker.is-disabled .el-color-picker__trigger { + cursor: not-allowed; +} +.el-color-picker--medium { + height: 36px; +} +.el-color-picker--medium .el-color-picker__trigger { + height: 36px; + width: 36px; +} +.el-color-picker--medium .el-color-picker__mask { + height: 34px; + width: 34px; +} +.el-color-picker--small { + height: 32px; +} +.el-color-picker--small .el-color-picker__trigger { + height: 32px; + width: 32px; +} +.el-color-picker--small .el-color-picker__mask { + height: 30px; + width: 30px; +} +.el-color-picker--small .el-color-picker__empty, +.el-color-picker--small .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker--mini { + height: 28px; +} +.el-color-picker--mini .el-color-picker__trigger { + height: 28px; + width: 28px; +} +.el-color-picker--mini .el-color-picker__mask { + height: 26px; + width: 26px; +} +.el-color-picker--mini .el-color-picker__empty, +.el-color-picker--mini .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker__mask { + height: 38px; + width: 38px; + border-radius: 4px; + position: absolute; + top: 1px; + left: 1px; + z-index: 1; + cursor: not-allowed; + background-color: rgba(255, 255, 255, 0.7); +} +.el-color-picker__trigger { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + width: 40px; + padding: 4px; + border: 1px solid #e6e6e6; + border-radius: 4px; + font-size: 0; + position: relative; + cursor: pointer; +} +.el-color-picker__color { + position: relative; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #999; + border-radius: 2px; + width: 100%; + height: 100%; + text-align: center; +} +.el-color-picker__color.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-picker__color-inner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.el-color-picker__empty, +.el-color-picker__icon { + top: 50%; + left: 50%; + font-size: 12px; + position: absolute; +} +.el-color-picker__empty { + color: #999; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.el-color-picker__icon { + display: inline-block; + width: 100%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + color: #fff; + text-align: center; +} +.el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px; +} +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + font-size: inherit; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dcdfe6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea__inner:hover { + border-color: #c0c4cc; +} +.el-textarea__inner:focus { + outline: 0; + border-color: #2f3447; +} +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea.is-exceed .el-textarea__inner { + border-color: #f56c6c; +} +.el-textarea.is-exceed .el-input__count { + color: #f56c6c; +} +.el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px; +} +.el-input::-webkit-scrollbar:horizontal { + height: 6px; +} +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc; +} +.el-input::-webkit-scrollbar-corner { + background: #fff; +} +.el-input::-webkit-scrollbar-track { + background: #fff; +} +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px; +} +.el-input .el-input__clear { + color: #c0c4cc; + font-size: 14px; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + display: inline-block; + font-size: inherit; + height: 40px; + line-height: 40px; + outline: 0; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__prefix, +.el-input__suffix { + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + height: 100%; + color: #c0c4cc; + text-align: center; +} +.el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input__inner:hover { + border-color: #c0c4cc; +} +.el-input.is-active .el-input__inner, +.el-input__inner:focus { + border-color: #2f3447; + outline: 0; +} +.el-input__suffix { + right: 5px; + transition: all 0.3s; +} +.el-input__suffix-inner { + pointer-events: all; +} +.el-input__prefix { + left: 5px; + transition: all 0.3s; +} +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + line-height: 40px; +} +.el-input__icon:after { + content: ""; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} +.el-input__validateIcon { + pointer-events: none; +} +.el-input.is-disabled .el-input__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__icon { + cursor: not-allowed; +} +.el-link, +.el-transfer-panel__filter .el-icon-circle-close { + cursor: pointer; +} +.el-input.is-exceed .el-input__inner { + border-color: #f56c6c; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #f56c6c; +} +.el-input--suffix .el-input__inner { + padding-right: 30px; +} +.el-input--prefix .el-input__inner { + padding-left: 30px; +} +.el-input--medium { + font-size: 14px; +} +.el-input--medium .el-input__inner { + height: 36px; + line-height: 36px; +} +.el-input--medium .el-input__icon { + line-height: 36px; +} +.el-input--small { + font-size: 13px; +} +.el-input--small .el-input__inner { + height: 32px; + line-height: 32px; +} +.el-input--small .el-input__icon { + line-height: 32px; +} +.el-input--mini { + font-size: 12px; +} +.el-input--mini .el-input__inner { + height: 28px; + line-height: 28px; +} +.el-input--mini .el-input__icon { + line-height: 28px; +} +.el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} +.el-input-group__append, +.el-input-group__prepend { + background-color: #f5f7fa; + color: #909399; + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 4px; + padding: 0 20px; + width: 1px; + white-space: nowrap; +} +.el-input-group--prepend .el-input__inner, +.el-input-group__append { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--append .el-input__inner, +.el-input-group__prepend { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group__append:focus, +.el-input-group__prepend:focus { + outline: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-select, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-select { + display: inline-block; + margin: -10px -20px; +} +.el-input-group__append button.el-button, +.el-input-group__append div.el-select .el-input__inner, +.el-input-group__append div.el-select:hover .el-input__inner, +.el-input-group__prepend button.el-button, +.el-input-group__prepend div.el-select .el-input__inner, +.el-input-group__prepend div.el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-input, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-input { + font-size: inherit; +} +.el-input-group__prepend { + border-right: 0; +} +.el-input-group__append { + border-left: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner, +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} +.el-transfer { + font-size: 14px; +} +.el-transfer__buttons { + display: inline-block; + vertical-align: middle; + padding: 0 30px; +} +.el-transfer__button { + display: block; + margin: 0 auto; + padding: 10px; + border-radius: 50%; + color: #fff; + background-color: #2f3447; + font-size: 0; +} +.el-transfer-panel__item + .el-transfer-panel__item, +.el-transfer__button [class*="el-icon-"] + span { + margin-left: 0; +} +.el-transfer__button.is-with-texts { + border-radius: 4px; +} +.el-transfer__button.is-disabled, +.el-transfer__button.is-disabled:hover { + border: 1px solid #dcdfe6; + background-color: #f5f7fa; + color: #c0c4cc; +} +.el-transfer__button:first-child { + margin-bottom: 10px; +} +.el-transfer__button:nth-child(2) { + margin: 0; +} +.el-transfer__button i, +.el-transfer__button span { + font-size: 14px; +} +.el-transfer-panel { + border: 1px solid #ebeef5; + border-radius: 4px; + overflow: hidden; + background: #fff; + display: inline-block; + vertical-align: middle; + width: 200px; + max-height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.el-transfer-panel__body { + height: 246px; +} +.el-transfer-panel__body.is-with-footer { + padding-bottom: 40px; +} +.el-transfer-panel__list { + margin: 0; + padding: 6px 0; + list-style: none; + height: 246px; + overflow: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-transfer-panel__list.is-filterable { + height: 194px; + padding-top: 0; +} +.el-transfer-panel__item { + height: 30px; + line-height: 30px; + padding-left: 15px; + display: block !important; +} +.el-transfer-panel__item.el-checkbox { + color: #606266; +} +.el-transfer-panel__item:hover { + color: #2f3447; +} +.el-transfer-panel__item.el-checkbox .el-checkbox__label { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 24px; + line-height: 30px; +} +.el-transfer-panel__item .el-checkbox__input { + position: absolute; + top: 8px; +} +.el-transfer-panel__filter { + text-align: center; + margin: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: auto; +} +.el-transfer-panel__filter .el-input__inner { + height: 32px; + width: 100%; + font-size: 12px; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 16px; + padding-right: 10px; + padding-left: 30px; +} +.el-transfer-panel__filter .el-input__icon { + margin-left: 5px; +} +.el-transfer-panel .el-transfer-panel__header { + height: 40px; + line-height: 40px; + background: #f5f7fa; + margin: 0; + padding-left: 15px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #000; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox { + display: block; + line-height: 40px; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { + font-size: 16px; + color: #303133; + font-weight: 400; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { + position: absolute; + right: 15px; + color: #909399; + font-size: 12px; + font-weight: 400; +} +.el-divider__text, +.el-link { + font-weight: 500; + font-size: 14px; +} +.el-transfer-panel .el-transfer-panel__footer { + height: 40px; + background: #fff; + margin: 0; + padding: 0; + border-top: 1px solid #ebeef5; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; +} +.el-transfer-panel .el-transfer-panel__footer::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-container, +.el-timeline-item__node { + display: -webkit-box; + display: -ms-flexbox; +} +.el-transfer-panel .el-transfer-panel__footer .el-checkbox { + padding-left: 20px; + color: #606266; +} +.el-transfer-panel .el-transfer-panel__empty { + margin: 0; + height: 30px; + line-height: 30px; + padding: 6px 15px 0; + color: #909399; + text-align: center; +} +.el-transfer-panel .el-checkbox__label { + padding-left: 8px; +} +.el-transfer-panel .el-checkbox__inner { + height: 14px; + width: 14px; + border-radius: 3px; +} +.el-transfer-panel .el-checkbox__inner::after { + height: 6px; + width: 3px; + left: 4px; +} +.el-container { + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; +} +.el-container.is-vertical, +.el-drawer { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; +} +.el-aside, +.el-header { + -webkit-box-sizing: border-box; +} +.el-container.is-vertical { + -ms-flex-direction: column; + flex-direction: column; +} +.el-header { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-aside { + overflow: auto; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-footer, +.el-main { + -webkit-box-sizing: border-box; +} +.el-main { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + overflow: auto; + box-sizing: border-box; + padding: 20px; +} +.el-footer { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-timeline { + margin: 0; + font-size: 14px; + list-style: none; +} +.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { + display: none; +} +.el-timeline-item { + position: relative; + padding-bottom: 20px; +} +.el-timeline-item__wrapper { + position: relative; + padding-left: 28px; + top: -3px; +} +.el-timeline-item__tail { + position: absolute; + left: 4px; + height: 100%; + border-left: 2px solid #e4e7ed; +} +.el-timeline-item__icon { + color: #fff; + font-size: 13px; +} +.el-timeline-item__node { + position: absolute; + background-color: #e4e7ed; + border-radius: 50%; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image__error, +.el-timeline-item__dot { + display: -webkit-box; + display: -ms-flexbox; +} +.el-timeline-item__node--normal { + left: -1px; + width: 12px; + height: 12px; +} +.el-timeline-item__node--large { + left: -2px; + width: 14px; + height: 14px; +} +.el-timeline-item__node--primary { + background-color: #2f3447; +} +.el-timeline-item__node--success { + background-color: #67c23a; +} +.el-timeline-item__node--warning { + background-color: #e6a23c; +} +.el-timeline-item__node--danger { + background-color: #f56c6c; +} +.el-timeline-item__node--info { + background-color: #909399; +} +.el-timeline-item__dot { + position: absolute; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-timeline-item__content { + color: #303133; +} +.el-timeline-item__timestamp { + color: #909399; + line-height: 1; + font-size: 13px; +} +.el-timeline-item__timestamp.is-top { + margin-bottom: 8px; + padding-top: 4px; +} +.el-timeline-item__timestamp.is-bottom { + margin-top: 8px; +} +.el-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: 0; + padding: 0; +} +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid #2f3447; +} +.el-link.el-link--default:after, +.el-link.el-link--primary.is-underline:hover:after, +.el-link.el-link--primary:after { + border-color: #2f3447; +} +.el-link.is-disabled { + cursor: not-allowed; +} +.el-link [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-link.el-link--default { + color: #606266; +} +.el-link.el-link--default:hover { + color: #2f3447; +} +.el-link.el-link--default.is-disabled { + color: #c0c4cc; +} +.el-link.el-link--primary { + color: #2f3447; +} +.el-link.el-link--primary:hover { + color: #595d6c; +} +.el-link.el-link--primary.is-disabled { + color: #979aa3; +} +.el-link.el-link--danger.is-underline:hover:after, +.el-link.el-link--danger:after { + border-color: #f56c6c; +} +.el-link.el-link--danger { + color: #f56c6c; +} +.el-link.el-link--danger:hover { + color: #f78989; +} +.el-link.el-link--danger.is-disabled { + color: #fab6b6; +} +.el-link.el-link--success.is-underline:hover:after, +.el-link.el-link--success:after { + border-color: #67c23a; +} +.el-link.el-link--success { + color: #67c23a; +} +.el-link.el-link--success:hover { + color: #85ce61; +} +.el-link.el-link--success.is-disabled { + color: #b3e19d; +} +.el-link.el-link--warning.is-underline:hover:after, +.el-link.el-link--warning:after { + border-color: #e6a23c; +} +.el-link.el-link--warning { + color: #e6a23c; +} +.el-link.el-link--warning:hover { + color: #ebb563; +} +.el-link.el-link--warning.is-disabled { + color: #f3d19e; +} +.el-link.el-link--info.is-underline:hover:after, +.el-link.el-link--info:after { + border-color: #909399; +} +.el-link.el-link--info { + color: #909399; +} +.el-link.el-link--info:hover { + color: #a6a9ad; +} +.el-link.el-link--info.is-disabled { + color: #c8c9cc; +} +.el-divider { + background-color: #dcdfe6; + position: relative; +} +.el-divider--horizontal { + display: block; + height: 1px; + width: 100%; + margin: 24px 0; +} +.el-divider--vertical { + display: inline-block; + width: 1px; + height: 1em; + margin: 0 8px; + vertical-align: middle; + position: relative; +} +.el-divider__text { + position: absolute; + background-color: #fff; + padding: 0 20px; + color: #303133; +} +.el-image__error, +.el-image__placeholder { + background: #f5f7fa; +} +.el-divider__text.is-left { + left: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-divider__text.is-center { + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.el-divider__text.is-right { + right: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-image__error, +.el-image__inner, +.el-image__placeholder { + width: 100%; + height: 100%; +} +.el-image { + position: relative; + display: inline-block; + overflow: hidden; +} +.el-image__inner { + vertical-align: top; +} +.el-image__inner--center { + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: block; +} +.el-image__error { + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + color: #c0c4cc; + vertical-align: middle; +} +.el-image__preview { + cursor: pointer; +} +.el-image-viewer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.el-image-viewer__btn { + position: absolute; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + opacity: 0.8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + user-select: none; +} +.el-button, +.el-checkbox { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 24px; + color: #fff; + background-color: #606266; +} +.el-image-viewer__canvas { + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image-viewer__actions { + left: 50%; + bottom: 30px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 282px; + height: 44px; + padding: 0 23px; + background-color: #606266; + border-color: #fff; + border-radius: 22px; +} +.el-image-viewer__actions__inner { + width: 100%; + height: 100%; + text-align: justify; + cursor: default; + font-size: 23px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-image-viewer__next, +.el-image-viewer__prev { + top: 50%; + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; +} +.el-image-viewer__prev { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 40px; +} +.el-image-viewer__next { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 40px; + text-indent: 2px; +} +.el-image-viewer__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.5; + background: #000; +} +.viewer-fade-enter-active { + -webkit-animation: viewer-fade-in 0.3s; + animation: viewer-fade-in 0.3s; +} +.viewer-fade-leave-active { + -webkit-animation: viewer-fade-out 0.3s; + animation: viewer-fade-out 0.3s; +} +@-webkit-keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 500; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button + .el-button { + margin-left: 10px; +} +.el-button:focus, +.el-button:hover { + color: #2f3447; + border-color: #c1c2c8; + background-color: #eaebed; +} +.el-button:active { + color: #2a2f40; + border-color: #2a2f40; + outline: 0; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-button.is-plain:focus, +.el-button.is-plain:hover { + background: #fff; + border-color: #2f3447; + color: #2f3447; +} +.el-button.is-active, +.el-button.is-plain:active { + color: #2a2f40; + border-color: #2a2f40; +} +.el-button.is-plain:active { + background: #fff; + outline: 0; +} +.el-button.is-disabled, +.el-button.is-disabled:focus, +.el-button.is-disabled:hover { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, +.el-button.is-disabled.is-plain:focus, +.el-button.is-disabled.is-plain:hover { + background-color: #fff; + border-color: #ebeef5; + color: #c0c4cc; +} +.el-button.is-loading { + position: relative; + pointer-events: none; +} +.el-button.is-loading:before { + pointer-events: none; + content: ""; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, 0.35); +} +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} +.el-button--primary { + color: #fff; + background-color: #2f3447; + border-color: #2f3447; +} +.el-button--primary:focus, +.el-button--primary:hover { + background: #595d6c; + border-color: #595d6c; + color: #fff; +} +.el-button--primary.is-active, +.el-button--primary:active { + background: #2a2f40; + border-color: #2a2f40; + color: #fff; +} +.el-button--primary:active { + outline: 0; +} +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:active, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:hover { + color: #fff; + background-color: #979aa3; + border-color: #979aa3; +} +.el-button--primary.is-plain { + color: #2f3447; + background: #eaebed; + border-color: #acaeb5; +} +.el-button--primary.is-plain:focus, +.el-button--primary.is-plain:hover { + background: #2f3447; + border-color: #2f3447; + color: #fff; +} +.el-button--primary.is-plain:active { + background: #2a2f40; + border-color: #2a2f40; + color: #fff; + outline: 0; +} +.el-button--primary.is-plain.is-disabled, +.el-button--primary.is-plain.is-disabled:active, +.el-button--primary.is-plain.is-disabled:focus, +.el-button--primary.is-plain.is-disabled:hover { + color: #828591; + background-color: #eaebed; + border-color: #d5d6da; +} +.el-button--success { + color: #fff; + background-color: #67c23a; + border-color: #67c23a; +} +.el-button--success:focus, +.el-button--success:hover { + background: #85ce61; + border-color: #85ce61; + color: #fff; +} +.el-button--success.is-active, +.el-button--success:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; +} +.el-button--success:active { + outline: 0; +} +.el-button--success.is-disabled, +.el-button--success.is-disabled:active, +.el-button--success.is-disabled:focus, +.el-button--success.is-disabled:hover { + color: #fff; + background-color: #b3e19d; + border-color: #b3e19d; +} +.el-button--success.is-plain { + color: #67c23a; + background: #f0f9eb; + border-color: #c2e7b0; +} +.el-button--success.is-plain:focus, +.el-button--success.is-plain:hover { + background: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-button--success.is-plain:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; + outline: 0; +} +.el-button--success.is-plain.is-disabled, +.el-button--success.is-plain.is-disabled:active, +.el-button--success.is-plain.is-disabled:focus, +.el-button--success.is-plain.is-disabled:hover { + color: #a4da89; + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-button--warning { + color: #fff; + background-color: #e6a23c; + border-color: #e6a23c; +} +.el-button--warning:focus, +.el-button--warning:hover { + background: #ebb563; + border-color: #ebb563; + color: #fff; +} +.el-button--warning.is-active, +.el-button--warning:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; +} +.el-button--warning:active { + outline: 0; +} +.el-button--warning.is-disabled, +.el-button--warning.is-disabled:active, +.el-button--warning.is-disabled:focus, +.el-button--warning.is-disabled:hover { + color: #fff; + background-color: #f3d19e; + border-color: #f3d19e; +} +.el-button--warning.is-plain { + color: #e6a23c; + background: #fdf6ec; + border-color: #f5dab1; +} +.el-button--warning.is-plain:focus, +.el-button--warning.is-plain:hover { + background: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-button--warning.is-plain:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; + outline: 0; +} +.el-button--warning.is-plain.is-disabled, +.el-button--warning.is-plain.is-disabled:active, +.el-button--warning.is-plain.is-disabled:focus, +.el-button--warning.is-plain.is-disabled:hover { + color: #f0c78a; + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-button--danger { + color: #fff; + background-color: #f56c6c; + border-color: #f56c6c; +} +.el-button--danger:focus, +.el-button--danger:hover { + background: #f78989; + border-color: #f78989; + color: #fff; +} +.el-button--danger.is-active, +.el-button--danger:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; +} +.el-button--danger:active { + outline: 0; +} +.el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, +.el-button--danger.is-disabled:hover { + color: #fff; + background-color: #fab6b6; + border-color: #fab6b6; +} +.el-button--danger.is-plain { + color: #f56c6c; + background: #fef0f0; + border-color: #fbc4c4; +} +.el-button--danger.is-plain:focus, +.el-button--danger.is-plain:hover { + background: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-button--danger.is-plain:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; + outline: 0; +} +.el-button--danger.is-plain.is-disabled, +.el-button--danger.is-plain.is-disabled:active, +.el-button--danger.is-plain.is-disabled:focus, +.el-button--danger.is-plain.is-disabled:hover { + color: #f9a7a7; + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-button--info { + color: #fff; + background-color: #909399; + border-color: #909399; +} +.el-button--info:focus, +.el-button--info:hover { + background: #a6a9ad; + border-color: #a6a9ad; + color: #fff; +} +.el-button--info.is-active, +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff; +} +.el-button--info:active { + outline: 0; +} +.el-button--info.is-disabled, +.el-button--info.is-disabled:active, +.el-button--info.is-disabled:focus, +.el-button--info.is-disabled:hover { + color: #fff; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:focus, +.el-button--info.is-plain:hover { + background: #909399; + border-color: #909399; + color: #fff; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0; +} +.el-button--info.is-plain.is-disabled, +.el-button--info.is-plain.is-disabled:active, +.el-button--info.is-plain.is-disabled:focus, +.el-button--info.is-plain.is-disabled:hover { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} +.el-button--text, +.el-button--text.is-disabled, +.el-button--text.is-disabled:focus, +.el-button--text.is-disabled:hover, +.el-button--text:active { + border-color: transparent; +} +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--mini, +.el-button--small { + font-size: 12px; + border-radius: 3px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} +.el-button--small, +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} +.el-button--mini, +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} +.el-button--text { + color: #2f3447; + background: 0 0; + padding-left: 0; + padding-right: 0; +} +.el-button--text:focus, +.el-button--text:hover { + color: #595d6c; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #2a2f40; + background-color: transparent; +} +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::after, +.el-button-group::before { + display: table; + content: ""; +} +.el-button-group::after { + clear: both; +} +.el-button-group > .el-button { + float: left; + position: relative; +} +.el-button-group > .el-button + .el-button { + margin-left: 0; +} +.el-button-group > .el-button.is-disabled { + z-index: 1; +} +.el-button-group > .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-button-group > .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-button-group > .el-button:first-child:last-child { + border-radius: 4px; +} +.el-button-group > .el-button:first-child:last-child.is-round { + border-radius: 20px; +} +.el-button-group > .el-button:first-child:last-child.is-circle { + border-radius: 50%; +} +.el-button-group > .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} +.el-button-group > .el-button:not(:last-child) { + margin-right: -1px; +} +.el-button-group > .el-button.is-active, +.el-button-group > .el-button:active, +.el-button-group > .el-button:focus, +.el-button-group > .el-button:hover { + z-index: 1; +} +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-calendar { + background-color: #fff; +} +.el-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #ebeef5; +} +.el-backtop, +.el-page-header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-calendar__title { + color: #000; + -ms-flex-item-align: center; + align-self: center; +} +.el-calendar__body { + padding: 12px 20px 35px; +} +.el-calendar-table { + table-layout: fixed; + width: 100%; +} +.el-calendar-table thead th { + padding: 12px 0; + color: #606266; + font-weight: 400; +} +.el-calendar-table:not(.is-range) td.next, +.el-calendar-table:not(.is-range) td.prev { + color: #c0c4cc; +} +.el-backtop, +.el-calendar-table td.is-today { + color: #2f3447; +} +.el-calendar-table td { + border-bottom: 1px solid #ebeef5; + border-right: 1px solid #ebeef5; + vertical-align: top; + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.el-calendar-table td.is-selected { + background-color: #f2f8fe; +} +.el-calendar-table tr:first-child td { + border-top: 1px solid #ebeef5; +} +.el-calendar-table tr td:first-child { + border-left: 1px solid #ebeef5; +} +.el-calendar-table tr.el-calendar-table__row--hide-border td { + border-top: none; +} +.el-calendar-table .el-calendar-day { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + height: 85px; +} +.el-calendar-table .el-calendar-day:hover { + cursor: pointer; + background-color: #f2f8fe; +} +.el-backtop { + position: fixed; + background-color: #fff; + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 20px; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + cursor: pointer; + z-index: 5; +} +.el-backtop:hover { + background-color: #f2f6fc; +} +.el-page-header { + display: flex; + line-height: 24px; +} +.el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + margin-right: 40px; + position: relative; +} +.el-page-header__left::after { + content: ""; + position: absolute; + width: 1px; + height: 16px; + right: -20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #dcdfe6; +} +.el-checkbox, +.el-checkbox__input { + display: inline-block; + position: relative; + white-space: nowrap; +} +.el-page-header__left .el-icon-back { + font-size: 18px; + margin-right: 6px; + -ms-flex-item-align: center; + align-self: center; +} +.el-page-header__title { + font-size: 14px; + font-weight: 500; +} +.el-page-header__content { + font-size: 18px; + color: #303133; +} +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + cursor: pointer; + user-select: none; + margin-right: 30px; +} +.el-checkbox-button__inner, +.el-radio { + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.el-checkbox.is-bordered { + padding: 9px 20px 9px 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: normal; + height: 40px; +} +.el-checkbox.is-bordered.is-checked { + border-color: #2f3447; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #ebeef5; + cursor: not-allowed; +} +.el-checkbox.is-bordered + .el-checkbox.is-bordered { + margin-left: 10px; +} +.el-checkbox.is-bordered.el-checkbox--medium { + padding: 7px 20px 7px 10px; + border-radius: 4px; + height: 36px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { + line-height: 17px; + font-size: 14px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { + height: 14px; + width: 14px; +} +.el-checkbox.is-bordered.el-checkbox--small { + padding: 5px 15px 5px 10px; + border-radius: 3px; + height: 32px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { + line-height: 15px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox.is-bordered.el-checkbox--mini { + padding: 3px 15px 3px 10px; + border-radius: 3px; + height: 28px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { + line-height: 12px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox__input { + cursor: pointer; + outline: 0; + line-height: 1; + vertical-align: middle; +} +.el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: #edf2fc; + border-color: #dcdfe6; + cursor: not-allowed; +} +.el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + background-color: #c0c4cc; + border-color: #c0c4cc; +} +.el-checkbox__input.is-checked .el-checkbox__inner, +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #2f3447; + border-color: #2f3447; +} +.el-checkbox__input.is-disabled + span.el-checkbox__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-checkbox__input.is-checked .el-checkbox__inner::after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1); +} +.el-checkbox__input.is-checked + .el-checkbox__label { + color: #2f3447; +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #2f3447; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #fff; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.5); + left: 0; + right: 0; + top: 5px; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} +.el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: #fff; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #2f3447; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} +.el-checkbox__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} +.el-checkbox-button, +.el-checkbox-button__inner { + display: inline-block; + position: relative; +} +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} +.el-checkbox:last-of-type { + margin-right: 0; +} +.el-checkbox-button__inner { + line-height: 1; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button__inner.is-round { + padding: 12px 20px; +} +.el-checkbox-button__inner:hover { + color: #2f3447; +} +.el-checkbox-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio, +.el-radio__input { + line-height: 1; + white-space: nowrap; + outline: 0; +} +.el-checkbox-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-checkbox-button__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + z-index: -1; +} +.el-radio, +.el-radio__inner, +.el-radio__input { + position: relative; + display: inline-block; +} +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: #2f3447; + border-color: #2f3447; + -webkit-box-shadow: -1px 0 0 0 #828591; + box-shadow: -1px 0 0 0 #828591; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #2f3447; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #ebeef5; +} +.el-checkbox-button:first-child .el-checkbox-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-checkbox-button.is-focus .el-checkbox-button__inner { + border-color: #2f3447; +} +.el-checkbox-button:last-child .el-checkbox-button__inner { + border-radius: 0 4px 4px 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner.is-round { + padding: 10px 20px; +} +.el-checkbox-button--small .el-checkbox-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--small .el-checkbox-button__inner.is-round { + padding: 9px 15px; +} +.el-checkbox-button--mini .el-checkbox-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--mini .el-checkbox-button__inner.is-round { + padding: 7px 15px; +} +.el-checkbox-group { + font-size: 0; +} +.el-radio, +.el-radio--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.el-radio { + color: #606266; + cursor: pointer; + margin-right: 30px; +} +.el-cascader-node > .el-radio, +.el-radio:last-child { + margin-right: 0; +} +.el-radio.is-bordered { + padding: 12px 20px 0 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; +} +.el-radio.is-bordered.is-checked { + border-color: #2f3447; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5; +} +.el-radio__input.is-disabled .el-radio__inner, +.el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; +} +.el-radio.is-bordered + .el-radio.is-bordered { + margin-left: 10px; +} +.el-radio--medium.is-bordered { + padding: 10px 20px 0 10px; + border-radius: 4px; + height: 36px; +} +.el-radio--mini.is-bordered .el-radio__label, +.el-radio--small.is-bordered .el-radio__label { + font-size: 12px; +} +.el-radio--medium.is-bordered .el-radio__inner { + height: 14px; + width: 14px; +} +.el-radio--small.is-bordered { + padding: 8px 15px 0 10px; + border-radius: 3px; + height: 32px; +} +.el-radio--small.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio--mini.is-bordered { + padding: 6px 15px 0 10px; + border-radius: 3px; + height: 28px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio__input { + cursor: pointer; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + cursor: not-allowed; +} +.el-radio__input.is-disabled .el-radio__inner::after { + cursor: not-allowed; + background-color: #f5f7fa; +} +.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { + cursor: not-allowed; +} +.el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #c0c4cc; +} +.el-radio__input.is-disabled + span.el-radio__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-radio__input.is-checked .el-radio__inner { + border-color: #2f3447; + background: #2f3447; +} +.el-radio__input.is-checked .el-radio__inner::after { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); +} +.el-radio__input.is-checked + .el-radio__label { + color: #2f3447; +} +.el-radio__input.is-focus .el-radio__inner { + border-color: #2f3447; +} +.el-radio__inner { + border: 1px solid #dcdfe6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #fff; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #2f3447; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #fff; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} +.el-radio__original { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #2f3447; + box-shadow: 0 0 2px 2px #2f3447; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:active > .el-scrollbar__bar, +.el-scrollbar:focus > .el-scrollbar__bar, +.el-scrollbar:hover > .el-scrollbar__bar { + opacity: 1; + -webkit-transition: opacity 340ms ease-out; + transition: opacity 340ms ease-out; +} +.el-scrollbar__wrap { + overflow: scroll; + height: 100%; +} +.el-scrollbar__wrap--hidden-default { + scrollbar-width: none; +} +.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} +.el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(144, 147, 153, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.5); +} +.el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + -webkit-transition: opacity 120ms ease-out; + transition: opacity 120ms ease-out; +} +.el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} +.el-scrollbar__bar.is-vertical > div { + width: 100%; +} +.el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} +.el-scrollbar__bar.is-horizontal > div { + height: 100%; +} +.el-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-panel.is-bordered { + border: 1px solid #e4e7ed; + border-radius: 4px; +} +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #e4e7ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-avatar, +.el-drawer { + -webkit-box-sizing: border-box; + overflow: hidden; +} +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #c0c4cc; +} +.el-cascader-node { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: 0; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, +.el-cascader-node.is-active, +.el-cascader-node.is-selectable.in-checked-path { + color: #2f3447; + font-weight: 700; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):focus, +.el-cascader-node:not(.is-disabled):hover { + background: #f5f7fa; +} +.el-cascader-node.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} +.el-avatar { + display: inline-block; + box-sizing: border-box; + text-align: center; + color: #fff; + background: #c0c4cc; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} +.el-drawer, +.el-drawer__header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-avatar--circle { + border-radius: 50%; +} +.el-avatar--square { + border-radius: 4px; +} +.el-avatar--icon { + font-size: 18px; +} +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} +.el-drawer.btt, +.el-drawer.ttb, +.el-drawer__container { + left: 0; + right: 0; + width: 100%; +} +.el-drawer.ltr, +.el-drawer.rtl, +.el-drawer__container { + top: 0; + bottom: 0; + height: 100%; +} +@-webkit-keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@-webkit-keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@-webkit-keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@-webkit-keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +@keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +.el-drawer { + position: absolute; + box-sizing: border-box; + background-color: #fff; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12); + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12); + outline: 0; +} +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out 0.3s; + animation: rtl-drawer-out 0.3s; + right: 0; +} +.el-drawer__open .el-drawer.rtl { + -webkit-animation: rtl-drawer-in 0.3s 1ms; + animation: rtl-drawer-in 0.3s 1ms; +} +.el-drawer.ltr { + -webkit-animation: ltr-drawer-out 0.3s; + animation: ltr-drawer-out 0.3s; + left: 0; +} +.el-drawer__open .el-drawer.ltr { + -webkit-animation: ltr-drawer-in 0.3s 1ms; + animation: ltr-drawer-in 0.3s 1ms; +} +.el-drawer.ttb { + -webkit-animation: ttb-drawer-out 0.3s; + animation: ttb-drawer-out 0.3s; + top: 0; +} +.el-drawer__open .el-drawer.ttb { + -webkit-animation: ttb-drawer-in 0.3s 1ms; + animation: ttb-drawer-in 0.3s 1ms; +} +.el-drawer.btt { + -webkit-animation: btt-drawer-out 0.3s; + animation: btt-drawer-out 0.3s; + bottom: 0; +} +.el-drawer__open .el-drawer.btt { + -webkit-animation: btt-drawer-in 0.3s 1ms; + animation: btt-drawer-in 0.3s 1ms; +} +.el-drawer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + margin: 0; +} +.el-drawer__header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #72767b; + display: flex; + margin-bottom: 32px; + padding: 20px 20px 0; +} +.el-drawer__header > :first-child { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__title { + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: inherit; + font-size: 1rem; +} +.el-drawer__close-btn { + border: none; + cursor: pointer; + font-size: 20px; + color: inherit; + background-color: transparent; +} +.el-drawer__body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-drawer__container { + position: relative; +} +.el-drawer-fade-enter-active { + -webkit-animation: el-drawer-fade-in 0.3s; + animation: el-drawer-fade-in 0.3s; +} +.el-drawer-fade-leave-active { + animation: el-drawer-fade-in 0.3s reverse; +} +.el-popconfirm__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-popconfirm__icon { + margin-right: 5px; +} +.el-popconfirm__action { + text-align: right; + margin: 0; +} + +.app-slider .cl-slider-menu .el-menu .el-submenu__title:hover, +.app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active, +.app-slider .cl-slider-menu .el-menu .el-menu-item:hover, +.app-slider .cl-slider-menu .el-menu .el-menu-item.is-active { + background-color: #1d1a1a !important; +} + +.page-layout__right { + background-color: rgba(47, 52, 71, 0.9); +} + +.page-layout__topbar .icon-svg, +.page-layout__topbar .el-breadcrumb__inner { + color: #fff !important; +} + +.page-layout__topbar .app-topbar { + background-color: transparent !important; +} + +.page-layout__topbar .app-topbar__user .name { + color: #fff; +} + +.page-layout__topbar .app-topbar__tools li [class^="el-icon"] { + color: #fff; +} + +.page-layout__topbar .cl-route-nav .title { + color: #fff; +} + +.page-layout__topbar .cl-menu-topbar .el-menu-item span { + color: #fff; +} + +.page-layout__topbar .cl-menu-topbar .el-menu .el-submenu__title:hover, +.page-layout__topbar .cl-menu-topbar .el-menu .el-submenu__title.is-active, +.page-layout__topbar .cl-menu-topbar .el-menu .el-menu-item:hover, +.page-layout__topbar .cl-menu-topbar .el-menu .el-menu-item.is-active { + background-color: rgba(47, 52, 71, 0.8) !important; +} +/*# sourceMappingURL=index.css.map */ diff --git a/assets/theme/blue.css b/assets/theme/blue.css new file mode 100644 index 0000000..d387a64 --- /dev/null +++ b/assets/theme/blue.css @@ -0,0 +1,13215 @@ +@charset "UTF-8"; +.el-pagination--small .arrow.disabled, +.el-table .hidden-columns, +.el-table td.is-hidden > *, +.el-table th.is-hidden > *, +.el-table--hidden { + visibility: hidden; +} +.el-input__suffix, +.el-tree.is-dragging .el-tree-node__content * { + pointer-events: none; +} +.el-dropdown .el-dropdown-selfdefine:focus:active, +.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), +.el-message__closeBtn:focus, +.el-message__content:focus, +.el-popover:focus, +.el-popover:focus:active, +.el-popover__reference:focus:hover, +.el-popover__reference:focus:not(.focusing), +.el-rate:active, +.el-rate:focus, +.el-tooltip:focus:hover, +.el-tooltip:focus:not(.focusing), +.el-upload-list__item.is-success:active, +.el-upload-list__item.is-success:not(.focusing):focus { + outline-width: 0; +} +@font-face { + font-family: element-icons; + src: url(fonts/element-icons.woff) format("woff"), + url(fonts/element-icons.ttf) format("truetype"); + font-weight: 400; + font-display: "auto"; + font-style: normal; +} +[class*=" el-icon-"], +[class^="el-icon-"] { + font-family: element-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-icon-ice-cream-round:before { + content: "\e6a0"; +} +.el-icon-ice-cream-square:before { + content: "\e6a3"; +} +.el-icon-lollipop:before { + content: "\e6a4"; +} +.el-icon-potato-strips:before { + content: "\e6a5"; +} +.el-icon-milk-tea:before { + content: "\e6a6"; +} +.el-icon-ice-drink:before { + content: "\e6a7"; +} +.el-icon-ice-tea:before { + content: "\e6a9"; +} +.el-icon-coffee:before { + content: "\e6aa"; +} +.el-icon-orange:before { + content: "\e6ab"; +} +.el-icon-pear:before { + content: "\e6ac"; +} +.el-icon-apple:before { + content: "\e6ad"; +} +.el-icon-cherry:before { + content: "\e6ae"; +} +.el-icon-watermelon:before { + content: "\e6af"; +} +.el-icon-grape:before { + content: "\e6b0"; +} +.el-icon-refrigerator:before { + content: "\e6b1"; +} +.el-icon-goblet-square-full:before { + content: "\e6b2"; +} +.el-icon-goblet-square:before { + content: "\e6b3"; +} +.el-icon-goblet-full:before { + content: "\e6b4"; +} +.el-icon-goblet:before { + content: "\e6b5"; +} +.el-icon-cold-drink:before { + content: "\e6b6"; +} +.el-icon-coffee-cup:before { + content: "\e6b8"; +} +.el-icon-water-cup:before { + content: "\e6b9"; +} +.el-icon-hot-water:before { + content: "\e6ba"; +} +.el-icon-ice-cream:before { + content: "\e6bb"; +} +.el-icon-dessert:before { + content: "\e6bc"; +} +.el-icon-sugar:before { + content: "\e6bd"; +} +.el-icon-tableware:before { + content: "\e6be"; +} +.el-icon-burger:before { + content: "\e6bf"; +} +.el-icon-knife-fork:before { + content: "\e6c1"; +} +.el-icon-fork-spoon:before { + content: "\e6c2"; +} +.el-icon-chicken:before { + content: "\e6c3"; +} +.el-icon-food:before { + content: "\e6c4"; +} +.el-icon-dish-1:before { + content: "\e6c5"; +} +.el-icon-dish:before { + content: "\e6c6"; +} +.el-icon-moon-night:before { + content: "\e6ee"; +} +.el-icon-moon:before { + content: "\e6f0"; +} +.el-icon-cloudy-and-sunny:before { + content: "\e6f1"; +} +.el-icon-partly-cloudy:before { + content: "\e6f2"; +} +.el-icon-cloudy:before { + content: "\e6f3"; +} +.el-icon-sunny:before { + content: "\e6f6"; +} +.el-icon-sunset:before { + content: "\e6f7"; +} +.el-icon-sunrise-1:before { + content: "\e6f8"; +} +.el-icon-sunrise:before { + content: "\e6f9"; +} +.el-icon-heavy-rain:before { + content: "\e6fa"; +} +.el-icon-lightning:before { + content: "\e6fb"; +} +.el-icon-light-rain:before { + content: "\e6fc"; +} +.el-icon-wind-power:before { + content: "\e6fd"; +} +.el-icon-baseball:before { + content: "\e712"; +} +.el-icon-soccer:before { + content: "\e713"; +} +.el-icon-football:before { + content: "\e715"; +} +.el-icon-basketball:before { + content: "\e716"; +} +.el-icon-ship:before { + content: "\e73f"; +} +.el-icon-truck:before { + content: "\e740"; +} +.el-icon-bicycle:before { + content: "\e741"; +} +.el-icon-mobile-phone:before { + content: "\e6d3"; +} +.el-icon-service:before { + content: "\e6d4"; +} +.el-icon-key:before { + content: "\e6e2"; +} +.el-icon-unlock:before { + content: "\e6e4"; +} +.el-icon-lock:before { + content: "\e6e5"; +} +.el-icon-watch:before { + content: "\e6fe"; +} +.el-icon-watch-1:before { + content: "\e6ff"; +} +.el-icon-timer:before { + content: "\e702"; +} +.el-icon-alarm-clock:before { + content: "\e703"; +} +.el-icon-map-location:before { + content: "\e704"; +} +.el-icon-delete-location:before { + content: "\e705"; +} +.el-icon-add-location:before { + content: "\e706"; +} +.el-icon-location-information:before { + content: "\e707"; +} +.el-icon-location-outline:before { + content: "\e708"; +} +.el-icon-location:before { + content: "\e79e"; +} +.el-icon-place:before { + content: "\e709"; +} +.el-icon-discover:before { + content: "\e70a"; +} +.el-icon-first-aid-kit:before { + content: "\e70b"; +} +.el-icon-trophy-1:before { + content: "\e70c"; +} +.el-icon-trophy:before { + content: "\e70d"; +} +.el-icon-medal:before { + content: "\e70e"; +} +.el-icon-medal-1:before { + content: "\e70f"; +} +.el-icon-stopwatch:before { + content: "\e710"; +} +.el-icon-mic:before { + content: "\e711"; +} +.el-icon-copy-document:before { + content: "\e718"; +} +.el-icon-full-screen:before { + content: "\e719"; +} +.el-icon-switch-button:before { + content: "\e71b"; +} +.el-icon-aim:before { + content: "\e71c"; +} +.el-icon-crop:before { + content: "\e71d"; +} +.el-icon-odometer:before { + content: "\e71e"; +} +.el-icon-time:before { + content: "\e71f"; +} +.el-icon-bangzhu:before { + content: "\e724"; +} +.el-icon-close-notification:before { + content: "\e726"; +} +.el-icon-microphone:before { + content: "\e727"; +} +.el-icon-turn-off-microphone:before { + content: "\e728"; +} +.el-icon-position:before { + content: "\e729"; +} +.el-icon-postcard:before { + content: "\e72a"; +} +.el-icon-message:before { + content: "\e72b"; +} +.el-icon-chat-line-square:before { + content: "\e72d"; +} +.el-icon-chat-dot-square:before { + content: "\e72e"; +} +.el-icon-chat-dot-round:before { + content: "\e72f"; +} +.el-icon-chat-square:before { + content: "\e730"; +} +.el-icon-chat-line-round:before { + content: "\e731"; +} +.el-icon-chat-round:before { + content: "\e732"; +} +.el-icon-set-up:before { + content: "\e733"; +} +.el-icon-turn-off:before { + content: "\e734"; +} +.el-icon-open:before { + content: "\e735"; +} +.el-icon-connection:before { + content: "\e736"; +} +.el-icon-link:before { + content: "\e737"; +} +.el-icon-cpu:before { + content: "\e738"; +} +.el-icon-thumb:before { + content: "\e739"; +} +.el-icon-female:before { + content: "\e73a"; +} +.el-icon-male:before { + content: "\e73b"; +} +.el-icon-guide:before { + content: "\e73c"; +} +.el-icon-news:before { + content: "\e73e"; +} +.el-icon-price-tag:before { + content: "\e744"; +} +.el-icon-discount:before { + content: "\e745"; +} +.el-icon-wallet:before { + content: "\e747"; +} +.el-icon-coin:before { + content: "\e748"; +} +.el-icon-money:before { + content: "\e749"; +} +.el-icon-bank-card:before { + content: "\e74a"; +} +.el-icon-box:before { + content: "\e74b"; +} +.el-icon-present:before { + content: "\e74c"; +} +.el-icon-sell:before { + content: "\e6d5"; +} +.el-icon-sold-out:before { + content: "\e6d6"; +} +.el-icon-shopping-bag-2:before { + content: "\e74d"; +} +.el-icon-shopping-bag-1:before { + content: "\e74e"; +} +.el-icon-shopping-cart-2:before { + content: "\e74f"; +} +.el-icon-shopping-cart-1:before { + content: "\e750"; +} +.el-icon-shopping-cart-full:before { + content: "\e751"; +} +.el-icon-smoking:before { + content: "\e752"; +} +.el-icon-no-smoking:before { + content: "\e753"; +} +.el-icon-house:before { + content: "\e754"; +} +.el-icon-table-lamp:before { + content: "\e755"; +} +.el-icon-school:before { + content: "\e756"; +} +.el-icon-office-building:before { + content: "\e757"; +} +.el-icon-toilet-paper:before { + content: "\e758"; +} +.el-icon-notebook-2:before { + content: "\e759"; +} +.el-icon-notebook-1:before { + content: "\e75a"; +} +.el-icon-files:before { + content: "\e75b"; +} +.el-icon-collection:before { + content: "\e75c"; +} +.el-icon-receiving:before { + content: "\e75d"; +} +.el-icon-suitcase-1:before { + content: "\e760"; +} +.el-icon-suitcase:before { + content: "\e761"; +} +.el-icon-film:before { + content: "\e763"; +} +.el-icon-collection-tag:before { + content: "\e765"; +} +.el-icon-data-analysis:before { + content: "\e766"; +} +.el-icon-pie-chart:before { + content: "\e767"; +} +.el-icon-data-board:before { + content: "\e768"; +} +.el-icon-data-line:before { + content: "\e76d"; +} +.el-icon-reading:before { + content: "\e769"; +} +.el-icon-magic-stick:before { + content: "\e76a"; +} +.el-icon-coordinate:before { + content: "\e76b"; +} +.el-icon-mouse:before { + content: "\e76c"; +} +.el-icon-brush:before { + content: "\e76e"; +} +.el-icon-headset:before { + content: "\e76f"; +} +.el-icon-umbrella:before { + content: "\e770"; +} +.el-icon-scissors:before { + content: "\e771"; +} +.el-icon-mobile:before { + content: "\e773"; +} +.el-icon-attract:before { + content: "\e774"; +} +.el-icon-monitor:before { + content: "\e775"; +} +.el-icon-search:before { + content: "\e778"; +} +.el-icon-takeaway-box:before { + content: "\e77a"; +} +.el-icon-paperclip:before { + content: "\e77d"; +} +.el-icon-printer:before { + content: "\e77e"; +} +.el-icon-document-add:before { + content: "\e782"; +} +.el-icon-document:before { + content: "\e785"; +} +.el-icon-document-checked:before { + content: "\e786"; +} +.el-icon-document-copy:before { + content: "\e787"; +} +.el-icon-document-delete:before { + content: "\e788"; +} +.el-icon-document-remove:before { + content: "\e789"; +} +.el-icon-tickets:before { + content: "\e78b"; +} +.el-icon-folder-checked:before { + content: "\e77f"; +} +.el-icon-folder-delete:before { + content: "\e780"; +} +.el-icon-folder-remove:before { + content: "\e781"; +} +.el-icon-folder-add:before { + content: "\e783"; +} +.el-icon-folder-opened:before { + content: "\e784"; +} +.el-icon-folder:before { + content: "\e78a"; +} +.el-icon-edit-outline:before { + content: "\e764"; +} +.el-icon-edit:before { + content: "\e78c"; +} +.el-icon-date:before { + content: "\e78e"; +} +.el-icon-c-scale-to-original:before { + content: "\e7c6"; +} +.el-icon-view:before { + content: "\e6ce"; +} +.el-icon-loading:before { + content: "\e6cf"; +} +.el-icon-rank:before { + content: "\e6d1"; +} +.el-icon-sort-down:before { + content: "\e7c4"; +} +.el-icon-sort-up:before { + content: "\e7c5"; +} +.el-icon-sort:before { + content: "\e6d2"; +} +.el-icon-finished:before { + content: "\e6cd"; +} +.el-icon-refresh-left:before { + content: "\e6c7"; +} +.el-icon-refresh-right:before { + content: "\e6c8"; +} +.el-icon-refresh:before { + content: "\e6d0"; +} +.el-icon-video-play:before { + content: "\e7c0"; +} +.el-icon-video-pause:before { + content: "\e7c1"; +} +.el-icon-d-arrow-right:before { + content: "\e6dc"; +} +.el-icon-d-arrow-left:before { + content: "\e6dd"; +} +.el-icon-arrow-up:before { + content: "\e6e1"; +} +.el-icon-arrow-down:before { + content: "\e6df"; +} +.el-icon-arrow-right:before { + content: "\e6e0"; +} +.el-icon-arrow-left:before { + content: "\e6de"; +} +.el-icon-top-right:before { + content: "\e6e7"; +} +.el-icon-top-left:before { + content: "\e6e8"; +} +.el-icon-top:before { + content: "\e6e6"; +} +.el-icon-bottom:before { + content: "\e6eb"; +} +.el-icon-right:before { + content: "\e6e9"; +} +.el-icon-back:before { + content: "\e6ea"; +} +.el-icon-bottom-right:before { + content: "\e6ec"; +} +.el-icon-bottom-left:before { + content: "\e6ed"; +} +.el-icon-caret-top:before { + content: "\e78f"; +} +.el-icon-caret-bottom:before { + content: "\e790"; +} +.el-icon-caret-right:before { + content: "\e791"; +} +.el-icon-caret-left:before { + content: "\e792"; +} +.el-icon-d-caret:before { + content: "\e79a"; +} +.el-icon-share:before { + content: "\e793"; +} +.el-icon-menu:before { + content: "\e798"; +} +.el-icon-s-grid:before { + content: "\e7a6"; +} +.el-icon-s-check:before { + content: "\e7a7"; +} +.el-icon-s-data:before { + content: "\e7a8"; +} +.el-icon-s-opportunity:before { + content: "\e7aa"; +} +.el-icon-s-custom:before { + content: "\e7ab"; +} +.el-icon-s-claim:before { + content: "\e7ad"; +} +.el-icon-s-finance:before { + content: "\e7ae"; +} +.el-icon-s-comment:before { + content: "\e7af"; +} +.el-icon-s-flag:before { + content: "\e7b0"; +} +.el-icon-s-marketing:before { + content: "\e7b1"; +} +.el-icon-s-shop:before { + content: "\e7b4"; +} +.el-icon-s-open:before { + content: "\e7b5"; +} +.el-icon-s-management:before { + content: "\e7b6"; +} +.el-icon-s-ticket:before { + content: "\e7b7"; +} +.el-icon-s-release:before { + content: "\e7b8"; +} +.el-icon-s-home:before { + content: "\e7b9"; +} +.el-icon-s-promotion:before { + content: "\e7ba"; +} +.el-icon-s-operation:before { + content: "\e7bb"; +} +.el-icon-s-unfold:before { + content: "\e7bc"; +} +.el-icon-s-fold:before { + content: "\e7a9"; +} +.el-icon-s-platform:before { + content: "\e7bd"; +} +.el-icon-s-order:before { + content: "\e7be"; +} +.el-icon-s-cooperation:before { + content: "\e7bf"; +} +.el-icon-bell:before { + content: "\e725"; +} +.el-icon-message-solid:before { + content: "\e799"; +} +.el-icon-video-camera:before { + content: "\e772"; +} +.el-icon-video-camera-solid:before { + content: "\e796"; +} +.el-icon-camera:before { + content: "\e779"; +} +.el-icon-camera-solid:before { + content: "\e79b"; +} +.el-icon-download:before { + content: "\e77c"; +} +.el-icon-upload2:before { + content: "\e77b"; +} +.el-icon-upload:before { + content: "\e7c3"; +} +.el-icon-picture-outline-round:before { + content: "\e75f"; +} +.el-icon-picture-outline:before { + content: "\e75e"; +} +.el-icon-picture:before { + content: "\e79f"; +} +.el-icon-close:before { + content: "\e6db"; +} +.el-icon-check:before { + content: "\e6da"; +} +.el-icon-plus:before { + content: "\e6d9"; +} +.el-icon-minus:before { + content: "\e6d8"; +} +.el-icon-help:before { + content: "\e73d"; +} +.el-icon-s-help:before { + content: "\e7b3"; +} +.el-icon-circle-close:before { + content: "\e78d"; +} +.el-icon-circle-check:before { + content: "\e720"; +} +.el-icon-circle-plus-outline:before { + content: "\e723"; +} +.el-icon-remove-outline:before { + content: "\e722"; +} +.el-icon-zoom-out:before { + content: "\e776"; +} +.el-icon-zoom-in:before { + content: "\e777"; +} +.el-icon-error:before { + content: "\e79d"; +} +.el-icon-success:before { + content: "\e79c"; +} +.el-icon-circle-plus:before { + content: "\e7a0"; +} +.el-icon-remove:before { + content: "\e7a2"; +} +.el-icon-info:before { + content: "\e7a1"; +} +.el-icon-question:before { + content: "\e7a4"; +} +.el-icon-warning-outline:before { + content: "\e6c9"; +} +.el-icon-warning:before { + content: "\e7a3"; +} +.el-icon-goods:before { + content: "\e7c2"; +} +.el-icon-s-goods:before { + content: "\e7b2"; +} +.el-icon-star-off:before { + content: "\e717"; +} +.el-icon-star-on:before { + content: "\e797"; +} +.el-icon-more-outline:before { + content: "\e6cc"; +} +.el-icon-more:before { + content: "\e794"; +} +.el-icon-phone-outline:before { + content: "\e6cb"; +} +.el-icon-phone:before { + content: "\e795"; +} +.el-icon-user:before { + content: "\e6e3"; +} +.el-icon-user-solid:before { + content: "\e7a5"; +} +.el-icon-setting:before { + content: "\e6ca"; +} +.el-icon-s-tools:before { + content: "\e7ac"; +} +.el-icon-delete:before { + content: "\e6d7"; +} +.el-icon-delete-solid:before { + content: "\e7c9"; +} +.el-icon-eleme:before { + content: "\e7c7"; +} +.el-icon-platform-eleme:before { + content: "\e7ca"; +} +.el-icon-loading { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} +.el-icon--right { + margin-left: 5px; +} +.el-icon--left { + margin-right: 5px; +} +@-webkit-keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +@keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +.el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: #303133; + font-weight: 700; +} +.el-pagination::after, +.el-pagination::before { + display: table; + content: ""; +} +.el-pagination::after { + clear: both; +} +.el-pagination button, +.el-pagination span:not([class*="suffix"]) { + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + vertical-align: top; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-pagination .el-input__inner { + text-align: center; + -moz-appearance: textfield; + line-height: normal; +} +.el-pagination .el-input__suffix { + right: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-pagination .el-select .el-input { + width: 100px; + margin: 0 5px; +} +.el-pagination .el-select .el-input .el-input__inner { + padding-right: 25px; + border-radius: 3px; +} +.el-pagination button { + border: none; + padding: 0 6px; + background: 0 0; +} +.el-pagination button:focus { + outline: 0; +} +.el-pagination button:hover { + color: #4165d7; +} +.el-pagination button:disabled { + color: #c0c4cc; + background-color: #fff; + cursor: not-allowed; +} +.el-pagination .btn-next, +.el-pagination .btn-prev { + background: center center no-repeat #fff; + background-size: 16px; + cursor: pointer; + margin: 0; + color: #303133; +} +.el-pagination .btn-next .el-icon, +.el-pagination .btn-prev .el-icon { + display: block; + font-size: 12px; + font-weight: 700; +} +.el-pagination .btn-prev { + padding-right: 12px; +} +.el-pagination .btn-next { + padding-left: 12px; +} +.el-pagination .el-pager li.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-pager li, +.el-pager li.btn-quicknext:hover, +.el-pager li.btn-quickprev:hover { + cursor: pointer; +} +.el-pagination--small .btn-next, +.el-pagination--small .btn-prev, +.el-pagination--small .el-pager li, +.el-pagination--small .el-pager li.btn-quicknext, +.el-pagination--small .el-pager li.btn-quickprev, +.el-pagination--small .el-pager li:last-child { + border-color: transparent; + font-size: 12px; + line-height: 22px; + height: 22px; + min-width: 22px; +} +.el-pagination--small .more::before, +.el-pagination--small li.more::before { + line-height: 24px; +} +.el-pagination--small button, +.el-pagination--small span:not([class*="suffix"]) { + height: 22px; + line-height: 22px; +} +.el-pagination--small .el-pagination__editor, +.el-pagination--small .el-pagination__editor.el-input .el-input__inner { + height: 22px; +} +.el-pagination__sizes { + margin: 0 10px 0 0; + font-weight: 400; + color: #606266; +} +.el-pagination__sizes .el-input .el-input__inner { + font-size: 13px; + padding-left: 8px; +} +.el-pagination__sizes .el-input .el-input__inner:hover { + border-color: #4165d7; +} +.el-pagination__total { + margin-right: 10px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump { + margin-left: 24px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump .el-input__inner { + padding: 0 3px; +} +.el-pagination__rightwrapper { + float: right; +} +.el-pagination__editor { + line-height: 18px; + padding: 0 2px; + height: 28px; + text-align: center; + margin: 0 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; +} +.el-pager, +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev { + padding: 0; +} +.el-pagination__editor.el-input { + width: 50px; +} +.el-pagination__editor.el-input .el-input__inner { + height: 28px; +} +.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, +.el-pagination__editor .el-input__inner::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev, +.el-pagination.is-background .el-pager li { + margin: 0 5px; + background-color: #f4f4f5; + color: #606266; + min-width: 30px; + border-radius: 2px; +} +.el-pagination.is-background .btn-next.disabled, +.el-pagination.is-background .btn-next:disabled, +.el-pagination.is-background .btn-prev.disabled, +.el-pagination.is-background .btn-prev:disabled, +.el-pagination.is-background .el-pager li.disabled { + color: #c0c4cc; +} +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: #4165d7; +} +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: #4165d7; + color: #fff; +} +.el-dialog, +.el-pager li { + background: #fff; + -webkit-box-sizing: border-box; +} +.el-pagination.is-background.el-pagination--small .btn-next, +.el-pagination.is-background.el-pagination--small .btn-prev, +.el-pagination.is-background.el-pagination--small .el-pager li { + margin: 0 3px; + min-width: 22px; +} +.el-pager, +.el-pager li { + vertical-align: top; + margin: 0; + display: inline-block; +} +.el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + font-size: 0; +} +.el-date-table, +.el-table th { + -webkit-user-select: none; + -moz-user-select: none; +} +.el-pager .more::before { + line-height: 30px; +} +.el-pager li { + padding: 0 4px; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + box-sizing: border-box; + text-align: center; +} +.el-menu--collapse .el-menu .el-submenu, +.el-menu--popup { + min-width: 200px; +} +.el-pager li.btn-quicknext, +.el-pager li.btn-quickprev { + line-height: 28px; + color: #303133; +} +.el-pager li.btn-quicknext.disabled, +.el-pager li.btn-quickprev.disabled { + color: #c0c4cc; +} +.el-pager li.active + li { + border-left: 0; +} +.el-pager li:hover { + color: #4165d7; +} +.el-pager li.active { + color: #4165d7; + cursor: default; +} +@-webkit-keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@-webkit-keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.el-dialog { + position: relative; + margin: 0 auto 50px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + width: 50%; +} +.el-dialog.is-fullscreen { + width: 100%; + margin-top: 0; + margin-bottom: 0; + height: 100%; + overflow: auto; +} +.el-dialog__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + margin: 0; +} +.el-dialog__header { + padding: 20px 20px 10px; +} +.el-dialog__headerbtn { + position: absolute; + top: 20px; + right: 20px; + padding: 0; + background: 0 0; + border: none; + outline: 0; + cursor: pointer; + font-size: 16px; +} +.el-dialog__headerbtn .el-dialog__close { + color: #909399; +} +.el-dialog__headerbtn:focus .el-dialog__close, +.el-dialog__headerbtn:hover .el-dialog__close { + color: #4165d7; +} +.el-dialog__title { + line-height: 24px; + font-size: 18px; + color: #303133; +} +.el-dialog__body { + padding: 30px 20px; + color: #606266; + font-size: 14px; + word-break: break-all; +} +.el-dialog__footer { + padding: 10px 20px 20px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-dialog--center { + text-align: center; +} +.el-dialog--center .el-dialog__body { + text-align: initial; + padding: 25px 25px 30px; +} +.el-dialog--center .el-dialog__footer { + text-align: inherit; +} +.dialog-fade-enter-active { + -webkit-animation: dialog-fade-in 0.3s; + animation: dialog-fade-in 0.3s; +} +.dialog-fade-leave-active { + -webkit-animation: dialog-fade-out 0.3s; + animation: dialog-fade-out 0.3s; +} +@-webkit-keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-autocomplete { + position: relative; + display: inline-block; +} +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + border: 1px solid #e4e7ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; +} +.el-dropdown-menu, +.el-menu--collapse .el-submenu .el-menu { + z-index: 10; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-autocomplete-suggestion__list { + margin: 0; + padding: 0; +} +.el-autocomplete-suggestion li { + padding: 0 20px; + margin: 0; + line-height: 34px; + cursor: pointer; + color: #606266; + font-size: 14px; + list-style: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-autocomplete-suggestion li.highlighted, +.el-autocomplete-suggestion li:hover { + background-color: #f5f7fa; +} +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000; +} +.el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px; +} +.el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999; +} +.el-autocomplete-suggestion.is-loading li::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-autocomplete-suggestion.is-loading li:hover { + background-color: #fff; +} +.el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; + font-size: 14px; +} +.el-dropdown .el-button-group { + display: block; +} +.el-dropdown .el-button-group .el-button { + float: none; +} +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none; +} +.el-dropdown .el-dropdown__caret-button::before { + content: ""; + position: absolute; + display: block; + width: 1px; + top: 5px; + bottom: 5px; + left: 0; + background: rgba(255, 255, 255, 0.5); +} +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} +.el-dropdown .el-dropdown__caret-button:hover::before { + top: 0; + bottom: 0; +} +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + padding: 10px 0; + margin: 5px 0; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; + outline: 0; +} +.el-dropdown-menu__item:focus, +.el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #ecf0fb; + color: #6784df; +} +.el-dropdown-menu__item i { + margin-right: 5px; +} +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #ebeef5; +} +.el-dropdown-menu__item--divided:before { + content: ""; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #fff; +} +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none; +} +.el-dropdown-menu--medium { + padding: 6px 0; +} +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px; +} +.el-dropdown-menu--medium + .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px; +} +.el-dropdown-menu--medium + .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px; +} +.el-dropdown-menu--small { + padding: 6px 0; +} +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px; +} +.el-dropdown-menu--small + .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px; +} +.el-dropdown-menu--small + .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px; +} +.el-dropdown-menu--mini { + padding: 3px 0; +} +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px; +} +.el-dropdown-menu--mini + .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px; +} +.el-dropdown-menu--mini + .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px; +} +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #fff; +} +.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, +.el-menu--horizontal > .el-submenu .el-submenu__title:hover { + background-color: #fff; +} +.el-menu::after, +.el-menu::before { + display: table; + content: ""; +} +.el-menu::after { + clear: both; +} +.el-menu.el-menu--horizontal { + border-bottom: solid 1px #e6e6e6; +} +.el-menu--horizontal { + border-right: none; +} +.el-menu--horizontal > .el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-menu-item a, +.el-menu--horizontal > .el-menu-item a:hover { + color: inherit; +} +.el-menu--horizontal > .el-submenu { + float: left; +} +.el-menu--horizontal > .el-submenu:focus, +.el-menu--horizontal > .el-submenu:hover { + outline: 0; +} +.el-menu--horizontal > .el-submenu:focus .el-submenu__title, +.el-menu--horizontal > .el-submenu:hover .el-submenu__title { + color: #303133; +} +.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { + border-bottom: 2px solid #4165d7; + color: #303133; +} +.el-menu--horizontal > .el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-submenu .el-submenu__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-submenu__title { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; + color: #909399; +} +.el-menu--horizontal .el-menu .el-menu-item.is-active, +.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { + color: #303133; +} +.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { + outline: 0; + color: #303133; +} +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid #4165d7; + color: #303133; +} +.el-menu--collapse { + width: 64px; +} +.el-menu--collapse > .el-menu-item [class^="el-icon-"], +.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { + margin: 0; + vertical-align: middle; + width: 24px; + text-align: center; +} +.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, +.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { + display: none; +} +.el-menu--collapse > .el-menu-item span, +.el-menu--collapse > .el-submenu > .el-submenu__title span { + 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-submenu { + position: relative; +} +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + border: 1px solid #e4e7ed; + border-radius: 2px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu-item, +.el-submenu__title { + height: 56px; + line-height: 56px; + position: relative; + -webkit-box-sizing: border-box; + white-space: nowrap; + list-style: none; +} +.el-menu--collapse + .el-submenu.is-opened + > .el-submenu__title + .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none; +} +.el-menu--popup { + z-index: 100; + border: none; + padding: 5px 0; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu--popup-bottom-start { + margin-top: 5px; +} +.el-menu--popup-right-start { + margin-left: 5px; + margin-right: 5px; +} +.el-menu-item { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-menu-item * { + vertical-align: middle; +} +.el-menu-item i { + color: #909399; +} +.el-menu-item:focus, +.el-menu-item:hover { + outline: 0; + background-color: #ecf0fb; +} +.el-menu-item.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-menu-item [class^="el-icon-"] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle; +} +.el-menu-item.is-active { + color: #4165d7; +} +.el-menu-item.is-active i { + color: inherit; +} +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0; +} +.el-submenu__title { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-submenu__title * { + vertical-align: middle; +} +.el-submenu__title i { + color: #909399; +} +.el-submenu__title:focus, +.el-submenu__title:hover { + outline: 0; + background-color: #ecf0fb; +} +.el-submenu__title.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu__title:hover { + background-color: #ecf0fb; +} +.el-submenu .el-menu { + border: none; +} +.el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; + min-width: 200px; +} +.el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 12px; +} +.el-submenu.is-active .el-submenu__title { + border-bottom-color: #4165d7; +} +.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-submenu.is-disabled .el-menu-item, +.el-submenu.is-disabled .el-submenu__title { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu [class^="el-icon-"] { + vertical-align: middle; + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; +} +.el-menu-item-group > ul { + padding: 0; +} +.el-menu-item-group__title { + padding: 7px 0 7px 20px; + line-height: normal; + font-size: 12px; + color: #909399; +} +.el-radio-button__inner, +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; +} +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: 0.2s; + transition: 0.2s; + opacity: 0; +} +.el-radio-group { + font-size: 0; +} +.el-radio-button { + position: relative; + display: inline-block; + outline: 0; +} +.el-radio-button__inner { + white-space: nowrap; + background: #fff; + border: 1px solid #dcdfe6; + font-weight: 500; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button__inner.is-round { + padding: 12px 20px; +} +.el-radio-button__inner:hover { + color: #4165d7; +} +.el-radio-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-radio-button__orig-radio { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; +} +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: #4165d7; + border-color: #4165d7; + -webkit-box-shadow: -1px 0 0 0 #4165d7; + box-shadow: -1px 0 0 0 #4165d7; +} +.el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { + background-color: #f2f6fc; +} +.el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0; +} +.el-popover, +.el-radio-button:first-child:last-child .el-radio-button__inner { + border-radius: 4px; +} +.el-radio-button--medium .el-radio-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button--medium .el-radio-button__inner.is-round { + padding: 10px 20px; +} +.el-radio-button--small .el-radio-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--small .el-radio-button__inner.is-round { + padding: 9px 15px; +} +.el-radio-button--mini .el-radio-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--mini .el-radio-button__inner.is-round { + padding: 7px 15px; +} +.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { + -webkit-box-shadow: 0 0 2px 2px #4165d7; + box-shadow: 0 0 2px 2px #4165d7; +} +.el-switch { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + font-size: 14px; + line-height: 20px; + height: 20px; + vertical-align: middle; +} +.el-switch__core, +.el-switch__label { + display: inline-block; + cursor: pointer; +} +.el-switch.is-disabled .el-switch__core, +.el-switch.is-disabled .el-switch__label { + cursor: not-allowed; +} +.el-switch__label { + -webkit-transition: 0.2s; + transition: 0.2s; + height: 20px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + color: #303133; +} +.el-switch__label.is-active { + color: #4165d7; +} +.el-switch__label--left { + margin-right: 10px; +} +.el-switch__label--right { + margin-left: 10px; +} +.el-switch__label * { + line-height: 1; + font-size: 14px; + display: inline-block; +} +.el-switch__input { + position: absolute; + width: 0; + height: 0; + opacity: 0; + margin: 0; +} +.el-switch__core { + margin: 0; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dcdfe6; + outline: 0; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dcdfe6; + -webkit-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + vertical-align: middle; +} +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 16px; + height: 16px; + background-color: #fff; +} +.el-switch.is-checked .el-switch__core { + border-color: #4165d7; + background-color: #4165d7; +} +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px; +} +.el-switch.is-disabled { + opacity: 0.6; +} +.el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px; +} +.el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px; +} +.el-switch .label-fade-enter, +.el-switch .label-fade-leave-active { + opacity: 0; +} +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: 1px solid #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #4165d7; + background-color: #fff; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} +.el-select-dropdown__wrap { + max-height: 274px; +} +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-select-dropdown__item { + font-size: 14px; + padding: 0 20px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #606266; + height: 34px; + line-height: 34px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.el-select-dropdown__item.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + background-color: #f5f7fa; +} +.el-select-dropdown__item.selected { + color: #4165d7; + font-weight: 700; +} +.el-select-group { + margin: 0; + padding: 0; +} +.el-select-group__wrap { + position: relative; + list-style: none; + margin: 0; + padding: 0; +} +.el-select-group__wrap:not(:last-of-type) { + padding-bottom: 24px; +} +.el-select-group__wrap:not(:last-of-type)::after { + content: ""; + position: absolute; + display: block; + left: 20px; + right: 20px; + bottom: 12px; + height: 1px; + background: #e4e7ed; +} +.el-select-group__title { + padding-left: 20px; + font-size: 12px; + color: #909399; + line-height: 30px; +} +.el-select-group .el-select-dropdown__item { + padding-left: 20px; +} +.el-select { + display: inline-block; + position: relative; +} +.el-select .el-select__tags > span { + display: contents; +} +.el-select:hover .el-input__inner { + border-color: #c0c4cc; +} +.el-select .el-input__inner { + cursor: pointer; + padding-right: 35px; +} +.el-select .el-input__inner:focus { + border-color: #4165d7; +} +.el-select .el-input .el-select__caret { + color: #c0c4cc; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); +} +.el-select .el-input .el-select__caret.is-show-close { + font-size: 14px; + text-align: center; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + border-radius: 100%; + color: #c0c4cc; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-select .el-input .el-select__caret.is-show-close:hover { + color: #909399; +} +.el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} +.el-select .el-input.is-disabled .el-input__inner:hover { + border-color: #e4e7ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: #4165d7; +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: 0; + padding: 0; + margin-left: 15px; + color: #666; + font-size: 14px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} +.el-select__input.is-mini { + height: 14px; +} +.el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: #c0c4cc; + line-height: 18px; + font-size: 14px; +} +.el-select__close:hover { + color: #909399; +} +.el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-select .el-tag__close { + margin-top: -2px; +} +.el-select .el-tag { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; +} +.el-select .el-tag__close.el-icon-close { + background-color: #c0c4cc; + right: -7px; + top: 0; + color: #fff; +} +.el-select .el-tag__close.el-icon-close:hover { + background-color: #909399; +} +.el-table, +.el-table__expanded-cell { + background-color: #fff; +} +.el-select .el-tag__close.el-icon-close::before { + display: block; + -webkit-transform: translate(0, 0.5px); + transform: translate(0, 0.5px); +} +.el-table { + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + font-size: 14px; + color: #606266; +} +.el-table--mini, +.el-table--small, +.el-table__expand-icon { + font-size: 12px; +} +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-table__empty-text { + line-height: 60px; + width: 50%; + color: #909399; +} +.el-table__expand-column .cell { + padding: 0; + text-align: center; +} +.el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; + height: 20px; +} +.el-table__expand-icon--expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-table__expand-icon > .el-icon { + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; +} +.el-table__expanded-cell[class*="cell"] { + padding: 20px 50px; +} +.el-table__expanded-cell:hover { + background-color: transparent !important; +} +.el-table__placeholder { + display: inline-block; + width: 20px; +} +.el-table__append-wrapper { + overflow: hidden; +} +.el-table--fit { + border-right: 0; + border-bottom: 0; +} +.el-table--fit td.gutter, +.el-table--fit th.gutter { + border-right-width: 1px; +} +.el-table--scrollable-x .el-table__body-wrapper { + overflow-x: auto; +} +.el-table--scrollable-y .el-table__body-wrapper { + overflow-y: auto; +} +.el-table thead { + color: #909399; + font-weight: 500; +} +.el-table thead.is-group th { + background: #f5f7fa; +} +.el-table th, +.el-table tr { + background-color: #fff; +} +.el-table td, +.el-table th { + padding: 12px 0; + min-width: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-overflow: ellipsis; + vertical-align: middle; + position: relative; + text-align: left; +} +.el-table td.is-center, +.el-table th.is-center { + text-align: center; +} +.el-table td.is-right, +.el-table th.is-right { + text-align: right; +} +.el-table td.gutter, +.el-table th.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} +.el-table--medium td, +.el-table--medium th { + padding: 10px 0; +} +.el-table--small td, +.el-table--small th { + padding: 8px 0; +} +.el-table--mini td, +.el-table--mini th { + padding: 6px 0; +} +.el-table .cell, +.el-table--border td:first-child .cell, +.el-table--border th:first-child .cell { + padding-left: 10px; +} +.el-table tr input[type="checkbox"] { + margin: 0; +} +.el-table td, +.el-table th.is-leaf { + border-bottom: 1px solid #ebeef5; +} +.el-table th.is-sortable { + cursor: pointer; +} +.el-table th { + overflow: hidden; + -ms-user-select: none; + user-select: none; +} +.el-table th > .cell { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: 100%; +} +.el-table th > .cell.highlight { + color: #4165d7; +} +.el-table th.required > div::before { + display: inline-block; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #ff4d51; + margin-right: 5px; + vertical-align: middle; +} +.el-table td div { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table td.gutter { + width: 0; +} +.el-table .cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-break: break-all; + line-height: 23px; + padding-right: 10px; +} +.el-table .cell.el-tooltip { + white-space: nowrap; + min-width: 50px; +} +.el-table--border, +.el-table--group { + border: 1px solid #ebeef5; +} +.el-table--border::after, +.el-table--group::after, +.el-table::before { + content: ""; + position: absolute; + background-color: #ebeef5; + z-index: 1; +} +.el-table--border::after, +.el-table--group::after { + top: 0; + right: 0; + width: 1px; + height: 100%; +} +.el-table::before { + left: 0; + bottom: 0; + width: 100%; + height: 1px; +} +.el-table--border { + border-right: none; + border-bottom: none; +} +.el-table--border.el-loading-parent--relative { + border-color: transparent; +} +.el-table--border td, +.el-table--border th, +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #ebeef5; +} +.el-table--border th.gutter:last-of-type { + border-bottom: 1px solid #ebeef5; + border-bottom-width: 1px; +} +.el-table--border th, +.el-table__fixed-right-patch { + border-bottom: 1px solid #ebeef5; +} +.el-table__fixed, +.el-table__fixed-right { + position: absolute; + top: 0; + left: 0; + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); +} +.el-table__fixed-right::before, +.el-table__fixed::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #ebeef5; + z-index: 4; +} +.el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: #fff; +} +.el-table__fixed-right { + top: 0; + left: auto; + right: 0; +} +.el-table__fixed-right .el-table__fixed-body-wrapper, +.el-table__fixed-right .el-table__fixed-footer-wrapper, +.el-table__fixed-right .el-table__fixed-header-wrapper { + left: auto; + right: 0; +} +.el-table__fixed-header-wrapper { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper { + position: absolute; + left: 0; + bottom: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper tbody td { + border-top: 1px solid #ebeef5; + background-color: #f5f7fa; + color: #606266; +} +.el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} +.el-table__body-wrapper, +.el-table__footer-wrapper, +.el-table__header-wrapper { + width: 100%; +} +.el-table__footer-wrapper { + margin-top: -1px; +} +.el-table__footer-wrapper td { + border-top: 1px solid #ebeef5; +} +.el-table__body, +.el-table__footer, +.el-table__header { + table-layout: fixed; + border-collapse: separate; +} +.el-table__footer-wrapper, +.el-table__header-wrapper { + overflow: hidden; +} +.el-table__footer-wrapper tbody td, +.el-table__header-wrapper tbody td { + background-color: #f5f7fa; + color: #606266; +} +.el-table__body-wrapper { + overflow: hidden; + position: relative; +} +.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, +.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { + -webkit-box-shadow: none; + box-shadow: none; +} +.el-picker-panel, +.el-table-filter { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-table__body-wrapper + .el-table--border.is-scrolling-right + ~ .el-table__fixed-right { + border-left: 1px solid #ebeef5; +} +.el-table .caret-wrapper { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + width: 24px; + vertical-align: middle; + cursor: pointer; + overflow: initial; + position: relative; +} +.el-table .sort-caret { + width: 0; + height: 0; + border: 5px solid transparent; + position: absolute; + left: 7px; +} +.el-table .sort-caret.ascending { + border-bottom-color: #c0c4cc; + top: 5px; +} +.el-table .sort-caret.descending { + border-top-color: #c0c4cc; + bottom: 7px; +} +.el-table .ascending .sort-caret.ascending { + border-bottom-color: #4165d7; +} +.el-table .descending .sort-caret.descending { + border-top-color: #4165d7; +} +.el-table .hidden-columns { + position: absolute; + z-index: -1; +} +.el-table--striped .el-table__body tr.el-table__row--striped td { + background: #fafafa; +} +.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { + background-color: #ecf0fb; +} +.el-table__body tr.hover-row.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped > td, +.el-table__body tr.hover-row > td { + background-color: #f5f7fa; +} +.el-table__body tr.current-row > td { + background-color: #ecf0fb; +} +.el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid #ebeef5; + z-index: 10; +} +.el-table__column-filter-trigger { + display: inline-block; + line-height: 34px; + cursor: pointer; +} +.el-table__column-filter-trigger i { + color: #909399; + font-size: 12px; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} +.el-table--enable-row-transition .el-table__body td { + -webkit-transition: background-color 0.25s ease; + transition: background-color 0.25s ease; +} +.el-table--enable-row-hover .el-table__body tr:hover > td { + background-color: #f5f7fa; +} +.el-table--fluid-height .el-table__fixed, +.el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} +.el-table [class*="el-table__row--level"] .el-table__expand-icon { + display: inline-block; + width: 20px; + line-height: 20px; + height: 20px; + text-align: center; + margin-right: 3px; +} +.el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} +.el-table-filter { + border: 1px solid #ebeef5; + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 2px 0; +} +.el-date-table td, +.el-date-table td div { + height: 30px; + -webkit-box-sizing: border-box; +} +.el-table-filter__list { + padding: 5px 0; + margin: 0; + list-style: none; + min-width: 100px; +} +.el-table-filter__list-item { + line-height: 36px; + padding: 0 10px; + cursor: pointer; + font-size: 14px; +} +.el-table-filter__list-item:hover { + background-color: #ecf0fb; + color: #6784df; +} +.el-table-filter__list-item.is-active { + background-color: #4165d7; + color: #fff; +} +.el-table-filter__content { + min-width: 100px; +} +.el-table-filter__bottom { + border-top: 1px solid #ebeef5; + padding: 8px; +} +.el-table-filter__bottom button { + background: 0 0; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px; +} +.el-date-table td.in-range div, +.el-date-table td.in-range div:hover, +.el-date-table.is-week-mode .el-date-table__row.current div, +.el-date-table.is-week-mode .el-date-table__row:hover div { + background-color: #f2f6fc; +} +.el-table-filter__bottom button:hover { + color: #4165d7; +} +.el-table-filter__bottom button:focus { + outline: 0; +} +.el-table-filter__bottom button.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-table-filter__wrap { + max-height: 280px; +} +.el-table-filter__checkbox-group { + padding: 10px; +} +.el-table-filter__checkbox-group label.el-checkbox { + display: block; + margin-right: 5px; + margin-bottom: 8px; + margin-left: 5px; +} +.el-table-filter__checkbox-group .el-checkbox:last-child { + margin-bottom: 0; +} +.el-date-table { + font-size: 12px; + -ms-user-select: none; + user-select: none; +} +.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { + color: #606266; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td { + width: 32px; + padding: 4px 0; + box-sizing: border-box; + text-align: center; + cursor: pointer; + position: relative; +} +.el-date-table td div { + padding: 3px 0; + box-sizing: border-box; +} +.el-date-table td span { + width: 24px; + height: 24px; + display: block; + margin: 0 auto; + line-height: 24px; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; +} +.el-date-table td.next-month, +.el-date-table td.prev-month { + color: #c0c4cc; +} +.el-date-table td.today { + position: relative; +} +.el-date-table td.today span { + color: #4165d7; + font-weight: 700; +} +.el-date-table td.today.end-date span, +.el-date-table td.today.start-date span { + color: #fff; +} +.el-date-table td.available:hover { + color: #4165d7; +} +.el-date-table td.current:not(.disabled) span { + color: #fff; + background-color: #4165d7; +} +.el-date-table td.end-date div, +.el-date-table td.start-date div { + color: #fff; +} +.el-date-table td.end-date span, +.el-date-table td.start-date span { + background-color: #4165d7; +} +.el-date-table td.start-date div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table td.end-date div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td.disabled div { + background-color: #f5f7fa; + opacity: 1; + cursor: not-allowed; + color: #c0c4cc; +} +.el-date-table td.selected div { + margin-left: 5px; + margin-right: 5px; + background-color: #f2f6fc; + border-radius: 15px; +} +.el-date-table td.selected div:hover { + background-color: #f2f6fc; +} +.el-date-table td.selected span { + background-color: #4165d7; + color: #fff; + border-radius: 15px; +} +.el-date-table td.week { + font-size: 80%; + color: #606266; +} +.el-month-table, +.el-year-table { + font-size: 12px; + border-collapse: collapse; +} +.el-date-table th { + padding: 5px; + color: #606266; + font-weight: 400; + border-bottom: solid 1px #ebeef5; +} +.el-month-table { + margin: -1px; +} +.el-month-table td { + text-align: center; + padding: 8px 0; + cursor: pointer; +} +.el-month-table td div { + height: 48px; + padding: 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-month-table td.today .cell { + color: #4165d7; + font-weight: 700; +} +.el-month-table td.today.end-date .cell, +.el-month-table td.today.start-date .cell { + color: #fff; +} +.el-month-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-month-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-month-table td .cell { + width: 60px; + height: 36px; + display: block; + line-height: 36px; + color: #606266; + margin: 0 auto; + border-radius: 18px; +} +.el-month-table td .cell:hover { + color: #4165d7; +} +.el-month-table td.in-range div, +.el-month-table td.in-range div:hover { + background-color: #f2f6fc; +} +.el-month-table td.end-date div, +.el-month-table td.start-date div { + color: #fff; +} +.el-month-table td.end-date .cell, +.el-month-table td.start-date .cell { + color: #fff; + background-color: #4165d7; +} +.el-month-table td.start-date div { + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; +} +.el-month-table td.end-date div { + border-top-right-radius: 24px; + border-bottom-right-radius: 24px; +} +.el-month-table td.current:not(.disabled) .cell { + color: #4165d7; +} +.el-year-table { + margin: -1px; +} +.el-year-table .el-icon { + color: #303133; +} +.el-year-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} +.el-year-table td.today .cell { + color: #4165d7; + font-weight: 700; +} +.el-year-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-year-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-year-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: #606266; + margin: 0 auto; +} +.el-year-table td .cell:hover, +.el-year-table td.current:not(.disabled) .cell { + color: #4165d7; +} +.el-date-range-picker { + width: 646px; +} +.el-date-range-picker.has-sidebar { + width: 756px; +} +.el-date-range-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-range-picker .el-picker-panel__body { + min-width: 513px; +} +.el-date-range-picker .el-picker-panel__content { + margin: 0; +} +.el-date-range-picker__header { + position: relative; + text-align: center; + height: 28px; +} +.el-date-range-picker__header [class*="arrow-left"] { + float: left; +} +.el-date-range-picker__header [class*="arrow-right"] { + float: right; +} +.el-date-range-picker__header div { + font-size: 16px; + font-weight: 500; + margin-right: 50px; +} +.el-date-range-picker__content { + float: left; + width: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 16px; +} +.el-date-range-picker__content.is-left { + border-right: 1px solid #e4e4e4; +} +.el-date-range-picker__content .el-date-range-picker__header div { + margin-left: 50px; + margin-right: 50px; +} +.el-date-range-picker__editors-wrap { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; +} +.el-date-range-picker__editors-wrap.is-right { + text-align: right; +} +.el-date-range-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-range-picker__time-header > .el-icon-arrow-right { + font-size: 20px; + vertical-align: middle; + display: table-cell; + color: #303133; +} +.el-date-range-picker__time-picker-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-range-picker__time-picker-wrap .el-picker-panel { + position: absolute; + top: 13px; + right: 0; + z-index: 1; + background: #fff; +} +.el-date-picker { + width: 322px; +} +.el-date-picker.has-sidebar.has-time { + width: 434px; +} +.el-date-picker.has-sidebar { + width: 438px; +} +.el-date-picker.has-time .el-picker-panel__body-wrapper { + position: relative; +} +.el-date-picker .el-picker-panel__content { + width: 292px; +} +.el-date-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-picker__header { + margin: 12px; + text-align: center; +} +.el-date-picker__header--bordered { + margin-bottom: 0; + padding-bottom: 12px; + border-bottom: solid 1px #ebeef5; +} +.el-date-picker__header--bordered + .el-picker-panel__content { + margin-top: 0; +} +.el-date-picker__header-label { + font-size: 16px; + font-weight: 500; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; + color: #606266; +} +.el-date-picker__header-label.active, +.el-date-picker__header-label:hover { + color: #4165d7; +} +.el-date-picker__prev-btn { + float: left; +} +.el-date-picker__next-btn { + float: right; +} +.el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} +.el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} +.time-select { + margin: 5px 0; + min-width: 0; +} +.time-select .el-picker-panel__content { + max-height: 200px; + margin: 0; +} +.time-select-item { + padding: 8px 10px; + font-size: 14px; + line-height: 20px; +} +.time-select-item.selected:not(.disabled) { + color: #4165d7; + font-weight: 700; +} +.time-select-item.disabled { + color: #e4e7ed; + cursor: not-allowed; +} +.time-select-item:hover { + background-color: #f5f7fa; + font-weight: 700; + cursor: pointer; +} +.el-date-editor { + position: relative; + display: inline-block; + text-align: left; +} +.el-date-editor.el-input, +.el-date-editor.el-input__inner { + width: 220px; +} +.el-date-editor--monthrange.el-input, +.el-date-editor--monthrange.el-input__inner { + width: 300px; +} +.el-date-editor--daterange.el-input, +.el-date-editor--daterange.el-input__inner, +.el-date-editor--timerange.el-input, +.el-date-editor--timerange.el-input__inner { + width: 350px; +} +.el-date-editor--datetimerange.el-input, +.el-date-editor--datetimerange.el-input__inner { + width: 400px; +} +.el-date-editor--dates .el-input__inner { + text-overflow: ellipsis; + white-space: nowrap; +} +.el-date-editor .el-icon-circle-close { + cursor: pointer; +} +.el-date-editor .el-range__icon { + font-size: 14px; + margin-left: -5px; + color: #c0c4cc; + float: left; + line-height: 32px; +} +.el-date-editor .el-range-input, +.el-date-editor .el-range-separator { + height: 100%; + margin: 0; + text-align: center; + display: inline-block; + font-size: 14px; +} +.el-date-editor .el-range-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + padding: 0; + width: 39%; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-separator { + padding: 0 5px; + line-height: 32px; + width: 5%; + color: #303133; +} +.el-date-editor .el-range__close-icon { + font-size: 14px; + color: #c0c4cc; + width: 25px; + display: inline-block; + float: right; + line-height: 32px; +} +.el-range-editor.el-input__inner { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 3px 10px; +} +.el-range-editor .el-range-input { + line-height: 1; +} +.el-range-editor.is-active, +.el-range-editor.is-active:hover { + border-color: #4165d7; +} +.el-range-editor--medium.el-input__inner { + height: 36px; +} +.el-range-editor--medium .el-range-separator { + line-height: 28px; + font-size: 14px; +} +.el-range-editor--medium .el-range-input { + font-size: 14px; +} +.el-range-editor--medium .el-range__close-icon, +.el-range-editor--medium .el-range__icon { + line-height: 28px; +} +.el-range-editor--small.el-input__inner { + height: 32px; +} +.el-range-editor--small .el-range-separator { + line-height: 24px; + font-size: 13px; +} +.el-range-editor--small .el-range-input { + font-size: 13px; +} +.el-range-editor--small .el-range__close-icon, +.el-range-editor--small .el-range__icon { + line-height: 24px; +} +.el-range-editor--mini.el-input__inner { + height: 28px; +} +.el-range-editor--mini .el-range-separator { + line-height: 20px; + font-size: 12px; +} +.el-range-editor--mini .el-range-input { + font-size: 12px; +} +.el-range-editor--mini .el-range__close-icon, +.el-range-editor--mini .el-range__icon { + line-height: 20px; +} +.el-range-editor.is-disabled { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled:focus, +.el-range-editor.is-disabled:hover { + border-color: #e4e7ed; +} +.el-range-editor.is-disabled input { + background-color: #f5f7fa; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled .el-range-separator { + color: #c0c4cc; +} +.el-picker-panel { + color: #606266; + border: 1px solid #e4e7ed; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #fff; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-popover, +.el-time-panel { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-picker-panel__body-wrapper::after, +.el-picker-panel__body::after { + content: ""; + display: table; + clear: both; +} +.el-picker-panel__content { + position: relative; + margin: 15px; +} +.el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; + font-size: 0; +} +.el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: #606266; + padding-left: 12px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #4165d7; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #4165d7; +} +.el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: 0 0; + cursor: pointer; + outline: 0; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #4165d7; +} +.el-picker-panel__icon-btn.is-disabled { + color: #bbb; +} +.el-picker-panel__icon-btn.is-disabled:hover { + cursor: not-allowed; +} +.el-picker-panel__link-btn { + vertical-align: middle; +} +.el-picker-panel [slot="sidebar"], +.el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + background-color: #fff; + overflow: auto; +} +.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, +.el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} +.el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33.3%; +} +.el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} +.el-time-spinner__wrapper + .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} +.el-time-spinner__input.el-input .el-input__inner, +.el-time-spinner__list { + padding: 0; + text-align: center; +} +.el-time-spinner__wrapper.is-arrow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + overflow: hidden; +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { + -webkit-transform: translateY(-32px); + transform: translateY(-32px); +} +.el-time-spinner__wrapper.is-arrow + .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #fff; + cursor: default; +} +.el-time-spinner__arrow { + font-size: 12px; + color: #909399; + position: absolute; + left: 0; + width: 100%; + z-index: 1; + text-align: center; + height: 30px; + line-height: 30px; + cursor: pointer; +} +.el-time-spinner__arrow:hover { + color: #4165d7; +} +.el-time-spinner__arrow.el-icon-arrow-up { + top: 10px; +} +.el-time-spinner__arrow.el-icon-arrow-down { + bottom: 10px; +} +.el-time-spinner__input.el-input { + width: 70%; +} +.el-time-spinner__list { + margin: 0; + list-style: none; +} +.el-time-spinner__list::after, +.el-time-spinner__list::before { + content: ""; + display: block; + width: 100%; + height: 80px; +} +.el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; + color: #606266; +} +.el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #f5f7fa; + cursor: pointer; +} +.el-time-spinner__item.active:not(.disabled) { + color: #303133; + font-weight: 700; +} +.el-time-spinner__item.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-time-panel { + margin: 5px 0; + border: 1px solid #e4e7ed; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.el-slider__button, +.el-slider__button-wrapper { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} +.el-time-panel__content::after, +.el-time-panel__content::before { + content: ""; + top: 50%; + position: absolute; + margin-top: -15px; + height: 32px; + z-index: -1; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + text-align: left; + border-top: 1px solid #e4e7ed; + border-bottom: 1px solid #e4e7ed; +} +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12%; +} +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12%; +} +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2); +} +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3); +} +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: #4165d7; +} +.el-time-range-picker { + width: 354px; + overflow: visible; +} +.el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px; +} +.el-time-range-picker__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block; +} +.el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px; +} +.el-time-range-picker__body { + border-radius: 2px; + border: 1px solid #e4e7ed; +} +.el-popover { + position: absolute; + background: #fff; + min-width: 150px; + border: 1px solid #ebeef5; + padding: 12px; + z-index: 2000; + color: #606266; + line-height: 1.4; + text-align: justify; + font-size: 14px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} +.el-popover--plain { + padding: 18px 20px; +} +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.2s ease forwards; +} +@keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} +.el-popup-parent--hidden { + overflow: hidden; +} +.el-message-box { + display: inline-block; + width: 420px; + padding-bottom: 10px; + vertical-align: middle; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ebeef5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.el-message-box__wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; +} +.el-message-box__wrapper::after { + content: ""; + display: inline-block; + height: 100%; + width: 0; + vertical-align: middle; +} +.el-message-box__header { + position: relative; + padding: 15px 15px 10px; +} +.el-message-box__title { + padding-left: 0; + margin-bottom: 0; + font-size: 18px; + line-height: 1; + color: #303133; +} +.el-message-box__headerbtn { + position: absolute; + top: 15px; + right: 15px; + padding: 0; + border: none; + outline: 0; + background: 0 0; + font-size: 16px; + cursor: pointer; +} +.el-form-item.is-error .el-input__inner, +.el-form-item.is-error .el-input__inner:focus, +.el-form-item.is-error .el-textarea__inner, +.el-form-item.is-error .el-textarea__inner:focus, +.el-message-box__input input.invalid, +.el-message-box__input input.invalid:focus { + border-color: #f56c6c; +} +.el-message-box__headerbtn .el-message-box__close { + color: #909399; +} +.el-message-box__headerbtn:focus .el-message-box__close, +.el-message-box__headerbtn:hover .el-message-box__close { + color: #4165d7; +} +.el-message-box__content { + padding: 10px 15px; + color: #606266; + font-size: 14px; +} +.el-message-box__container { + position: relative; +} +.el-message-box__input { + padding-top: 15px; +} +.el-message-box__status { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 24px !important; +} +.el-message-box__status::before { + padding-left: 1px; +} +.el-message-box__status + .el-message-box__message { + padding-left: 36px; + padding-right: 12px; +} +.el-message-box__status.el-icon-success { + color: #67c23a; +} +.el-message-box__status.el-icon-info { + color: #909399; +} +.el-message-box__status.el-icon-warning { + color: #e6a23c; +} +.el-message-box__status.el-icon-error { + color: #f56c6c; +} +.el-message-box__message { + margin: 0; +} +.el-message-box__message p { + margin: 0; + line-height: 24px; +} +.el-message-box__errormsg { + color: #f56c6c; + font-size: 12px; + min-height: 18px; + margin-top: 2px; +} +.el-message-box__btns { + padding: 5px 15px 0; + text-align: right; +} +.el-message-box__btns button:nth-child(2) { + margin-left: 10px; +} +.el-message-box__btns-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.el-message-box--center { + padding-bottom: 30px; +} +.el-message-box--center .el-message-box__header { + padding-top: 30px; +} +.el-message-box--center .el-message-box__title { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message-box--center .el-message-box__status { + position: relative; + top: auto; + padding-right: 5px; + text-align: center; + -webkit-transform: translateY(-1px); + transform: translateY(-1px); +} +.el-message-box--center .el-message-box__message { + margin-left: 0; +} +.el-message-box--center .el-message-box__btns, +.el-message-box--center .el-message-box__content { + text-align: center; +} +.el-message-box--center .el-message-box__content { + padding-left: 27px; + padding-right: 27px; +} +.msgbox-fade-enter-active { + -webkit-animation: msgbox-fade-in 0.3s; + animation: msgbox-fade-in 0.3s; +} +.msgbox-fade-leave-active { + -webkit-animation: msgbox-fade-out 0.3s; + animation: msgbox-fade-out 0.3s; +} +@-webkit-keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-breadcrumb { + font-size: 14px; + line-height: 1; +} +.el-breadcrumb::after, +.el-breadcrumb::before { + display: table; + content: ""; +} +.el-breadcrumb::after { + clear: both; +} +.el-breadcrumb__separator { + margin: 0 9px; + font-weight: 700; + color: #c0c4cc; +} +.el-breadcrumb__separator[class*="icon"] { + margin: 0 6px; + font-weight: 400; +} +.el-breadcrumb__item { + float: left; +} +.el-breadcrumb__inner { + color: #606266; +} +.el-breadcrumb__inner a, +.el-breadcrumb__inner.is-link { + font-weight: 700; + text-decoration: none; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + color: #303133; +} +.el-breadcrumb__inner a:hover, +.el-breadcrumb__inner.is-link:hover { + color: #4165d7; + cursor: pointer; +} +.el-breadcrumb__item:last-child .el-breadcrumb__inner, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, +.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { + font-weight: 400; + color: #606266; + cursor: text; +} +.el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} +.el-form--label-left .el-form-item__label { + text-align: left; +} +.el-form--label-top .el-form-item__label { + float: none; + display: inline-block; + text-align: left; + padding: 0 0 10px; +} +.el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} +.el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} +.el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} +.el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} +.el-form-item { + margin-bottom: 22px; +} +.el-form-item::after, +.el-form-item::before { + display: table; + content: ""; +} +.el-form-item::after { + clear: both; +} +.el-form-item .el-form-item { + margin-bottom: 0; +} +.el-form-item--mini.el-form-item, +.el-form-item--small.el-form-item { + margin-bottom: 18px; +} +.el-form-item .el-input__validateIcon { + display: none; +} +.el-form-item--medium .el-form-item__content, +.el-form-item--medium .el-form-item__label { + line-height: 36px; +} +.el-form-item--small .el-form-item__content, +.el-form-item--small .el-form-item__label { + line-height: 32px; +} +.el-form-item--small .el-form-item__error { + padding-top: 2px; +} +.el-form-item--mini .el-form-item__content, +.el-form-item--mini .el-form-item__label { + line-height: 28px; +} +.el-form-item--mini .el-form-item__error { + padding-top: 1px; +} +.el-form-item__label-wrap { + float: left; +} +.el-form-item__label-wrap .el-form-item__label { + display: inline-block; + float: none; +} +.el-form-item__label { + text-align: right; + vertical-align: middle; + float: left; + font-size: 14px; + color: #606266; + line-height: 40px; + padding: 0 12px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-form-item__content { + line-height: 40px; + position: relative; + font-size: 14px; +} +.el-form-item__content::after, +.el-form-item__content::before { + display: table; + content: ""; +} +.el-form-item__content::after { + clear: both; +} +.el-form-item__content .el-input-group { + vertical-align: top; +} +.el-form-item__error { + color: #f56c6c; + font-size: 12px; + line-height: 1; + padding-top: 4px; + position: absolute; + top: 100%; + left: 0; +} +.el-form-item__error--inline { + position: relative; + top: auto; + left: auto; + display: inline-block; + margin-left: 10px; +} +.el-form-item.is-required:not(.is-no-asterisk) + .el-form-item__label-wrap + > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: "*"; + color: #f56c6c; + margin-right: 4px; +} +.el-form-item.is-error .el-input-group__append .el-input__inner, +.el-form-item.is-error .el-input-group__prepend .el-input__inner { + border-color: transparent; +} +.el-form-item.is-error .el-input__validateIcon { + color: #f56c6c; +} +.el-form-item--feedback .el-input__validateIcon { + display: inline-block; +} +.el-tabs__header { + padding: 0; + position: relative; + margin: 0 0 15px; +} +.el-tabs__active-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + background-color: #4165d7; + z-index: 1; + -webkit-transition: -webkit-transform 0.3s + cubic-bezier(0.645, 0.045, 0.355, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + list-style: none; +} +.el-tabs__new-tab { + float: right; + border: 1px solid #d3dce6; + height: 18px; + width: 18px; + line-height: 18px; + margin: 12px 0 9px 10px; + border-radius: 3px; + text-align: center; + font-size: 12px; + color: #d3dce6; + cursor: pointer; + -webkit-transition: all 0.15s; + transition: all 0.15s; +} +.el-collapse-item__arrow, +.el-tabs__nav { + -webkit-transition: -webkit-transform 0.3s; +} +.el-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); +} +.el-tabs__new-tab:hover { + color: #4165d7; +} +.el-tabs__nav-wrap { + overflow: hidden; + margin-bottom: -1px; + position: relative; +} +.el-tabs__nav-wrap::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #e4e7ed; + z-index: 1; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, +.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs__nav-wrap.is-scrollable { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs__nav-scroll { + overflow: hidden; +} +.el-tabs__nav-next, +.el-tabs__nav-prev { + position: absolute; + cursor: pointer; + line-height: 44px; + font-size: 12px; + color: #909399; +} +.el-tabs__nav-next { + right: 0; +} +.el-tabs__nav-prev { + left: 0; +} +.el-tabs__nav { + white-space: nowrap; + position: relative; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + float: left; + z-index: 2; +} +.el-tabs__nav.is-stretch { + min-width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-tabs__nav.is-stretch > * { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; +} +.el-tabs__item { + padding: 0 20px; + height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 40px; + display: inline-block; + list-style: none; + font-size: 14px; + font-weight: 500; + color: #303133; + position: relative; +} +.el-tabs__item:focus, +.el-tabs__item:focus:active { + outline: 0; +} +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px #4165d7 inset; + box-shadow: 0 0 2px 2px #4165d7 inset; + border-radius: 3px; +} +.el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin-left: 5px; +} +.el-tabs__item .el-icon-close:before { + -webkit-transform: scale(0.9); + transform: scale(0.9); + display: inline-block; +} +.el-tabs__item .el-icon-close:hover { + background-color: #c0c4cc; + color: #fff; +} +.el-tabs__item.is-active { + color: #4165d7; +} +.el-tabs__item:hover { + color: #4165d7; + cursor: pointer; +} +.el-tabs__item.is-disabled { + color: #c0c4cc; + cursor: default; +} +.el-tabs__content { + overflow: hidden; + position: relative; +} +.el-tabs--card > .el-tabs__header { + border-bottom: 1px solid #e4e7ed; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: 1px solid #e4e7ed; + border-bottom: none; + border-radius: 4px 4px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs--card > .el-tabs__header .el-tabs__active-bar { + display: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { + position: relative; + font-size: 12px; + width: 0; + height: 14px; + vertical-align: middle; + line-height: 15px; + overflow: hidden; + top: -1px; + right: -2px; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.el-tabs--card + > .el-tabs__header + .el-tabs__item.is-active.is-closable + .el-icon-close, +.el-tabs--card + > .el-tabs__header + .el-tabs__item.is-closable:hover + .el-icon-close { + width: 14px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item { + border-bottom: 1px solid transparent; + border-left: 1px solid #e4e7ed; + -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { + border-left: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { + padding-left: 13px; + padding-right: 13px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border-bottom-color: #fff; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-left: 20px; + padding-right: 20px; +} +.el-tabs--border-card { + background: #fff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.el-tabs--border-card > .el-tabs__content { + padding: 15px; +} +.el-tabs--border-card > .el-tabs__header { + background-color: #f5f7fa; + border-bottom: 1px solid #e4e7ed; + margin: 0; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item { + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + border: 1px solid transparent; + margin-top: -1px; + color: #909399; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, +.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { + color: #4165d7; + background-color: #fff; + border-right-color: #dcdfe6; + border-left-color: #dcdfe6; +} +.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:not(.is-disabled):hover { + color: #4165d7; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { + color: #c0c4cc; +} +.el-tabs--border-card + > .el-tabs__header + .is-scrollable + .el-tabs__item:first-child { + margin-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--bottom .el-tabs__item.is-top:nth-child(2), +.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--top .el-tabs__item.is-top:nth-child(2) { + padding-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:last-child, +.el-tabs--bottom .el-tabs__item.is-top:last-child, +.el-tabs--top .el-tabs__item.is-bottom:last-child, +.el-tabs--top .el-tabs__item.is-top:last-child { + padding-right: 0; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { + padding-left: 20px; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { + padding-right: 20px; +} +.el-tabs--bottom .el-tabs__header.is-bottom { + margin-bottom: 0; + margin-top: 10px; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { + border-bottom: 0; + border-top: 1px solid #dcdfe6; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { + margin-top: -1px; + margin-bottom: 0; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { + border: 1px solid transparent; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { + margin: 0 -1px -1px; +} +.el-tabs--left, +.el-tabs--right { + overflow: hidden; +} +.el-tabs--left .el-tabs__header.is-left, +.el-tabs--left .el-tabs__header.is-right, +.el-tabs--left .el-tabs__nav-scroll, +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__header.is-left, +.el-tabs--right .el-tabs__header.is-right, +.el-tabs--right .el-tabs__nav-scroll, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + height: 100%; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__active-bar.is-right, +.el-tabs--right .el-tabs__active-bar.is-left, +.el-tabs--right .el-tabs__active-bar.is-right { + top: 0; + bottom: auto; + width: 2px; + height: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-bottom: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + height: 30px; + line-height: 30px; + width: 100%; + text-align: center; + cursor: pointer; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { + -webkit-transform: rotateZ(90deg); + transform: rotateZ(90deg); +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + left: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { + right: auto; + bottom: 0; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-left::after { + right: 0; + left: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { + padding: 30px 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left::after, +.el-tabs--left .el-tabs__nav-wrap.is-right::after, +.el-tabs--right .el-tabs__nav-wrap.is-left::after, +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + height: 100%; + width: 2px; + bottom: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav.is-left, +.el-tabs--left .el-tabs__nav.is-right, +.el-tabs--right .el-tabs__nav.is-left, +.el-tabs--right .el-tabs__nav.is-right { + float: none; +} +.el-tabs--left .el-tabs__item.is-left, +.el-tabs--left .el-tabs__item.is-right, +.el-tabs--right .el-tabs__item.is-left, +.el-tabs--right .el-tabs__item.is-right { + display: block; +} +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, +.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { + display: none; +} +.el-tabs--left .el-tabs__header.is-left { + float: left; + margin-bottom: 0; + margin-right: 10px; +} +.el-tabs--left .el-tabs__nav-wrap.is-left { + margin-right: -1px; +} +.el-tabs--left .el-tabs__item.is-left { + text-align: right; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left { + border-left: none; + border-right: 1px solid #e4e7ed; + border-bottom: none; + border-top: 1px solid #e4e7ed; + text-align: left; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { + border-right: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { + border: 1px solid #e4e7ed; + border-right-color: #fff; + border-left: none; + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__nav { + border-radius: 4px 0 0 4px; + border-bottom: 1px solid #e4e7ed; + border-right: none; +} +.el-tabs--left.el-tabs--card .el-tabs__new-tab { + float: none; +} +.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { + border-right: 1px solid #dfe4ed; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { + border: 1px solid transparent; + margin: -1px 0 -1px -1px; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { + border-color: #d1dbe5 transparent; +} +.el-tabs--right .el-tabs__header.is-right { + float: right; + margin-bottom: 0; + margin-left: 10px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-left: -1px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + left: 0; + right: auto; +} +.el-tabs--right .el-tabs__active-bar.is-right { + left: 0; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right { + border-bottom: none; + border-top: 1px solid #e4e7ed; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { + border-left: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { + border: 1px solid #e4e7ed; + border-left-color: #fff; + border-right: none; + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__nav { + border-radius: 0 4px 4px 0; + border-bottom: 1px solid #e4e7ed; + border-left: none; +} +.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { + border-left: 1px solid #dfe4ed; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { + border: 1px solid transparent; + margin: -1px -1px -1px 0; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { + border-color: #d1dbe5 transparent; +} +.slideInLeft-transition, +.slideInRight-transition { + display: inline-block; +} +.slideInRight-enter { + -webkit-animation: slideInRight-enter 0.3s; + animation: slideInRight-enter 0.3s; +} +.slideInRight-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInRight-leave 0.3s; + animation: slideInRight-leave 0.3s; +} +.slideInLeft-enter { + -webkit-animation: slideInLeft-enter 0.3s; + animation: slideInLeft-enter 0.3s; +} +.slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInLeft-leave 0.3s; + animation: slideInLeft-leave 0.3s; +} +@-webkit-keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@-webkit-keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +.el-tree { + position: relative; + cursor: default; + background: #fff; + color: #606266; +} +.el-tree__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} +.el-tree__empty-text { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: #909399; + font-size: 14px; +} +.el-tree__drop-indicator { + position: absolute; + left: 0; + right: 0; + height: 1px; + background-color: #4165d7; +} +.el-tree-node { + white-space: nowrap; + outline: 0; +} +.el-tree-node:focus > .el-tree-node__content { + background-color: #f5f7fa; +} +.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { + background-color: #4165d7; + color: #fff; +} +.el-tree-node__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 26px; + cursor: pointer; +} +.el-tree-node__content > .el-tree-node__expand-icon { + padding: 6px; +} +.el-tree-node__content > label.el-checkbox { + margin-right: 8px; +} +.el-tree-node__content:hover { + background-color: #f5f7fa; +} +.el-tree.is-dragging .el-tree-node__content { + cursor: move; +} +.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { + cursor: not-allowed; +} +.el-tree-node__expand-icon { + cursor: pointer; + color: #c0c4cc; + font-size: 12px; + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; +} +.el-tree-node__expand-icon.expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-tree-node__expand-icon.is-leaf { + color: transparent; + cursor: default; +} +.el-tree-node__label { + font-size: 14px; +} +.el-tree-node__loading-icon { + margin-right: 8px; + font-size: 14px; + color: #c0c4cc; +} +.el-tree-node > .el-tree-node__children { + overflow: hidden; + background-color: transparent; +} +.el-tree-node.is-expanded > .el-tree-node__children { + display: block; +} +.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + background-color: #f0f3fc; +} +.el-alert { + width: 100%; + padding: 8px 16px; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + position: relative; + background-color: #fff; + overflow: hidden; + opacity: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.el-alert.is-light .el-alert__closebtn { + color: #c0c4cc; +} +.el-alert.is-dark .el-alert__closebtn, +.el-alert.is-dark .el-alert__description { + color: #fff; +} +.el-alert.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-alert--success.is-light { + background-color: #f0f9eb; + color: #67c23a; +} +.el-alert--success.is-light .el-alert__description { + color: #67c23a; +} +.el-alert--success.is-dark { + background-color: #67c23a; + color: #fff; +} +.el-alert--info.is-light { + background-color: #f4f4f5; + color: #909399; +} +.el-alert--info.is-dark { + background-color: #909399; + color: #fff; +} +.el-alert--info .el-alert__description { + color: #909399; +} +.el-alert--warning.is-light { + background-color: #fdf6ec; + color: #e6a23c; +} +.el-alert--warning.is-light .el-alert__description { + color: #e6a23c; +} +.el-alert--warning.is-dark { + background-color: #e6a23c; + color: #fff; +} +.el-alert--error.is-light { + background-color: #fef0f0; + color: #f56c6c; +} +.el-alert--error.is-light .el-alert__description { + color: #f56c6c; +} +.el-alert--error.is-dark { + background-color: #f56c6c; + color: #fff; +} +.el-alert__content { + display: table-cell; + padding: 0 8px; +} +.el-alert__icon { + font-size: 16px; + width: 16px; +} +.el-alert__icon.is-big { + font-size: 28px; + width: 28px; +} +.el-alert__title { + font-size: 13px; + line-height: 18px; +} +.el-alert__title.is-bold { + font-weight: 700; +} +.el-alert .el-alert__description { + font-size: 12px; + margin: 5px 0 0; +} +.el-alert__closebtn { + font-size: 12px; + opacity: 1; + position: absolute; + top: 12px; + right: 15px; + cursor: pointer; +} +.el-alert-fade-enter, +.el-alert-fade-leave-active, +.el-loading-fade-enter, +.el-loading-fade-leave-active, +.el-notification-fade-leave-active { + opacity: 0; +} +.el-alert__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px; +} +.el-notification { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 330px; + padding: 14px 26px 14px 13px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #ebeef5; + position: fixed; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, + bottom 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, + bottom 0.3s, -webkit-transform 0.3s; + overflow: hidden; +} +.el-notification.right { + right: 16px; +} +.el-notification.left { + left: 16px; +} +.el-notification__group { + margin-left: 13px; + margin-right: 8px; +} +.el-notification__title { + font-weight: 700; + font-size: 16px; + color: #303133; + margin: 0; +} +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 0; + color: #606266; + text-align: justify; +} +.el-notification__content p { + margin: 0; +} +.el-notification__icon { + height: 24px; + width: 24px; + font-size: 24px; +} +.el-notification__closeBtn { + position: absolute; + top: 18px; + right: 15px; + cursor: pointer; + color: #909399; + font-size: 16px; +} +.el-notification__closeBtn:hover { + color: #606266; +} +.el-notification .el-icon-success { + color: #67c23a; +} +.el-notification .el-icon-error { + color: #f56c6c; +} +.el-notification .el-icon-info { + color: #909399; +} +.el-notification .el-icon-warning { + color: #e6a23c; +} +.el-notification-fade-enter.right { + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.el-notification-fade-enter.left { + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.el-input-number { + position: relative; + display: inline-block; + width: 180px; + line-height: 38px; +} +.el-input-number .el-input { + display: block; +} +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center; +} +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; + color: #606266; + cursor: pointer; + font-size: 13px; +} +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: #4165d7; +} +.el-input-number__decrease:hover:not(.is-disabled) + ~ .el-input + .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled) + ~ .el-input + .el-input__inner:not(.is-disabled) { + border-color: #4165d7; +} +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dcdfe6; +} +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dcdfe6; +} +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed; +} +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; + cursor: not-allowed; +} +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px; +} +.el-input-number--medium .el-input__inner { + padding-left: 43px; + padding-right: 43px; +} +.el-input-number--small { + width: 130px; + line-height: 30px; +} +.el-input-number--small .el-input-number__decrease, +.el-input-number--small .el-input-number__increase { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__decrease [class*="el-icon"], +.el-input-number--small .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.el-input-number--small .el-input__inner { + padding-left: 39px; + padding-right: 39px; +} +.el-input-number--mini { + width: 130px; + line-height: 26px; +} +.el-input-number--mini .el-input-number__decrease, +.el-input-number--mini .el-input-number__increase { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__decrease [class*="el-icon"], +.el-input-number--mini .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number--mini .el-input__inner { + padding-left: 35px; + padding-right: 35px; +} +.el-input-number.is-without-controls .el-input__inner { + padding-left: 15px; + padding-right: 15px; +} +.el-input-number.is-controls-right .el-input__inner { + padding-left: 15px; + padding-right: 50px; +} +.el-input-number.is-controls-right .el-input-number__decrease, +.el-input-number.is-controls-right .el-input-number__increase { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right + .el-input-number__decrease + [class*="el-icon"], +.el-input-number.is-controls-right + .el-input-number__increase + [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number.is-controls-right .el-input-number__increase { + border-radius: 0 4px 0 0; + border-bottom: 1px solid #dcdfe6; +} +.el-input-number.is-controls-right .el-input-number__decrease { + right: 1px; + bottom: 1px; + top: auto; + left: auto; + border-right: none; + border-left: 1px solid #dcdfe6; + border-radius: 0 0 4px; +} +.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], +.el-input-number.is-controls-right[class*="medium"] [class*="increase"] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*="small"] [class*="decrease"], +.el-input-number.is-controls-right[class*="small"] [class*="increase"] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], +.el-input-number.is-controls-right[class*="mini"] [class*="increase"] { + line-height: 13px; +} +.el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; + min-width: 10px; + word-wrap: break-word; +} +.el-tooltip__popper .popper__arrow, +.el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-tooltip__popper .popper__arrow { + border-width: 6px; +} +.el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} +.el-progress-bar__inner::after, +.el-row::after, +.el-row::before, +.el-slider::after, +.el-slider::before, +.el-slider__button-wrapper::after, +.el-upload-cover::after { + content: ""; +} +.el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper.is-dark { + background: #303133; + color: #fff; +} +.el-tooltip__popper.is-light { + background: #fff; + border: 1px solid #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} +.el-slider::after, +.el-slider::before { + display: table; +} +.el-slider__button-wrapper .el-tooltip, +.el-slider__button-wrapper::after { + vertical-align: middle; + display: inline-block; +} +.el-slider::after { + clear: both; +} +.el-slider__runway { + width: 100%; + height: 6px; + margin: 16px 0; + background-color: #e4e7ed; + border-radius: 3px; + position: relative; + cursor: pointer; + vertical-align: middle; +} +.el-slider__runway.show-input { + margin-right: 160px; + width: auto; +} +.el-slider__runway.disabled { + cursor: default; +} +.el-slider__runway.disabled .el-slider__bar { + background-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button { + border-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button-wrapper.dragging, +.el-slider__runway.disabled .el-slider__button-wrapper.hover, +.el-slider__runway.disabled .el-slider__button-wrapper:hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button.dragging, +.el-slider__runway.disabled .el-slider__button.hover, +.el-slider__runway.disabled .el-slider__button:hover { + -webkit-transform: scale(1); + transform: scale(1); + cursor: not-allowed; +} +.el-slider__button-wrapper, +.el-slider__stop { + -webkit-transform: translateX(-50%); + position: absolute; +} +.el-slider__input { + float: right; + margin-top: 3px; + width: 130px; +} +.el-slider__input.el-input-number--mini { + margin-top: 5px; +} +.el-slider__input.el-input-number--medium { + margin-top: 0; +} +.el-slider__input.el-input-number--large { + margin-top: -2px; +} +.el-slider__bar { + height: 6px; + background-color: #4165d7; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute; +} +.el-slider__button-wrapper { + height: 36px; + width: 36px; + z-index: 1001; + top: -15px; + transform: translateX(-50%); + background-color: transparent; + text-align: center; + user-select: none; + line-height: normal; +} +.el-slider__button-wrapper::after { + height: 100%; +} +.el-slider__button-wrapper.hover, +.el-slider__button-wrapper:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button-wrapper.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__button { + width: 16px; + height: 16px; + border: 2px solid #4165d7; + background-color: #fff; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + user-select: none; +} +.el-image-viewer__btn, +.el-step__icon-inner { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-slider__button.dragging, +.el-slider__button.hover, +.el-slider__button:hover { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.el-slider__button.hover, +.el-slider__button:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__stop { + height: 6px; + width: 6px; + border-radius: 100%; + background-color: #fff; + transform: translateX(-50%); +} +.el-slider__marks { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.el-slider__marks-text { + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 14px; + color: #909399; + margin-top: 15px; +} +.el-slider.is-vertical { + position: relative; +} +.el-slider.is-vertical .el-slider__runway { + width: 6px; + height: 100%; + margin: 0 16px; +} +.el-slider.is-vertical .el-slider__bar { + width: 6px; + height: auto; + border-radius: 0 0 3px 3px; +} +.el-slider.is-vertical .el-slider__button-wrapper { + top: auto; + left: -15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical .el-slider__stop { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical.el-slider--with-input { + padding-bottom: 58px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input { + overflow: visible; + float: none; + position: absolute; + bottom: 22px; + width: 36px; + margin-top: 15px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input__inner { + text-align: center; + padding-left: 5px; + padding-right: 5px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase { + top: 32px; + margin-top: -1px; + border: 1px solid #dcdfe6; + line-height: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__decrease { + width: 18px; + right: 18px; + border-bottom-left-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase { + width: 19px; + border-bottom-right-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase + ~ .el-input + .el-input__inner { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:hover + .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:hover + .el-input-number__increase { + border-color: #c0c4cc; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:active + .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:active + .el-input-number__increase { + border-color: #4165d7; +} +.el-slider.is-vertical .el-slider__marks-text { + margin-top: 0; + left: 15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-loading-parent--relative { + position: relative !important; +} +.el-loading-parent--hidden { + overflow: hidden !important; +} +.el-loading-mask { + position: absolute; + z-index: 2000; + background-color: rgba(255, 255, 255, 0.9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-loading-mask.is-fullscreen { + position: fixed; +} +.el-loading-mask.is-fullscreen .el-loading-spinner { + margin-top: -25px; +} +.el-loading-mask.is-fullscreen .el-loading-spinner .circular { + height: 50px; + width: 50px; +} +.el-loading-spinner { + top: 50%; + margin-top: -21px; + width: 100%; + text-align: center; + position: absolute; +} +.el-col-pull-0, +.el-col-pull-1, +.el-col-pull-10, +.el-col-pull-11, +.el-col-pull-13, +.el-col-pull-14, +.el-col-pull-15, +.el-col-pull-16, +.el-col-pull-17, +.el-col-pull-18, +.el-col-pull-19, +.el-col-pull-2, +.el-col-pull-20, +.el-col-pull-21, +.el-col-pull-22, +.el-col-pull-23, +.el-col-pull-24, +.el-col-pull-3, +.el-col-pull-4, +.el-col-pull-5, +.el-col-pull-6, +.el-col-pull-7, +.el-col-pull-8, +.el-col-pull-9, +.el-col-push-0, +.el-col-push-1, +.el-col-push-10, +.el-col-push-11, +.el-col-push-12, +.el-col-push-13, +.el-col-push-14, +.el-col-push-15, +.el-col-push-16, +.el-col-push-17, +.el-col-push-18, +.el-col-push-19, +.el-col-push-2, +.el-col-push-20, +.el-col-push-21, +.el-col-push-22, +.el-col-push-23, +.el-col-push-24, +.el-col-push-3, +.el-col-push-4, +.el-col-push-5, +.el-col-push-6, +.el-col-push-7, +.el-col-push-8, +.el-col-push-9, +.el-row { + position: relative; +} +.el-loading-spinner .el-loading-text { + color: #4165d7; + margin: 3px 0; + font-size: 14px; +} +.el-loading-spinner .circular { + height: 42px; + width: 42px; + -webkit-animation: loading-rotate 2s linear infinite; + animation: loading-rotate 2s linear infinite; +} +.el-loading-spinner .path { + -webkit-animation: loading-dash 1.5s ease-in-out infinite; + animation: loading-dash 1.5s ease-in-out infinite; + stroke-dasharray: 90, 150; + stroke-dashoffset: 0; + stroke-width: 2; + stroke: #4165d7; + stroke-linecap: round; +} +.el-loading-spinner i { + color: #4165d7; +} +@-webkit-keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +@keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +.el-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-row::after, +.el-row::before { + display: table; +} +.el-row::after { + clear: both; +} +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-col-0, +.el-row--flex:after, +.el-row--flex:before { + display: none; +} +.el-row--flex.is-justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-row--flex.is-justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.el-row--flex.is-justify-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.el-row--flex.is-justify-space-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-row--flex.is-align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-row--flex.is-align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +[class*="el-col-"] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-upload--picture-card, +.el-upload-dragger { + -webkit-box-sizing: border-box; + cursor: pointer; +} +.el-col-0 { + width: 0%; +} +.el-col-offset-0 { + margin-left: 0; +} +.el-col-pull-0 { + right: 0; +} +.el-col-push-0 { + left: 0; +} +.el-col-1 { + width: 4.16667%; +} +.el-col-offset-1 { + margin-left: 4.16667%; +} +.el-col-pull-1 { + right: 4.16667%; +} +.el-col-push-1 { + left: 4.16667%; +} +.el-col-2 { + width: 8.33333%; +} +.el-col-offset-2 { + margin-left: 8.33333%; +} +.el-col-pull-2 { + right: 8.33333%; +} +.el-col-push-2 { + left: 8.33333%; +} +.el-col-3 { + width: 12.5%; +} +.el-col-offset-3 { + margin-left: 12.5%; +} +.el-col-pull-3 { + right: 12.5%; +} +.el-col-push-3 { + left: 12.5%; +} +.el-col-4 { + width: 16.66667%; +} +.el-col-offset-4 { + margin-left: 16.66667%; +} +.el-col-pull-4 { + right: 16.66667%; +} +.el-col-push-4 { + left: 16.66667%; +} +.el-col-5 { + width: 20.83333%; +} +.el-col-offset-5 { + margin-left: 20.83333%; +} +.el-col-pull-5 { + right: 20.83333%; +} +.el-col-push-5 { + left: 20.83333%; +} +.el-col-6 { + width: 25%; +} +.el-col-offset-6 { + margin-left: 25%; +} +.el-col-pull-6 { + right: 25%; +} +.el-col-push-6 { + left: 25%; +} +.el-col-7 { + width: 29.16667%; +} +.el-col-offset-7 { + margin-left: 29.16667%; +} +.el-col-pull-7 { + right: 29.16667%; +} +.el-col-push-7 { + left: 29.16667%; +} +.el-col-8 { + width: 33.33333%; +} +.el-col-offset-8 { + margin-left: 33.33333%; +} +.el-col-pull-8 { + right: 33.33333%; +} +.el-col-push-8 { + left: 33.33333%; +} +.el-col-9 { + width: 37.5%; +} +.el-col-offset-9 { + margin-left: 37.5%; +} +.el-col-pull-9 { + right: 37.5%; +} +.el-col-push-9 { + left: 37.5%; +} +.el-col-10 { + width: 41.66667%; +} +.el-col-offset-10 { + margin-left: 41.66667%; +} +.el-col-pull-10 { + right: 41.66667%; +} +.el-col-push-10 { + left: 41.66667%; +} +.el-col-11 { + width: 45.83333%; +} +.el-col-offset-11 { + margin-left: 45.83333%; +} +.el-col-pull-11 { + right: 45.83333%; +} +.el-col-push-11 { + left: 45.83333%; +} +.el-col-12 { + width: 50%; +} +.el-col-offset-12 { + margin-left: 50%; +} +.el-col-pull-12 { + position: relative; + right: 50%; +} +.el-col-push-12 { + left: 50%; +} +.el-col-13 { + width: 54.16667%; +} +.el-col-offset-13 { + margin-left: 54.16667%; +} +.el-col-pull-13 { + right: 54.16667%; +} +.el-col-push-13 { + left: 54.16667%; +} +.el-col-14 { + width: 58.33333%; +} +.el-col-offset-14 { + margin-left: 58.33333%; +} +.el-col-pull-14 { + right: 58.33333%; +} +.el-col-push-14 { + left: 58.33333%; +} +.el-col-15 { + width: 62.5%; +} +.el-col-offset-15 { + margin-left: 62.5%; +} +.el-col-pull-15 { + right: 62.5%; +} +.el-col-push-15 { + left: 62.5%; +} +.el-col-16 { + width: 66.66667%; +} +.el-col-offset-16 { + margin-left: 66.66667%; +} +.el-col-pull-16 { + right: 66.66667%; +} +.el-col-push-16 { + left: 66.66667%; +} +.el-col-17 { + width: 70.83333%; +} +.el-col-offset-17 { + margin-left: 70.83333%; +} +.el-col-pull-17 { + right: 70.83333%; +} +.el-col-push-17 { + left: 70.83333%; +} +.el-col-18 { + width: 75%; +} +.el-col-offset-18 { + margin-left: 75%; +} +.el-col-pull-18 { + right: 75%; +} +.el-col-push-18 { + left: 75%; +} +.el-col-19 { + width: 79.16667%; +} +.el-col-offset-19 { + margin-left: 79.16667%; +} +.el-col-pull-19 { + right: 79.16667%; +} +.el-col-push-19 { + left: 79.16667%; +} +.el-col-20 { + width: 83.33333%; +} +.el-col-offset-20 { + margin-left: 83.33333%; +} +.el-col-pull-20 { + right: 83.33333%; +} +.el-col-push-20 { + left: 83.33333%; +} +.el-col-21 { + width: 87.5%; +} +.el-col-offset-21 { + margin-left: 87.5%; +} +.el-col-pull-21 { + right: 87.5%; +} +.el-col-push-21 { + left: 87.5%; +} +.el-col-22 { + width: 91.66667%; +} +.el-col-offset-22 { + margin-left: 91.66667%; +} +.el-col-pull-22 { + right: 91.66667%; +} +.el-col-push-22 { + left: 91.66667%; +} +.el-col-23 { + width: 95.83333%; +} +.el-col-offset-23 { + margin-left: 95.83333%; +} +.el-col-pull-23 { + right: 95.83333%; +} +.el-col-push-23 { + left: 95.83333%; +} +.el-col-24 { + width: 100%; +} +.el-col-offset-24 { + margin-left: 100%; +} +.el-col-pull-24 { + right: 100%; +} +.el-col-push-24 { + left: 100%; +} +@media only screen and (max-width: 767px) { + .el-col-xs-0 { + display: none; + width: 0%; + } + .el-col-xs-offset-0 { + margin-left: 0; + } + .el-col-xs-pull-0 { + position: relative; + right: 0; + } + .el-col-xs-push-0 { + position: relative; + left: 0; + } + .el-col-xs-1 { + width: 4.16667%; + } + .el-col-xs-offset-1 { + margin-left: 4.16667%; + } + .el-col-xs-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xs-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xs-2 { + width: 8.33333%; + } + .el-col-xs-offset-2 { + margin-left: 8.33333%; + } + .el-col-xs-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xs-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xs-3 { + width: 12.5%; + } + .el-col-xs-offset-3 { + margin-left: 12.5%; + } + .el-col-xs-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xs-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xs-4 { + width: 16.66667%; + } + .el-col-xs-offset-4 { + margin-left: 16.66667%; + } + .el-col-xs-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xs-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xs-5 { + width: 20.83333%; + } + .el-col-xs-offset-5 { + margin-left: 20.83333%; + } + .el-col-xs-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xs-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xs-6 { + width: 25%; + } + .el-col-xs-offset-6 { + margin-left: 25%; + } + .el-col-xs-pull-6 { + position: relative; + right: 25%; + } + .el-col-xs-push-6 { + position: relative; + left: 25%; + } + .el-col-xs-7 { + width: 29.16667%; + } + .el-col-xs-offset-7 { + margin-left: 29.16667%; + } + .el-col-xs-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xs-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xs-8 { + width: 33.33333%; + } + .el-col-xs-offset-8 { + margin-left: 33.33333%; + } + .el-col-xs-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xs-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xs-9 { + width: 37.5%; + } + .el-col-xs-offset-9 { + margin-left: 37.5%; + } + .el-col-xs-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xs-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xs-10 { + width: 41.66667%; + } + .el-col-xs-offset-10 { + margin-left: 41.66667%; + } + .el-col-xs-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xs-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xs-11 { + width: 45.83333%; + } + .el-col-xs-offset-11 { + margin-left: 45.83333%; + } + .el-col-xs-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xs-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xs-12 { + width: 50%; + } + .el-col-xs-offset-12 { + margin-left: 50%; + } + .el-col-xs-pull-12 { + position: relative; + right: 50%; + } + .el-col-xs-push-12 { + position: relative; + left: 50%; + } + .el-col-xs-13 { + width: 54.16667%; + } + .el-col-xs-offset-13 { + margin-left: 54.16667%; + } + .el-col-xs-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xs-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xs-14 { + width: 58.33333%; + } + .el-col-xs-offset-14 { + margin-left: 58.33333%; + } + .el-col-xs-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xs-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xs-15 { + width: 62.5%; + } + .el-col-xs-offset-15 { + margin-left: 62.5%; + } + .el-col-xs-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xs-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xs-16 { + width: 66.66667%; + } + .el-col-xs-offset-16 { + margin-left: 66.66667%; + } + .el-col-xs-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xs-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xs-17 { + width: 70.83333%; + } + .el-col-xs-offset-17 { + margin-left: 70.83333%; + } + .el-col-xs-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xs-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xs-18 { + width: 75%; + } + .el-col-xs-offset-18 { + margin-left: 75%; + } + .el-col-xs-pull-18 { + position: relative; + right: 75%; + } + .el-col-xs-push-18 { + position: relative; + left: 75%; + } + .el-col-xs-19 { + width: 79.16667%; + } + .el-col-xs-offset-19 { + margin-left: 79.16667%; + } + .el-col-xs-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xs-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xs-20 { + width: 83.33333%; + } + .el-col-xs-offset-20 { + margin-left: 83.33333%; + } + .el-col-xs-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xs-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xs-21 { + width: 87.5%; + } + .el-col-xs-offset-21 { + margin-left: 87.5%; + } + .el-col-xs-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xs-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xs-22 { + width: 91.66667%; + } + .el-col-xs-offset-22 { + margin-left: 91.66667%; + } + .el-col-xs-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xs-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xs-23 { + width: 95.83333%; + } + .el-col-xs-offset-23 { + margin-left: 95.83333%; + } + .el-col-xs-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xs-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xs-24 { + width: 100%; + } + .el-col-xs-offset-24 { + margin-left: 100%; + } + .el-col-xs-pull-24 { + position: relative; + right: 100%; + } + .el-col-xs-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 768px) { + .el-col-sm-0 { + display: none; + width: 0%; + } + .el-col-sm-offset-0 { + margin-left: 0; + } + .el-col-sm-pull-0 { + position: relative; + right: 0; + } + .el-col-sm-push-0 { + position: relative; + left: 0; + } + .el-col-sm-1 { + width: 4.16667%; + } + .el-col-sm-offset-1 { + margin-left: 4.16667%; + } + .el-col-sm-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-sm-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-sm-2 { + width: 8.33333%; + } + .el-col-sm-offset-2 { + margin-left: 8.33333%; + } + .el-col-sm-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-sm-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-sm-3 { + width: 12.5%; + } + .el-col-sm-offset-3 { + margin-left: 12.5%; + } + .el-col-sm-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-sm-push-3 { + position: relative; + left: 12.5%; + } + .el-col-sm-4 { + width: 16.66667%; + } + .el-col-sm-offset-4 { + margin-left: 16.66667%; + } + .el-col-sm-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-sm-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-sm-5 { + width: 20.83333%; + } + .el-col-sm-offset-5 { + margin-left: 20.83333%; + } + .el-col-sm-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-sm-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-sm-6 { + width: 25%; + } + .el-col-sm-offset-6 { + margin-left: 25%; + } + .el-col-sm-pull-6 { + position: relative; + right: 25%; + } + .el-col-sm-push-6 { + position: relative; + left: 25%; + } + .el-col-sm-7 { + width: 29.16667%; + } + .el-col-sm-offset-7 { + margin-left: 29.16667%; + } + .el-col-sm-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-sm-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-sm-8 { + width: 33.33333%; + } + .el-col-sm-offset-8 { + margin-left: 33.33333%; + } + .el-col-sm-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-sm-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-sm-9 { + width: 37.5%; + } + .el-col-sm-offset-9 { + margin-left: 37.5%; + } + .el-col-sm-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-sm-push-9 { + position: relative; + left: 37.5%; + } + .el-col-sm-10 { + width: 41.66667%; + } + .el-col-sm-offset-10 { + margin-left: 41.66667%; + } + .el-col-sm-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-sm-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-sm-11 { + width: 45.83333%; + } + .el-col-sm-offset-11 { + margin-left: 45.83333%; + } + .el-col-sm-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-sm-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-sm-12 { + width: 50%; + } + .el-col-sm-offset-12 { + margin-left: 50%; + } + .el-col-sm-pull-12 { + position: relative; + right: 50%; + } + .el-col-sm-push-12 { + position: relative; + left: 50%; + } + .el-col-sm-13 { + width: 54.16667%; + } + .el-col-sm-offset-13 { + margin-left: 54.16667%; + } + .el-col-sm-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-sm-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-sm-14 { + width: 58.33333%; + } + .el-col-sm-offset-14 { + margin-left: 58.33333%; + } + .el-col-sm-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-sm-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-sm-15 { + width: 62.5%; + } + .el-col-sm-offset-15 { + margin-left: 62.5%; + } + .el-col-sm-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-sm-push-15 { + position: relative; + left: 62.5%; + } + .el-col-sm-16 { + width: 66.66667%; + } + .el-col-sm-offset-16 { + margin-left: 66.66667%; + } + .el-col-sm-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-sm-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-sm-17 { + width: 70.83333%; + } + .el-col-sm-offset-17 { + margin-left: 70.83333%; + } + .el-col-sm-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-sm-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-sm-18 { + width: 75%; + } + .el-col-sm-offset-18 { + margin-left: 75%; + } + .el-col-sm-pull-18 { + position: relative; + right: 75%; + } + .el-col-sm-push-18 { + position: relative; + left: 75%; + } + .el-col-sm-19 { + width: 79.16667%; + } + .el-col-sm-offset-19 { + margin-left: 79.16667%; + } + .el-col-sm-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-sm-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-sm-20 { + width: 83.33333%; + } + .el-col-sm-offset-20 { + margin-left: 83.33333%; + } + .el-col-sm-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-sm-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-sm-21 { + width: 87.5%; + } + .el-col-sm-offset-21 { + margin-left: 87.5%; + } + .el-col-sm-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-sm-push-21 { + position: relative; + left: 87.5%; + } + .el-col-sm-22 { + width: 91.66667%; + } + .el-col-sm-offset-22 { + margin-left: 91.66667%; + } + .el-col-sm-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-sm-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-sm-23 { + width: 95.83333%; + } + .el-col-sm-offset-23 { + margin-left: 95.83333%; + } + .el-col-sm-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-sm-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-sm-24 { + width: 100%; + } + .el-col-sm-offset-24 { + margin-left: 100%; + } + .el-col-sm-pull-24 { + position: relative; + right: 100%; + } + .el-col-sm-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 992px) { + .el-col-md-0 { + display: none; + width: 0%; + } + .el-col-md-offset-0 { + margin-left: 0; + } + .el-col-md-pull-0 { + position: relative; + right: 0; + } + .el-col-md-push-0 { + position: relative; + left: 0; + } + .el-col-md-1 { + width: 4.16667%; + } + .el-col-md-offset-1 { + margin-left: 4.16667%; + } + .el-col-md-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-md-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-md-2 { + width: 8.33333%; + } + .el-col-md-offset-2 { + margin-left: 8.33333%; + } + .el-col-md-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-md-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-md-3 { + width: 12.5%; + } + .el-col-md-offset-3 { + margin-left: 12.5%; + } + .el-col-md-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-md-push-3 { + position: relative; + left: 12.5%; + } + .el-col-md-4 { + width: 16.66667%; + } + .el-col-md-offset-4 { + margin-left: 16.66667%; + } + .el-col-md-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-md-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-md-5 { + width: 20.83333%; + } + .el-col-md-offset-5 { + margin-left: 20.83333%; + } + .el-col-md-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-md-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-md-6 { + width: 25%; + } + .el-col-md-offset-6 { + margin-left: 25%; + } + .el-col-md-pull-6 { + position: relative; + right: 25%; + } + .el-col-md-push-6 { + position: relative; + left: 25%; + } + .el-col-md-7 { + width: 29.16667%; + } + .el-col-md-offset-7 { + margin-left: 29.16667%; + } + .el-col-md-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-md-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-md-8 { + width: 33.33333%; + } + .el-col-md-offset-8 { + margin-left: 33.33333%; + } + .el-col-md-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-md-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-md-9 { + width: 37.5%; + } + .el-col-md-offset-9 { + margin-left: 37.5%; + } + .el-col-md-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-md-push-9 { + position: relative; + left: 37.5%; + } + .el-col-md-10 { + width: 41.66667%; + } + .el-col-md-offset-10 { + margin-left: 41.66667%; + } + .el-col-md-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-md-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-md-11 { + width: 45.83333%; + } + .el-col-md-offset-11 { + margin-left: 45.83333%; + } + .el-col-md-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-md-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-md-12 { + width: 50%; + } + .el-col-md-offset-12 { + margin-left: 50%; + } + .el-col-md-pull-12 { + position: relative; + right: 50%; + } + .el-col-md-push-12 { + position: relative; + left: 50%; + } + .el-col-md-13 { + width: 54.16667%; + } + .el-col-md-offset-13 { + margin-left: 54.16667%; + } + .el-col-md-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-md-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-md-14 { + width: 58.33333%; + } + .el-col-md-offset-14 { + margin-left: 58.33333%; + } + .el-col-md-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-md-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-md-15 { + width: 62.5%; + } + .el-col-md-offset-15 { + margin-left: 62.5%; + } + .el-col-md-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-md-push-15 { + position: relative; + left: 62.5%; + } + .el-col-md-16 { + width: 66.66667%; + } + .el-col-md-offset-16 { + margin-left: 66.66667%; + } + .el-col-md-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-md-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-md-17 { + width: 70.83333%; + } + .el-col-md-offset-17 { + margin-left: 70.83333%; + } + .el-col-md-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-md-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-md-18 { + width: 75%; + } + .el-col-md-offset-18 { + margin-left: 75%; + } + .el-col-md-pull-18 { + position: relative; + right: 75%; + } + .el-col-md-push-18 { + position: relative; + left: 75%; + } + .el-col-md-19 { + width: 79.16667%; + } + .el-col-md-offset-19 { + margin-left: 79.16667%; + } + .el-col-md-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-md-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-md-20 { + width: 83.33333%; + } + .el-col-md-offset-20 { + margin-left: 83.33333%; + } + .el-col-md-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-md-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-md-21 { + width: 87.5%; + } + .el-col-md-offset-21 { + margin-left: 87.5%; + } + .el-col-md-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-md-push-21 { + position: relative; + left: 87.5%; + } + .el-col-md-22 { + width: 91.66667%; + } + .el-col-md-offset-22 { + margin-left: 91.66667%; + } + .el-col-md-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-md-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-md-23 { + width: 95.83333%; + } + .el-col-md-offset-23 { + margin-left: 95.83333%; + } + .el-col-md-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-md-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-md-24 { + width: 100%; + } + .el-col-md-offset-24 { + margin-left: 100%; + } + .el-col-md-pull-24 { + position: relative; + right: 100%; + } + .el-col-md-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1200px) { + .el-col-lg-0 { + display: none; + width: 0%; + } + .el-col-lg-offset-0 { + margin-left: 0; + } + .el-col-lg-pull-0 { + position: relative; + right: 0; + } + .el-col-lg-push-0 { + position: relative; + left: 0; + } + .el-col-lg-1 { + width: 4.16667%; + } + .el-col-lg-offset-1 { + margin-left: 4.16667%; + } + .el-col-lg-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-lg-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-lg-2 { + width: 8.33333%; + } + .el-col-lg-offset-2 { + margin-left: 8.33333%; + } + .el-col-lg-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-lg-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-lg-3 { + width: 12.5%; + } + .el-col-lg-offset-3 { + margin-left: 12.5%; + } + .el-col-lg-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-lg-push-3 { + position: relative; + left: 12.5%; + } + .el-col-lg-4 { + width: 16.66667%; + } + .el-col-lg-offset-4 { + margin-left: 16.66667%; + } + .el-col-lg-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-lg-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-lg-5 { + width: 20.83333%; + } + .el-col-lg-offset-5 { + margin-left: 20.83333%; + } + .el-col-lg-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-lg-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-lg-6 { + width: 25%; + } + .el-col-lg-offset-6 { + margin-left: 25%; + } + .el-col-lg-pull-6 { + position: relative; + right: 25%; + } + .el-col-lg-push-6 { + position: relative; + left: 25%; + } + .el-col-lg-7 { + width: 29.16667%; + } + .el-col-lg-offset-7 { + margin-left: 29.16667%; + } + .el-col-lg-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-lg-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-lg-8 { + width: 33.33333%; + } + .el-col-lg-offset-8 { + margin-left: 33.33333%; + } + .el-col-lg-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-lg-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-lg-9 { + width: 37.5%; + } + .el-col-lg-offset-9 { + margin-left: 37.5%; + } + .el-col-lg-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-lg-push-9 { + position: relative; + left: 37.5%; + } + .el-col-lg-10 { + width: 41.66667%; + } + .el-col-lg-offset-10 { + margin-left: 41.66667%; + } + .el-col-lg-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-lg-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-lg-11 { + width: 45.83333%; + } + .el-col-lg-offset-11 { + margin-left: 45.83333%; + } + .el-col-lg-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-lg-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-lg-12 { + width: 50%; + } + .el-col-lg-offset-12 { + margin-left: 50%; + } + .el-col-lg-pull-12 { + position: relative; + right: 50%; + } + .el-col-lg-push-12 { + position: relative; + left: 50%; + } + .el-col-lg-13 { + width: 54.16667%; + } + .el-col-lg-offset-13 { + margin-left: 54.16667%; + } + .el-col-lg-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-lg-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-lg-14 { + width: 58.33333%; + } + .el-col-lg-offset-14 { + margin-left: 58.33333%; + } + .el-col-lg-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-lg-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-lg-15 { + width: 62.5%; + } + .el-col-lg-offset-15 { + margin-left: 62.5%; + } + .el-col-lg-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-lg-push-15 { + position: relative; + left: 62.5%; + } + .el-col-lg-16 { + width: 66.66667%; + } + .el-col-lg-offset-16 { + margin-left: 66.66667%; + } + .el-col-lg-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-lg-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-lg-17 { + width: 70.83333%; + } + .el-col-lg-offset-17 { + margin-left: 70.83333%; + } + .el-col-lg-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-lg-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-lg-18 { + width: 75%; + } + .el-col-lg-offset-18 { + margin-left: 75%; + } + .el-col-lg-pull-18 { + position: relative; + right: 75%; + } + .el-col-lg-push-18 { + position: relative; + left: 75%; + } + .el-col-lg-19 { + width: 79.16667%; + } + .el-col-lg-offset-19 { + margin-left: 79.16667%; + } + .el-col-lg-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-lg-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-lg-20 { + width: 83.33333%; + } + .el-col-lg-offset-20 { + margin-left: 83.33333%; + } + .el-col-lg-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-lg-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-lg-21 { + width: 87.5%; + } + .el-col-lg-offset-21 { + margin-left: 87.5%; + } + .el-col-lg-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-lg-push-21 { + position: relative; + left: 87.5%; + } + .el-col-lg-22 { + width: 91.66667%; + } + .el-col-lg-offset-22 { + margin-left: 91.66667%; + } + .el-col-lg-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-lg-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-lg-23 { + width: 95.83333%; + } + .el-col-lg-offset-23 { + margin-left: 95.83333%; + } + .el-col-lg-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-lg-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-lg-24 { + width: 100%; + } + .el-col-lg-offset-24 { + margin-left: 100%; + } + .el-col-lg-pull-24 { + position: relative; + right: 100%; + } + .el-col-lg-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1920px) { + .el-col-xl-0 { + display: none; + width: 0%; + } + .el-col-xl-offset-0 { + margin-left: 0; + } + .el-col-xl-pull-0 { + position: relative; + right: 0; + } + .el-col-xl-push-0 { + position: relative; + left: 0; + } + .el-col-xl-1 { + width: 4.16667%; + } + .el-col-xl-offset-1 { + margin-left: 4.16667%; + } + .el-col-xl-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xl-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xl-2 { + width: 8.33333%; + } + .el-col-xl-offset-2 { + margin-left: 8.33333%; + } + .el-col-xl-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xl-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xl-3 { + width: 12.5%; + } + .el-col-xl-offset-3 { + margin-left: 12.5%; + } + .el-col-xl-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xl-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xl-4 { + width: 16.66667%; + } + .el-col-xl-offset-4 { + margin-left: 16.66667%; + } + .el-col-xl-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xl-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xl-5 { + width: 20.83333%; + } + .el-col-xl-offset-5 { + margin-left: 20.83333%; + } + .el-col-xl-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xl-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xl-6 { + width: 25%; + } + .el-col-xl-offset-6 { + margin-left: 25%; + } + .el-col-xl-pull-6 { + position: relative; + right: 25%; + } + .el-col-xl-push-6 { + position: relative; + left: 25%; + } + .el-col-xl-7 { + width: 29.16667%; + } + .el-col-xl-offset-7 { + margin-left: 29.16667%; + } + .el-col-xl-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xl-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xl-8 { + width: 33.33333%; + } + .el-col-xl-offset-8 { + margin-left: 33.33333%; + } + .el-col-xl-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xl-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xl-9 { + width: 37.5%; + } + .el-col-xl-offset-9 { + margin-left: 37.5%; + } + .el-col-xl-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xl-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xl-10 { + width: 41.66667%; + } + .el-col-xl-offset-10 { + margin-left: 41.66667%; + } + .el-col-xl-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xl-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xl-11 { + width: 45.83333%; + } + .el-col-xl-offset-11 { + margin-left: 45.83333%; + } + .el-col-xl-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xl-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xl-12 { + width: 50%; + } + .el-col-xl-offset-12 { + margin-left: 50%; + } + .el-col-xl-pull-12 { + position: relative; + right: 50%; + } + .el-col-xl-push-12 { + position: relative; + left: 50%; + } + .el-col-xl-13 { + width: 54.16667%; + } + .el-col-xl-offset-13 { + margin-left: 54.16667%; + } + .el-col-xl-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xl-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xl-14 { + width: 58.33333%; + } + .el-col-xl-offset-14 { + margin-left: 58.33333%; + } + .el-col-xl-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xl-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xl-15 { + width: 62.5%; + } + .el-col-xl-offset-15 { + margin-left: 62.5%; + } + .el-col-xl-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xl-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xl-16 { + width: 66.66667%; + } + .el-col-xl-offset-16 { + margin-left: 66.66667%; + } + .el-col-xl-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xl-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xl-17 { + width: 70.83333%; + } + .el-col-xl-offset-17 { + margin-left: 70.83333%; + } + .el-col-xl-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xl-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xl-18 { + width: 75%; + } + .el-col-xl-offset-18 { + margin-left: 75%; + } + .el-col-xl-pull-18 { + position: relative; + right: 75%; + } + .el-col-xl-push-18 { + position: relative; + left: 75%; + } + .el-col-xl-19 { + width: 79.16667%; + } + .el-col-xl-offset-19 { + margin-left: 79.16667%; + } + .el-col-xl-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xl-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xl-20 { + width: 83.33333%; + } + .el-col-xl-offset-20 { + margin-left: 83.33333%; + } + .el-col-xl-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xl-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xl-21 { + width: 87.5%; + } + .el-col-xl-offset-21 { + margin-left: 87.5%; + } + .el-col-xl-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xl-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xl-22 { + width: 91.66667%; + } + .el-col-xl-offset-22 { + margin-left: 91.66667%; + } + .el-col-xl-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xl-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xl-23 { + width: 95.83333%; + } + .el-col-xl-offset-23 { + margin-left: 95.83333%; + } + .el-col-xl-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xl-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xl-24 { + width: 100%; + } + .el-col-xl-offset-24 { + margin-left: 100%; + } + .el-col-xl-pull-24 { + position: relative; + right: 100%; + } + .el-col-xl-push-24 { + position: relative; + left: 100%; + } +} +@-webkit-keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + outline: 0; +} +.el-upload__input { + display: none; +} +.el-upload__tip { + font-size: 12px; + color: #606266; + margin-top: 7px; +} +.el-upload iframe { + position: absolute; + z-index: -1; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} +.el-upload--picture-card { + background-color: #fbfdff; + border: 1px dashed #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + line-height: 146px; + vertical-align: top; +} +.el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} +.el-upload--picture-card:hover, +.el-upload:focus { + border-color: #4165d7; + color: #4165d7; +} +.el-upload:focus .el-upload-dragger { + border-color: #4165d7; +} +.el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + position: relative; + overflow: hidden; +} +.el-upload-dragger .el-icon-upload { + font-size: 67px; + color: #c0c4cc; + margin: 40px 0 16px; + line-height: 50px; +} +.el-upload-dragger + .el-upload__tip { + text-align: center; +} +.el-upload-dragger ~ .el-upload__files { + border-top: 1px solid #dcdfe6; + margin-top: 7px; + padding-top: 5px; +} +.el-upload-dragger .el-upload__text { + color: #606266; + font-size: 14px; + text-align: center; +} +.el-upload-dragger .el-upload__text em { + color: #4165d7; + font-style: normal; +} +.el-upload-dragger:hover { + border-color: #4165d7; +} +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, 0.06); + border: 2px dashed #4165d7; +} +.el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.el-upload-list__item { + -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + font-size: 14px; + color: #606266; + line-height: 1.8; + margin-top: 5px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 100%; +} +.el-upload-list__item .el-progress { + position: absolute; + top: 20px; + width: 100%; +} +.el-upload-list__item .el-progress__text { + position: absolute; + right: 0; + top: -13px; +} +.el-upload-list__item .el-progress-bar { + margin-right: 0; + padding-right: 0; +} +.el-upload-list__item:first-child { + margin-top: 10px; +} +.el-upload-list__item .el-icon-upload-success { + color: #67c23a; +} +.el-upload-list__item .el-icon-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + opacity: 0.75; + color: #606266; +} +.el-upload-list__item .el-icon-close:hover { + opacity: 1; +} +.el-upload-list__item .el-icon-close-tip { + display: none; + position: absolute; + top: 5px; + right: 5px; + font-size: 12px; + cursor: pointer; + opacity: 1; + color: #4165d7; +} +.el-upload-list__item:hover { + background-color: #f5f7fa; +} +.el-upload-list__item:hover .el-icon-close { + display: inline-block; +} +.el-upload-list__item:hover .el-progress__text { + display: none; +} +.el-upload-list__item.is-success .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item.is-success .el-upload-list__item-name:focus, +.el-upload-list__item.is-success .el-upload-list__item-name:hover { + color: #4165d7; + cursor: pointer; +} +.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { + display: inline-block; +} +.el-upload-list__item.is-success:active .el-icon-close-tip, +.el-upload-list__item.is-success:focus .el-upload-list__item-status-label, +.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, +.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { + display: none; +} +.el-upload-list.is-disabled + .el-upload-list__item:hover + .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item-name { + color: #606266; + display: block; + margin-right: 40px; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + -webkit-transition: color 0.3s; + transition: color 0.3s; + white-space: nowrap; +} +.el-upload-list__item-name [class^="el-icon"] { + height: 100%; + margin-right: 7px; + color: #909399; + line-height: inherit; +} +.el-upload-list__item-status-label { + position: absolute; + right: 5px; + top: 0; + line-height: inherit; + display: none; +} +.el-upload-list__item-delete { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + color: #606266; + display: none; +} +.el-upload-list__item-delete:hover { + color: #4165d7; +} +.el-upload-list--picture-card { + margin: 0; + display: inline; + vertical-align: top; +} +.el-upload-list--picture-card .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 148px; + height: 148px; + margin: 0 8px 8px 0; + display: inline-block; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-check, +.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-close, +.el-upload-list--picture-card + .el-upload-list__item:hover + .el-upload-list__item-status-label { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture-card .el-upload-list__item-name { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item-thumbnail { + width: 100%; + height: 100%; +} +.el-upload-list--picture-card .el-upload-list__item-status-label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-list--picture-card .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture-card .el-upload-list__item-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + cursor: default; + text-align: center; + color: #fff; + opacity: 0; + font-size: 20px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-upload-list--picture-card .el-upload-list__item-actions::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-upload-list--picture-card .el-upload-list__item-actions span { + display: none; + cursor: pointer; +} +.el-upload-list--picture-card .el-upload-list__item-actions span + span { + margin-left: 15px; +} +.el-upload-list--picture-card + .el-upload-list__item-actions + .el-upload-list__item-delete { + position: static; + font-size: inherit; + color: inherit; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover { + opacity: 1; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover span { + display: inline-block; +} +.el-upload-list--picture-card .el-progress { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + bottom: auto; + width: 126px; +} +.el-upload-list--picture-card .el-progress .el-progress__text { + top: 50%; +} +.el-upload-list--picture .el-upload-list__item { + overflow: hidden; + z-index: 0; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; +} +.el-upload-list--picture .el-upload-list__item .el-icon-check, +.el-upload-list--picture .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture + .el-upload-list__item:hover + .el-upload-list__item-status-label { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + top: -2px; + right: -12px; +} +.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture + .el-upload-list__item.is-success + .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; +} +.el-upload-list--picture + .el-upload-list__item.is-success + .el-upload-list__item-name + i { + display: none; +} +.el-upload-list--picture .el-upload-list__item-thumbnail { + vertical-align: middle; + display: inline-block; + width: 70px; + height: 70px; + float: left; + position: relative; + z-index: 1; + margin-left: -80px; + background-color: #fff; +} +.el-upload-list--picture .el-upload-list__item-name { + display: block; + margin-top: 20px; +} +.el-upload-list--picture .el-upload-list__item-name i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; +} +.el-upload-list--picture .el-upload-list__item-status-label { + position: absolute; + right: -17px; + top: -7px; + width: 46px; + height: 26px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 1px 1px #ccc; + box-shadow: 0 1px 1px #ccc; +} +.el-upload-list--picture .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 12px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture .el-progress { + position: relative; + top: -7px; +} +.el-upload-cover { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 10; + cursor: default; +} +.el-upload-cover::after { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.el-upload-cover img { + display: block; + width: 100%; + height: 100%; +} +.el-upload-cover__label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-cover__label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + color: #fff; +} +.el-upload-cover__progress { + display: inline-block; + vertical-align: middle; + position: static; + width: 243px; +} +.el-upload-cover__progress + .el-upload__inner { + opacity: 0; +} +.el-upload-cover__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.el-upload-cover__interact { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.72); + text-align: center; +} +.el-upload-cover__interact .btn { + display: inline-block; + color: #fff; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + margin-top: 60px; +} +.el-upload-cover__interact .btn span { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.el-upload-cover__interact .btn:not(:first-child) { + margin-left: 35px; +} +.el-upload-cover__interact .btn:hover { + -webkit-transform: translateY(-13px); + transform: translateY(-13px); +} +.el-upload-cover__interact .btn:hover span { + opacity: 1; +} +.el-upload-cover__interact .btn i { + color: #fff; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} +.el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #fff; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 400; + text-align: left; + padding: 0 10px; + margin: 0; + line-height: 36px; + font-size: 14px; + color: #303133; +} +.el-upload-cover + .el-upload__inner { + opacity: 0; + position: relative; + z-index: 1; +} +.el-progress { + position: relative; + line-height: 1; +} +.el-progress__text { + font-size: 14px; + color: #606266; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} +.el-progress__text i { + vertical-align: middle; + display: block; +} +.el-progress--circle, +.el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, +.el-progress--dashboard .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.el-progress--circle .el-progress__text i, +.el-progress--dashboard .el-progress__text i { + vertical-align: middle; + display: inline-block; +} +.el-progress--without-text .el-progress__text { + display: none; +} +.el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} +.el-progress-bar, +.el-progress-bar__inner::after, +.el-progress-bar__innerText, +.el-spinner { + display: inline-block; + vertical-align: middle; +} +.el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} +.el-progress.is-success .el-progress-bar__inner { + background-color: #67c23a; +} +.el-progress.is-success .el-progress__text { + color: #67c23a; +} +.el-progress.is-warning .el-progress-bar__inner { + background-color: #e6a23c; +} +.el-progress.is-warning .el-progress__text { + color: #e6a23c; +} +.el-progress.is-exception .el-progress-bar__inner { + background-color: #f56c6c; +} +.el-progress.is-exception .el-progress__text { + color: #f56c6c; +} +.el-progress-bar { + padding-right: 50px; + width: 100%; + margin-right: -55px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #ebeef5; + overflow: hidden; + position: relative; + vertical-align: middle; +} +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: #4165d7; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.el-card, +.el-message { + border-radius: 4px; + overflow: hidden; +} +.el-progress-bar__inner::after { + height: 100%; +} +.el-progress-bar__innerText { + color: #fff; + font-size: 12px; + margin: 0 5px; +} +@keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-time-spinner { + width: 100%; + white-space: nowrap; +} +.el-spinner-inner { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + width: 50px; + height: 50px; +} +.el-spinner-inner .path { + stroke: #ececec; + stroke-linecap: round; + -webkit-animation: dash 1.5s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite; +} +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +@keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +.el-message { + min-width: 380px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: #ebeef5; + position: fixed; + left: 50%; + top: 20px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #edf2fc; + -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; + padding: 15px 15px 15px 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-message.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message.is-closable .el-message__content { + padding-right: 16px; +} +.el-message p { + margin: 0; +} +.el-message--info .el-message__content { + color: #909399; +} +.el-message--success { + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-message--success .el-message__content { + color: #67c23a; +} +.el-message--warning { + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-message--warning .el-message__content { + color: #e6a23c; +} +.el-message--error { + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-message--error .el-message__content { + color: #f56c6c; +} +.el-message__icon { + margin-right: 10px; +} +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1; +} +.el-message__closeBtn { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + color: #c0c4cc; + font-size: 16px; +} +.el-message__closeBtn:hover { + color: #909399; +} +.el-message .el-icon-success { + color: #67c23a; +} +.el-message .el-icon-error { + color: #f56c6c; +} +.el-message .el-icon-info { + color: #909399; +} +.el-message .el-icon-warning { + color: #e6a23c; +} +.el-message-fade-enter, +.el-message-fade-leave-active { + opacity: 0; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} +.el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} +.el-badge__content { + background-color: #f56c6c; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #fff; +} +.el-badge__content.is-fixed { + position: absolute; + top: 0; + right: 10px; + -webkit-transform: translateY(-50%) translateX(100%); + transform: translateY(-50%) translateX(100%); +} +.el-rate__icon, +.el-rate__item { + position: relative; + display: inline-block; +} +.el-badge__content.is-fixed.is-dot { + right: 5px; +} +.el-badge__content.is-dot { + height: 8px; + width: 8px; + padding: 0; + right: 0; + border-radius: 50%; +} +.el-badge__content--primary { + background-color: #4165d7; +} +.el-badge__content--success { + background-color: #67c23a; +} +.el-badge__content--warning { + background-color: #e6a23c; +} +.el-badge__content--info { + background-color: #909399; +} +.el-badge__content--danger { + background-color: #f56c6c; +} +.el-card { + border: 1px solid #ebeef5; + background-color: #fff; + color: #303133; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-card.is-always-shadow, +.el-card.is-hover-shadow:focus, +.el-card.is-hover-shadow:hover { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-card__header { + padding: 18px 20px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-card__body { + padding: 20px; +} +.el-rate { + height: 20px; + line-height: 1; +} +.el-rate__item { + font-size: 0; + vertical-align: middle; +} +.el-rate__icon { + font-size: 18px; + margin-right: 6px; + color: #c0c4cc; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-rate__decimal, +.el-rate__icon .path2 { + position: absolute; + top: 0; + left: 0; +} +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.el-rate__decimal { + display: inline-block; + overflow: hidden; +} +.el-step.is-vertical, +.el-steps { + display: -webkit-box; + display: -ms-flexbox; +} +.el-rate__text { + font-size: 14px; + vertical-align: middle; +} +.el-steps { + display: flex; +} +.el-steps--simple { + padding: 13px 8%; + border-radius: 4px; + background: #f5f7fa; +} +.el-steps--horizontal { + white-space: nowrap; +} +.el-steps--vertical { + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; +} +.el-step { + position: relative; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.el-step:last-of-type .el-step__line { + display: none; +} +.el-step:last-of-type.is-flex { + -ms-flex-preferred-size: auto !important; + flex-basis: auto !important; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; +} +.el-step:last-of-type .el-step__description, +.el-step:last-of-type .el-step__main { + padding-right: 0; +} +.el-step__head { + position: relative; + width: 100%; +} +.el-step__head.is-process { + color: #303133; + border-color: #303133; +} +.el-step__head.is-wait { + color: #c0c4cc; + border-color: #c0c4cc; +} +.el-step__head.is-success { + color: #67c23a; + border-color: #67c23a; +} +.el-step__head.is-error { + color: #f56c6c; + border-color: #f56c6c; +} +.el-step__head.is-finish { + color: #4165d7; + border-color: #4165d7; +} +.el-step__icon { + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 24px; + height: 24px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; +} +.el-step__icon.is-text { + border-radius: 50%; + border: 2px solid; + border-color: inherit; +} +.el-step__icon.is-icon { + width: 40px; +} +.el-step__icon-inner { + display: inline-block; + user-select: none; + text-align: center; + font-weight: 700; + line-height: 1; + color: inherit; +} +.el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 25px; + font-weight: 400; +} +.el-step__icon-inner.is-status { + -webkit-transform: translateY(1px); + transform: translateY(1px); +} +.el-step__line { + position: absolute; + border-color: inherit; + background-color: #c0c4cc; +} +.el-step__line-inner { + display: block; + border-width: 1px; + border-style: solid; + border-color: inherit; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 0; + height: 0; +} +.el-step__main { + white-space: normal; + text-align: left; +} +.el-step__title { + font-size: 16px; + line-height: 38px; +} +.el-step__title.is-process { + font-weight: 700; + color: #303133; +} +.el-step__title.is-wait { + color: #c0c4cc; +} +.el-step__title.is-success { + color: #67c23a; +} +.el-step__title.is-error { + color: #f56c6c; +} +.el-step__title.is-finish { + color: #4165d7; +} +.el-step__description { + padding-right: 10%; + margin-top: -5px; + font-size: 12px; + line-height: 20px; + font-weight: 400; +} +.el-step__description.is-process { + color: #303133; +} +.el-step__description.is-wait { + color: #c0c4cc; +} +.el-step__description.is-success { + color: #67c23a; +} +.el-step__description.is-error { + color: #f56c6c; +} +.el-step__description.is-finish { + color: #4165d7; +} +.el-step.is-horizontal { + display: inline-block; +} +.el-step.is-horizontal .el-step__line { + height: 2px; + top: 11px; + left: 0; + right: 0; +} +.el-step.is-vertical { + display: flex; +} +.el-step.is-vertical .el-step__head { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 24px; +} +.el-step.is-vertical .el-step__main { + padding-left: 10px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-vertical .el-step__title { + line-height: 24px; + padding-bottom: 8px; +} +.el-step.is-vertical .el-step__line { + width: 2px; + top: 0; + bottom: 0; + left: 11px; +} +.el-step.is-vertical .el-step__icon.is-icon { + width: 24px; +} +.el-step.is-center .el-step__head, +.el-step.is-center .el-step__main { + text-align: center; +} +.el-step.is-center .el-step__description { + padding-left: 20%; + padding-right: 20%; +} +.el-step.is-center .el-step__line { + left: 50%; + right: -50%; +} +.el-step.is-simple { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-step.is-simple .el-step__head { + width: auto; + font-size: 0; + padding-right: 10px; +} +.el-step.is-simple .el-step__icon { + background: 0 0; + width: 16px; + height: 16px; + font-size: 12px; +} +.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 18px; +} +.el-step.is-simple .el-step__icon-inner.is-status { + -webkit-transform: scale(0.8) translateY(1px); + transform: scale(0.8) translateY(1px); +} +.el-step.is-simple .el-step__main { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-simple .el-step__title { + font-size: 16px; + line-height: 20px; +} +.el-step.is-simple:not(:last-of-type) .el-step__title { + max-width: 50%; + word-break: break-all; +} +.el-step.is-simple .el-step__arrow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-step.is-simple .el-step__arrow::after, +.el-step.is-simple .el-step__arrow::before { + content: ""; + display: inline-block; + position: absolute; + height: 15px; + width: 1px; + background: #c0c4cc; +} +.el-step.is-simple .el-step__arrow::before { + -webkit-transform: rotate(-45deg) translateY(-4px); + transform: rotate(-45deg) translateY(-4px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.el-step.is-simple .el-step__arrow::after { + -webkit-transform: rotate(45deg) translateY(4px); + transform: rotate(45deg) translateY(4px); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.el-step.is-simple:last-of-type .el-step__arrow { + display: none; +} +.el-carousel { + position: relative; +} +.el-carousel--horizontal { + overflow-x: hidden; +} +.el-carousel--vertical { + overflow-y: hidden; +} +.el-carousel__container { + position: relative; + height: 300px; +} +.el-carousel__arrow { + border: none; + outline: 0; + padding: 0; + margin: 0; + height: 36px; + width: 36px; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #fff; + position: absolute; + top: 50%; + z-index: 10; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + font-size: 12px; +} +.el-carousel__arrow--left { + left: 16px; +} +.el-carousel__arrow--right { + right: 16px; +} +.el-carousel__arrow:hover { + background-color: rgba(31, 45, 61, 0.23); +} +.el-carousel__arrow i { + cursor: pointer; +} +.el-carousel__indicators { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + z-index: 2; +} +.el-carousel__indicators--horizontal { + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.el-carousel__indicators--vertical { + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-carousel__indicators--outside { + bottom: 26px; + text-align: center; + position: static; + -webkit-transform: none; + transform: none; +} +.el-carousel__indicators--outside .el-carousel__indicator:hover button { + opacity: 0.64; +} +.el-carousel__indicators--outside button { + background-color: #c0c4cc; + opacity: 0.24; +} +.el-carousel__indicators--labels { + left: 0; + right: 0; + -webkit-transform: none; + transform: none; + text-align: center; +} +.el-carousel__indicators--labels .el-carousel__button { + height: auto; + width: auto; + padding: 2px 18px; + font-size: 12px; +} +.el-carousel__indicators--labels .el-carousel__indicator { + padding: 6px 4px; +} +.el-carousel__indicator { + background-color: transparent; + cursor: pointer; +} +.el-carousel__indicator:hover button { + opacity: 0.72; +} +.el-carousel__indicator--horizontal { + display: inline-block; + padding: 12px 4px; +} +.el-carousel__indicator--vertical { + padding: 4px 12px; +} +.el-carousel__indicator--vertical .el-carousel__button { + width: 2px; + height: 15px; +} +.el-carousel__indicator.is-active button { + opacity: 1; +} +.el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #fff; + border: none; + outline: 0; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-carousel__item, +.el-carousel__mask { + height: 100%; + top: 0; + left: 0; + position: absolute; +} +.carousel-arrow-left-enter, +.carousel-arrow-left-leave-active { + -webkit-transform: translateY(-50%) translateX(-10px); + transform: translateY(-50%) translateX(-10px); + opacity: 0; +} +.carousel-arrow-right-enter, +.carousel-arrow-right-leave-active { + -webkit-transform: translateY(-50%) translateX(10px); + transform: translateY(-50%) translateX(10px); + opacity: 0; +} +.el-carousel__item { + width: 100%; + display: inline-block; + overflow: hidden; + z-index: 0; +} +.el-carousel__item.is-active { + z-index: 2; +} +.el-carousel__item.is-animating { + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card { + width: 50%; + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} +.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, +.el-carousel__item--card.is-in-stage:hover .el-carousel__mask { + opacity: 0.12; +} +.el-carousel__item--card.is-active { + z-index: 2; +} +.el-carousel__mask { + width: 100%; + background-color: #fff; + opacity: 0.24; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.el-fade-in-enter, +.el-fade-in-leave-active, +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active, +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-left-enter-active, +.el-zoom-in-left-leave-active { + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: top left; + transform-origin: top left; +} +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + -webkit-transform: scale(0.45, 0.45); + transform: scale(0.45, 0.45); +} +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; +} +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; +} +.el-list-enter-active, +.el-list-leave-active { + -webkit-transition: all 1s; + transition: all 1s; +} +.el-list-enter, +.el-list-leave-active { + opacity: 0; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} +.el-opacity-transition { + -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-collapse { + border-top: 1px solid #ebeef5; + border-bottom: 1px solid #ebeef5; +} +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed; +} +.el-collapse-item__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + line-height: 48px; + background-color: #fff; + color: #303133; + cursor: pointer; + border-bottom: 1px solid #ebeef5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color 0.3s; + transition: border-bottom-color 0.3s; + outline: 0; +} +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-weight: 300; +} +.el-collapse-item__arrow.is-active { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-collapse-item__header.focusing:focus:not(:hover) { + color: #4165d7; +} +.el-collapse-item__header.is-active { + border-bottom-color: transparent; +} +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5; +} +.el-cascader__tags, +.el-tag { + -webkit-box-sizing: border-box; +} +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #303133; + line-height: 1.769230769230769; +} +.el-collapse-item:last-child { + margin-bottom: -1px; +} +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-popper .popper__arrow { + border-width: 6px; + -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0; +} +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0; +} +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5; +} +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff; +} +.el-popper[x-placement^="right"] { + margin-left: 12px; +} +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0; +} +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} +.el-popper[x-placement^="left"] { + margin-right: 12px; +} +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5; +} +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff; +} +.el-tag { + background-color: #ecf0fb; + border-color: #d9e0f7; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #4165d7; + border-width: 1px; + border-style: solid; + border-radius: 4px; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #4165d7; +} +.el-tag .el-tag__close { + color: #4165d7; +} +.el-tag .el-tag__close:hover { + color: #fff; + background-color: #4165d7; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #f0f9eb; + border-color: #e1f3d8; + color: #67c23a; +} +.el-tag.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag.el-tag--warning { + background-color: #fdf6ec; + border-color: #faecd8; + color: #e6a23c; +} +.el-tag.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag.el-tag--danger { + background-color: #fef0f0; + border-color: #fde2e2; + color: #f56c6c; +} +.el-tag.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + height: 16px; + width: 16px; + line-height: 16px; + vertical-align: middle; + top: -1px; + right: -5px; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #4165d7; + border-color: #4165d7; + color: #fff; +} +.el-tag--dark.is-hit { + border-color: #4165d7; +} +.el-tag--dark .el-tag__close { + color: #fff; +} +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: #6784df; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: #fff; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--dark.el-tag--info .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--dark.el-tag--success .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #85ce61; +} +.el-tag--dark.el-tag--warning { + background-color: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--dark.el-tag--warning .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #ebb563; +} +.el-tag--dark.el-tag--danger { + background-color: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--dark.el-tag--danger .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f78989; +} +.el-tag--plain { + background-color: #fff; + border-color: #b3c1ef; + color: #4165d7; +} +.el-tag--plain.is-hit { + border-color: #4165d7; +} +.el-tag--plain .el-tag__close { + color: #4165d7; +} +.el-tag--plain .el-tag__close:hover { + color: #fff; + background-color: #4165d7; +} +.el-tag--plain.el-tag--info { + background-color: #fff; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: #fff; + border-color: #c2e7b0; + color: #67c23a; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #f5dab1; + color: #e6a23c; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #fbc4c4; + color: #f56c6c; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +.el-cascader { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 40px; +} +.el-cascader:not(.is-disabled):hover .el-input__inner { + cursor: pointer; + border-color: #c0c4cc; +} +.el-cascader .el-input .el-input__inner:focus, +.el-cascader .el-input.is-focus .el-input__inner { + border-color: #4165d7; +} +.el-cascader .el-input { + cursor: pointer; +} +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis; +} +.el-cascader .el-input .el-icon-arrow-down { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 14px; +} +.el-cascader .el-input .el-icon-arrow-down.is-reverse { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-cascader .el-input .el-icon-circle-close:hover { + color: #909399; +} +.el-cascader--medium { + font-size: 14px; + line-height: 36px; +} +.el-cascader--small { + font-size: 13px; + line-height: 32px; +} +.el-cascader--mini { + font-size: 12px; + line-height: 28px; +} +.el-cascader.is-disabled .el-cascader__label { + z-index: 2; + color: #c0c4cc; +} +.el-cascader__dropdown { + margin: 5px 0; + font-size: 14px; + background: #fff; + border: 1px solid #e4e7ed; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-cascader__tags { + position: absolute; + left: 0; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: normal; + text-align: left; + box-sizing: border-box; +} +.el-cascader__tags .el-tag { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 100%; + margin: 2px 0 2px 6px; + text-overflow: ellipsis; + background: #f0f2f5; +} +.el-cascader__tags .el-tag:not(.is-hit) { + border-color: transparent; +} +.el-cascader__tags .el-tag > span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + background-color: #c0c4cc; + color: #fff; +} +.el-cascader__tags .el-tag .el-icon-close:hover { + background-color: #909399; +} +.el-cascader__suggestion-panel { + border-radius: 4px; +} +.el-cascader__suggestion-list { + max-height: 204px; + margin: 0; + padding: 6px 0; + font-size: 14px; + color: #606266; + text-align: center; +} +.el-cascader__suggestion-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-cascader__suggestion-item:focus, +.el-cascader__suggestion-item:hover { + background: #f5f7fa; +} +.el-cascader__suggestion-item.is-checked { + color: #4165d7; + font-weight: 700; +} +.el-cascader__suggestion-item > span { + margin-right: 10px; +} +.el-cascader__empty-text { + margin: 10px 0; + color: #c0c4cc; +} +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__search-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::placeholder { + color: #c0c4cc; +} +.el-color-predefine { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 12px; + margin-top: 8px; + width: 280px; +} +.el-color-predefine__colors { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-color-predefine__color-selector { + margin: 0 0 8px 8px; + width: 20px; + height: 20px; + border-radius: 4px; + cursor: pointer; +} +.el-color-predefine__color-selector:nth-child(10n + 1) { + margin-left: 0; +} +.el-color-predefine__color-selector.selected { + -webkit-box-shadow: 0 0 3px 2px #4165d7; + box-shadow: 0 0 3px 2px #4165d7; +} +.el-color-predefine__color-selector > div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + border-radius: 3px; +} +.el-color-predefine__color-selector.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-hue-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background-color: red; + padding: 0 2px; +} +.el-color-hue-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to right, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); + height: 100%; +} +.el-color-hue-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-hue-slider.is-vertical { + width: 12px; + height: 180px; + padding: 2px 0; +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to bottom, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-svpanel { + position: relative; + width: 280px; + height: 180px; +} +.el-color-svpanel__black, +.el-color-svpanel__white { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.el-color-svpanel__white { + background: -webkit-gradient( + linear, + left top, + right top, + from(#fff), + to(rgba(255, 255, 255, 0)) + ); + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} +.el-color-svpanel__black { + background: -webkit-gradient( + linear, + left bottom, + left top, + from(#000), + to(rgba(0, 0, 0, 0)) + ); + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} +.el-color-svpanel__cursor { + position: absolute; +} +.el-color-svpanel__cursor > div { + cursor: head; + width: 4px; + height: 4px; + -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); +} +.el-color-alpha-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-alpha-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); + height: 100%; +} +.el-color-alpha-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-alpha-slider.is-vertical { + width: 20px; + height: 180px; +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-dropdown { + width: 300px; +} +.el-color-dropdown__main-wrapper { + margin-bottom: 6px; +} +.el-color-dropdown__main-wrapper::after { + content: ""; + display: table; + clear: both; +} +.el-color-dropdown__btns { + margin-top: 6px; + text-align: right; +} +.el-color-dropdown__value { + float: left; + line-height: 26px; + font-size: 12px; + color: #000; + width: 160px; +} +.el-color-dropdown__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-color-dropdown__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-color-dropdown__btn:hover { + color: #4165d7; + border-color: #4165d7; +} +.el-color-dropdown__link-btn { + cursor: pointer; + color: #4165d7; + text-decoration: none; + padding: 15px; + font-size: 12px; +} +.el-color-dropdown__link-btn:hover { + color: tint(#4165d7, 20%); +} +.el-color-picker { + display: inline-block; + position: relative; + line-height: normal; + height: 40px; +} +.el-color-picker.is-disabled .el-color-picker__trigger { + cursor: not-allowed; +} +.el-color-picker--medium { + height: 36px; +} +.el-color-picker--medium .el-color-picker__trigger { + height: 36px; + width: 36px; +} +.el-color-picker--medium .el-color-picker__mask { + height: 34px; + width: 34px; +} +.el-color-picker--small { + height: 32px; +} +.el-color-picker--small .el-color-picker__trigger { + height: 32px; + width: 32px; +} +.el-color-picker--small .el-color-picker__mask { + height: 30px; + width: 30px; +} +.el-color-picker--small .el-color-picker__empty, +.el-color-picker--small .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker--mini { + height: 28px; +} +.el-color-picker--mini .el-color-picker__trigger { + height: 28px; + width: 28px; +} +.el-color-picker--mini .el-color-picker__mask { + height: 26px; + width: 26px; +} +.el-color-picker--mini .el-color-picker__empty, +.el-color-picker--mini .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker__mask { + height: 38px; + width: 38px; + border-radius: 4px; + position: absolute; + top: 1px; + left: 1px; + z-index: 1; + cursor: not-allowed; + background-color: rgba(255, 255, 255, 0.7); +} +.el-color-picker__trigger { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + width: 40px; + padding: 4px; + border: 1px solid #e6e6e6; + border-radius: 4px; + font-size: 0; + position: relative; + cursor: pointer; +} +.el-color-picker__color { + position: relative; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #999; + border-radius: 2px; + width: 100%; + height: 100%; + text-align: center; +} +.el-color-picker__color.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-picker__color-inner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.el-color-picker__empty, +.el-color-picker__icon { + top: 50%; + left: 50%; + font-size: 12px; + position: absolute; +} +.el-color-picker__empty { + color: #999; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.el-color-picker__icon { + display: inline-block; + width: 100%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + color: #fff; + text-align: center; +} +.el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px; +} +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + font-size: inherit; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dcdfe6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea__inner:hover { + border-color: #c0c4cc; +} +.el-textarea__inner:focus { + outline: 0; + border-color: #4165d7; +} +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea.is-exceed .el-textarea__inner { + border-color: #f56c6c; +} +.el-textarea.is-exceed .el-input__count { + color: #f56c6c; +} +.el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px; +} +.el-input::-webkit-scrollbar:horizontal { + height: 6px; +} +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc; +} +.el-input::-webkit-scrollbar-corner { + background: #fff; +} +.el-input::-webkit-scrollbar-track { + background: #fff; +} +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px; +} +.el-input .el-input__clear { + color: #c0c4cc; + font-size: 14px; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + display: inline-block; + font-size: inherit; + height: 40px; + line-height: 40px; + outline: 0; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__prefix, +.el-input__suffix { + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + height: 100%; + color: #c0c4cc; + text-align: center; +} +.el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input__inner:hover { + border-color: #c0c4cc; +} +.el-input.is-active .el-input__inner, +.el-input__inner:focus { + border-color: #4165d7; + outline: 0; +} +.el-input__suffix { + right: 5px; + transition: all 0.3s; +} +.el-input__suffix-inner { + pointer-events: all; +} +.el-input__prefix { + left: 5px; + transition: all 0.3s; +} +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + line-height: 40px; +} +.el-input__icon:after { + content: ""; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} +.el-input__validateIcon { + pointer-events: none; +} +.el-input.is-disabled .el-input__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__icon { + cursor: not-allowed; +} +.el-link, +.el-transfer-panel__filter .el-icon-circle-close { + cursor: pointer; +} +.el-input.is-exceed .el-input__inner { + border-color: #f56c6c; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #f56c6c; +} +.el-input--suffix .el-input__inner { + padding-right: 30px; +} +.el-input--prefix .el-input__inner { + padding-left: 30px; +} +.el-input--medium { + font-size: 14px; +} +.el-input--medium .el-input__inner { + height: 36px; + line-height: 36px; +} +.el-input--medium .el-input__icon { + line-height: 36px; +} +.el-input--small { + font-size: 13px; +} +.el-input--small .el-input__inner { + height: 32px; + line-height: 32px; +} +.el-input--small .el-input__icon { + line-height: 32px; +} +.el-input--mini { + font-size: 12px; +} +.el-input--mini .el-input__inner { + height: 28px; + line-height: 28px; +} +.el-input--mini .el-input__icon { + line-height: 28px; +} +.el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} +.el-input-group__append, +.el-input-group__prepend { + background-color: #f5f7fa; + color: #909399; + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 4px; + padding: 0 20px; + width: 1px; + white-space: nowrap; +} +.el-input-group--prepend .el-input__inner, +.el-input-group__append { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--append .el-input__inner, +.el-input-group__prepend { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group__append:focus, +.el-input-group__prepend:focus { + outline: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-select, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-select { + display: inline-block; + margin: -10px -20px; +} +.el-input-group__append button.el-button, +.el-input-group__append div.el-select .el-input__inner, +.el-input-group__append div.el-select:hover .el-input__inner, +.el-input-group__prepend button.el-button, +.el-input-group__prepend div.el-select .el-input__inner, +.el-input-group__prepend div.el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-input, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-input { + font-size: inherit; +} +.el-input-group__prepend { + border-right: 0; +} +.el-input-group__append { + border-left: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner, +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} +.el-transfer { + font-size: 14px; +} +.el-transfer__buttons { + display: inline-block; + vertical-align: middle; + padding: 0 30px; +} +.el-transfer__button { + display: block; + margin: 0 auto; + padding: 10px; + border-radius: 50%; + color: #fff; + background-color: #4165d7; + font-size: 0; +} +.el-transfer-panel__item + .el-transfer-panel__item, +.el-transfer__button [class*="el-icon-"] + span { + margin-left: 0; +} +.el-transfer__button.is-with-texts { + border-radius: 4px; +} +.el-transfer__button.is-disabled, +.el-transfer__button.is-disabled:hover { + border: 1px solid #dcdfe6; + background-color: #f5f7fa; + color: #c0c4cc; +} +.el-transfer__button:first-child { + margin-bottom: 10px; +} +.el-transfer__button:nth-child(2) { + margin: 0; +} +.el-transfer__button i, +.el-transfer__button span { + font-size: 14px; +} +.el-transfer-panel { + border: 1px solid #ebeef5; + border-radius: 4px; + overflow: hidden; + background: #fff; + display: inline-block; + vertical-align: middle; + width: 200px; + max-height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.el-transfer-panel__body { + height: 246px; +} +.el-transfer-panel__body.is-with-footer { + padding-bottom: 40px; +} +.el-transfer-panel__list { + margin: 0; + padding: 6px 0; + list-style: none; + height: 246px; + overflow: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-transfer-panel__list.is-filterable { + height: 194px; + padding-top: 0; +} +.el-transfer-panel__item { + height: 30px; + line-height: 30px; + padding-left: 15px; + display: block !important; +} +.el-transfer-panel__item.el-checkbox { + color: #606266; +} +.el-transfer-panel__item:hover { + color: #4165d7; +} +.el-transfer-panel__item.el-checkbox .el-checkbox__label { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 24px; + line-height: 30px; +} +.el-transfer-panel__item .el-checkbox__input { + position: absolute; + top: 8px; +} +.el-transfer-panel__filter { + text-align: center; + margin: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: auto; +} +.el-transfer-panel__filter .el-input__inner { + height: 32px; + width: 100%; + font-size: 12px; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 16px; + padding-right: 10px; + padding-left: 30px; +} +.el-transfer-panel__filter .el-input__icon { + margin-left: 5px; +} +.el-transfer-panel .el-transfer-panel__header { + height: 40px; + line-height: 40px; + background: #f5f7fa; + margin: 0; + padding-left: 15px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #000; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox { + display: block; + line-height: 40px; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { + font-size: 16px; + color: #303133; + font-weight: 400; +} +.el-transfer-panel + .el-transfer-panel__header + .el-checkbox + .el-checkbox__label + span { + position: absolute; + right: 15px; + color: #909399; + font-size: 12px; + font-weight: 400; +} +.el-divider__text, +.el-link { + font-weight: 500; + font-size: 14px; +} +.el-transfer-panel .el-transfer-panel__footer { + height: 40px; + background: #fff; + margin: 0; + padding: 0; + border-top: 1px solid #ebeef5; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; +} +.el-transfer-panel .el-transfer-panel__footer::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-container, +.el-timeline-item__node { + display: -webkit-box; + display: -ms-flexbox; +} +.el-transfer-panel .el-transfer-panel__footer .el-checkbox { + padding-left: 20px; + color: #606266; +} +.el-transfer-panel .el-transfer-panel__empty { + margin: 0; + height: 30px; + line-height: 30px; + padding: 6px 15px 0; + color: #909399; + text-align: center; +} +.el-transfer-panel .el-checkbox__label { + padding-left: 8px; +} +.el-transfer-panel .el-checkbox__inner { + height: 14px; + width: 14px; + border-radius: 3px; +} +.el-transfer-panel .el-checkbox__inner::after { + height: 6px; + width: 3px; + left: 4px; +} +.el-container { + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; +} +.el-container.is-vertical, +.el-drawer { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; +} +.el-aside, +.el-header { + -webkit-box-sizing: border-box; +} +.el-container.is-vertical { + -ms-flex-direction: column; + flex-direction: column; +} +.el-header { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-aside { + overflow: auto; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-footer, +.el-main { + -webkit-box-sizing: border-box; +} +.el-main { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + overflow: auto; + box-sizing: border-box; + padding: 20px; +} +.el-footer { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-timeline { + margin: 0; + font-size: 14px; + list-style: none; +} +.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { + display: none; +} +.el-timeline-item { + position: relative; + padding-bottom: 20px; +} +.el-timeline-item__wrapper { + position: relative; + padding-left: 28px; + top: -3px; +} +.el-timeline-item__tail { + position: absolute; + left: 4px; + height: 100%; + border-left: 2px solid #e4e7ed; +} +.el-timeline-item__icon { + color: #fff; + font-size: 13px; +} +.el-timeline-item__node { + position: absolute; + background-color: #e4e7ed; + border-radius: 50%; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image__error, +.el-timeline-item__dot { + display: -webkit-box; + display: -ms-flexbox; +} +.el-timeline-item__node--normal { + left: -1px; + width: 12px; + height: 12px; +} +.el-timeline-item__node--large { + left: -2px; + width: 14px; + height: 14px; +} +.el-timeline-item__node--primary { + background-color: #4165d7; +} +.el-timeline-item__node--success { + background-color: #67c23a; +} +.el-timeline-item__node--warning { + background-color: #e6a23c; +} +.el-timeline-item__node--danger { + background-color: #f56c6c; +} +.el-timeline-item__node--info { + background-color: #909399; +} +.el-timeline-item__dot { + position: absolute; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-timeline-item__content { + color: #303133; +} +.el-timeline-item__timestamp { + color: #909399; + line-height: 1; + font-size: 13px; +} +.el-timeline-item__timestamp.is-top { + margin-bottom: 8px; + padding-top: 4px; +} +.el-timeline-item__timestamp.is-bottom { + margin-top: 8px; +} +.el-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: 0; + padding: 0; +} +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid #4165d7; +} +.el-link.el-link--default:after, +.el-link.el-link--primary.is-underline:hover:after, +.el-link.el-link--primary:after { + border-color: #4165d7; +} +.el-link.is-disabled { + cursor: not-allowed; +} +.el-link [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-link.el-link--default { + color: #606266; +} +.el-link.el-link--default:hover { + color: #4165d7; +} +.el-link.el-link--default.is-disabled { + color: #c0c4cc; +} +.el-link.el-link--primary { + color: #4165d7; +} +.el-link.el-link--primary:hover { + color: #6784df; +} +.el-link.el-link--primary.is-disabled { + color: #a0b2eb; +} +.el-link.el-link--danger.is-underline:hover:after, +.el-link.el-link--danger:after { + border-color: #f56c6c; +} +.el-link.el-link--danger { + color: #f56c6c; +} +.el-link.el-link--danger:hover { + color: #f78989; +} +.el-link.el-link--danger.is-disabled { + color: #fab6b6; +} +.el-link.el-link--success.is-underline:hover:after, +.el-link.el-link--success:after { + border-color: #67c23a; +} +.el-link.el-link--success { + color: #67c23a; +} +.el-link.el-link--success:hover { + color: #85ce61; +} +.el-link.el-link--success.is-disabled { + color: #b3e19d; +} +.el-link.el-link--warning.is-underline:hover:after, +.el-link.el-link--warning:after { + border-color: #e6a23c; +} +.el-link.el-link--warning { + color: #e6a23c; +} +.el-link.el-link--warning:hover { + color: #ebb563; +} +.el-link.el-link--warning.is-disabled { + color: #f3d19e; +} +.el-link.el-link--info.is-underline:hover:after, +.el-link.el-link--info:after { + border-color: #909399; +} +.el-link.el-link--info { + color: #909399; +} +.el-link.el-link--info:hover { + color: #a6a9ad; +} +.el-link.el-link--info.is-disabled { + color: #c8c9cc; +} +.el-divider { + background-color: #dcdfe6; + position: relative; +} +.el-divider--horizontal { + display: block; + height: 1px; + width: 100%; + margin: 24px 0; +} +.el-divider--vertical { + display: inline-block; + width: 1px; + height: 1em; + margin: 0 8px; + vertical-align: middle; + position: relative; +} +.el-divider__text { + position: absolute; + background-color: #fff; + padding: 0 20px; + color: #303133; +} +.el-image__error, +.el-image__placeholder { + background: #f5f7fa; +} +.el-divider__text.is-left { + left: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-divider__text.is-center { + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.el-divider__text.is-right { + right: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-image__error, +.el-image__inner, +.el-image__placeholder { + width: 100%; + height: 100%; +} +.el-image { + position: relative; + display: inline-block; + overflow: hidden; +} +.el-image__inner { + vertical-align: top; +} +.el-image__inner--center { + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: block; +} +.el-image__error { + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + color: #c0c4cc; + vertical-align: middle; +} +.el-image__preview { + cursor: pointer; +} +.el-image-viewer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.el-image-viewer__btn { + position: absolute; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + opacity: 0.8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + user-select: none; +} +.el-button, +.el-checkbox { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 24px; + color: #fff; + background-color: #606266; +} +.el-image-viewer__canvas { + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image-viewer__actions { + left: 50%; + bottom: 30px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 282px; + height: 44px; + padding: 0 23px; + background-color: #606266; + border-color: #fff; + border-radius: 22px; +} +.el-image-viewer__actions__inner { + width: 100%; + height: 100%; + text-align: justify; + cursor: default; + font-size: 23px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-image-viewer__next, +.el-image-viewer__prev { + top: 50%; + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; +} +.el-image-viewer__prev { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 40px; +} +.el-image-viewer__next { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 40px; + text-indent: 2px; +} +.el-image-viewer__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.5; + background: #000; +} +.viewer-fade-enter-active { + -webkit-animation: viewer-fade-in 0.3s; + animation: viewer-fade-in 0.3s; +} +.viewer-fade-leave-active { + -webkit-animation: viewer-fade-out 0.3s; + animation: viewer-fade-out 0.3s; +} +@-webkit-keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 500; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button + .el-button { + margin-left: 10px; +} +.el-button:focus, +.el-button:hover { + color: #4165d7; + border-color: #c6d1f3; + background-color: #ecf0fb; +} +.el-button:active { + color: #3b5bc2; + border-color: #3b5bc2; + outline: 0; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-button.is-plain:focus, +.el-button.is-plain:hover { + background: #fff; + border-color: #4165d7; + color: #4165d7; +} +.el-button.is-active, +.el-button.is-plain:active { + color: #3b5bc2; + border-color: #3b5bc2; +} +.el-button.is-plain:active { + background: #fff; + outline: 0; +} +.el-button.is-disabled, +.el-button.is-disabled:focus, +.el-button.is-disabled:hover { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, +.el-button.is-disabled.is-plain:focus, +.el-button.is-disabled.is-plain:hover { + background-color: #fff; + border-color: #ebeef5; + color: #c0c4cc; +} +.el-button.is-loading { + position: relative; + pointer-events: none; +} +.el-button.is-loading:before { + pointer-events: none; + content: ""; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, 0.35); +} +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} +.el-button--primary { + color: #fff; + background-color: #4165d7; + border-color: #4165d7; +} +.el-button--primary:focus, +.el-button--primary:hover { + background: #6784df; + border-color: #6784df; + color: #fff; +} +.el-button--primary.is-active, +.el-button--primary:active { + background: #3b5bc2; + border-color: #3b5bc2; + color: #fff; +} +.el-button--primary:active { + outline: 0; +} +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:active, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:hover { + color: #fff; + background-color: #a0b2eb; + border-color: #a0b2eb; +} +.el-button--primary.is-plain { + color: #4165d7; + background: #ecf0fb; + border-color: #b3c1ef; +} +.el-button--primary.is-plain:focus, +.el-button--primary.is-plain:hover { + background: #4165d7; + border-color: #4165d7; + color: #fff; +} +.el-button--primary.is-plain:active { + background: #3b5bc2; + border-color: #3b5bc2; + color: #fff; + outline: 0; +} +.el-button--primary.is-plain.is-disabled, +.el-button--primary.is-plain.is-disabled:active, +.el-button--primary.is-plain.is-disabled:focus, +.el-button--primary.is-plain.is-disabled:hover { + color: #8da3e7; + background-color: #ecf0fb; + border-color: #d9e0f7; +} +.el-button--success { + color: #fff; + background-color: #67c23a; + border-color: #67c23a; +} +.el-button--success:focus, +.el-button--success:hover { + background: #85ce61; + border-color: #85ce61; + color: #fff; +} +.el-button--success.is-active, +.el-button--success:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; +} +.el-button--success:active { + outline: 0; +} +.el-button--success.is-disabled, +.el-button--success.is-disabled:active, +.el-button--success.is-disabled:focus, +.el-button--success.is-disabled:hover { + color: #fff; + background-color: #b3e19d; + border-color: #b3e19d; +} +.el-button--success.is-plain { + color: #67c23a; + background: #f0f9eb; + border-color: #c2e7b0; +} +.el-button--success.is-plain:focus, +.el-button--success.is-plain:hover { + background: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-button--success.is-plain:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; + outline: 0; +} +.el-button--success.is-plain.is-disabled, +.el-button--success.is-plain.is-disabled:active, +.el-button--success.is-plain.is-disabled:focus, +.el-button--success.is-plain.is-disabled:hover { + color: #a4da89; + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-button--warning { + color: #fff; + background-color: #e6a23c; + border-color: #e6a23c; +} +.el-button--warning:focus, +.el-button--warning:hover { + background: #ebb563; + border-color: #ebb563; + color: #fff; +} +.el-button--warning.is-active, +.el-button--warning:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; +} +.el-button--warning:active { + outline: 0; +} +.el-button--warning.is-disabled, +.el-button--warning.is-disabled:active, +.el-button--warning.is-disabled:focus, +.el-button--warning.is-disabled:hover { + color: #fff; + background-color: #f3d19e; + border-color: #f3d19e; +} +.el-button--warning.is-plain { + color: #e6a23c; + background: #fdf6ec; + border-color: #f5dab1; +} +.el-button--warning.is-plain:focus, +.el-button--warning.is-plain:hover { + background: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-button--warning.is-plain:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; + outline: 0; +} +.el-button--warning.is-plain.is-disabled, +.el-button--warning.is-plain.is-disabled:active, +.el-button--warning.is-plain.is-disabled:focus, +.el-button--warning.is-plain.is-disabled:hover { + color: #f0c78a; + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-button--danger { + color: #fff; + background-color: #f56c6c; + border-color: #f56c6c; +} +.el-button--danger:focus, +.el-button--danger:hover { + background: #f78989; + border-color: #f78989; + color: #fff; +} +.el-button--danger.is-active, +.el-button--danger:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; +} +.el-button--danger:active { + outline: 0; +} +.el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, +.el-button--danger.is-disabled:hover { + color: #fff; + background-color: #fab6b6; + border-color: #fab6b6; +} +.el-button--danger.is-plain { + color: #f56c6c; + background: #fef0f0; + border-color: #fbc4c4; +} +.el-button--danger.is-plain:focus, +.el-button--danger.is-plain:hover { + background: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-button--danger.is-plain:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; + outline: 0; +} +.el-button--danger.is-plain.is-disabled, +.el-button--danger.is-plain.is-disabled:active, +.el-button--danger.is-plain.is-disabled:focus, +.el-button--danger.is-plain.is-disabled:hover { + color: #f9a7a7; + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-button--info { + color: #fff; + background-color: #909399; + border-color: #909399; +} +.el-button--info:focus, +.el-button--info:hover { + background: #a6a9ad; + border-color: #a6a9ad; + color: #fff; +} +.el-button--info.is-active, +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff; +} +.el-button--info:active { + outline: 0; +} +.el-button--info.is-disabled, +.el-button--info.is-disabled:active, +.el-button--info.is-disabled:focus, +.el-button--info.is-disabled:hover { + color: #fff; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:focus, +.el-button--info.is-plain:hover { + background: #909399; + border-color: #909399; + color: #fff; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0; +} +.el-button--info.is-plain.is-disabled, +.el-button--info.is-plain.is-disabled:active, +.el-button--info.is-plain.is-disabled:focus, +.el-button--info.is-plain.is-disabled:hover { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} +.el-button--text, +.el-button--text.is-disabled, +.el-button--text.is-disabled:focus, +.el-button--text.is-disabled:hover, +.el-button--text:active { + border-color: transparent; +} +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--mini, +.el-button--small { + font-size: 12px; + border-radius: 3px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} +.el-button--small, +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} +.el-button--mini, +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} +.el-button--text { + color: #4165d7; + background: 0 0; + padding-left: 0; + padding-right: 0; +} +.el-button--text:focus, +.el-button--text:hover { + color: #6784df; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #3b5bc2; + background-color: transparent; +} +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::after, +.el-button-group::before { + display: table; + content: ""; +} +.el-button-group::after { + clear: both; +} +.el-button-group > .el-button { + float: left; + position: relative; +} +.el-button-group > .el-button + .el-button { + margin-left: 0; +} +.el-button-group > .el-button.is-disabled { + z-index: 1; +} +.el-button-group > .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-button-group > .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-button-group > .el-button:first-child:last-child { + border-radius: 4px; +} +.el-button-group > .el-button:first-child:last-child.is-round { + border-radius: 20px; +} +.el-button-group > .el-button:first-child:last-child.is-circle { + border-radius: 50%; +} +.el-button-group > .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} +.el-button-group > .el-button:not(:last-child) { + margin-right: -1px; +} +.el-button-group > .el-button.is-active, +.el-button-group > .el-button:active, +.el-button-group > .el-button:focus, +.el-button-group > .el-button:hover { + z-index: 1; +} +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-calendar { + background-color: #fff; +} +.el-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #ebeef5; +} +.el-backtop, +.el-page-header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-calendar__title { + color: #000; + -ms-flex-item-align: center; + align-self: center; +} +.el-calendar__body { + padding: 12px 20px 35px; +} +.el-calendar-table { + table-layout: fixed; + width: 100%; +} +.el-calendar-table thead th { + padding: 12px 0; + color: #606266; + font-weight: 400; +} +.el-calendar-table:not(.is-range) td.next, +.el-calendar-table:not(.is-range) td.prev { + color: #c0c4cc; +} +.el-backtop, +.el-calendar-table td.is-today { + color: #4165d7; +} +.el-calendar-table td { + border-bottom: 1px solid #ebeef5; + border-right: 1px solid #ebeef5; + vertical-align: top; + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.el-calendar-table td.is-selected { + background-color: #f2f8fe; +} +.el-calendar-table tr:first-child td { + border-top: 1px solid #ebeef5; +} +.el-calendar-table tr td:first-child { + border-left: 1px solid #ebeef5; +} +.el-calendar-table tr.el-calendar-table__row--hide-border td { + border-top: none; +} +.el-calendar-table .el-calendar-day { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + height: 85px; +} +.el-calendar-table .el-calendar-day:hover { + cursor: pointer; + background-color: #f2f8fe; +} +.el-backtop { + position: fixed; + background-color: #fff; + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 20px; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + cursor: pointer; + z-index: 5; +} +.el-backtop:hover { + background-color: #f2f6fc; +} +.el-page-header { + display: flex; + line-height: 24px; +} +.el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + margin-right: 40px; + position: relative; +} +.el-page-header__left::after { + content: ""; + position: absolute; + width: 1px; + height: 16px; + right: -20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #dcdfe6; +} +.el-checkbox, +.el-checkbox__input { + display: inline-block; + position: relative; + white-space: nowrap; +} +.el-page-header__left .el-icon-back { + font-size: 18px; + margin-right: 6px; + -ms-flex-item-align: center; + align-self: center; +} +.el-page-header__title { + font-size: 14px; + font-weight: 500; +} +.el-page-header__content { + font-size: 18px; + color: #303133; +} +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + cursor: pointer; + user-select: none; + margin-right: 30px; +} +.el-checkbox-button__inner, +.el-radio { + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.el-checkbox.is-bordered { + padding: 9px 20px 9px 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: normal; + height: 40px; +} +.el-checkbox.is-bordered.is-checked { + border-color: #4165d7; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #ebeef5; + cursor: not-allowed; +} +.el-checkbox.is-bordered + .el-checkbox.is-bordered { + margin-left: 10px; +} +.el-checkbox.is-bordered.el-checkbox--medium { + padding: 7px 20px 7px 10px; + border-radius: 4px; + height: 36px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { + line-height: 17px; + font-size: 14px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { + height: 14px; + width: 14px; +} +.el-checkbox.is-bordered.el-checkbox--small { + padding: 5px 15px 5px 10px; + border-radius: 3px; + height: 32px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { + line-height: 15px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox.is-bordered.el-checkbox--mini { + padding: 3px 15px 3px 10px; + border-radius: 3px; + height: 28px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { + line-height: 12px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox__input { + cursor: pointer; + outline: 0; + line-height: 1; + vertical-align: middle; +} +.el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: #edf2fc; + border-color: #dcdfe6; + cursor: not-allowed; +} +.el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + background-color: #c0c4cc; + border-color: #c0c4cc; +} +.el-checkbox__input.is-checked .el-checkbox__inner, +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #4165d7; + border-color: #4165d7; +} +.el-checkbox__input.is-disabled + span.el-checkbox__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-checkbox__input.is-checked .el-checkbox__inner::after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1); +} +.el-checkbox__input.is-checked + .el-checkbox__label { + color: #4165d7; +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #4165d7; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #fff; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.5); + left: 0; + right: 0; + top: 5px; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} +.el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: #fff; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #4165d7; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, + -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} +.el-checkbox__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} +.el-checkbox-button, +.el-checkbox-button__inner { + display: inline-block; + position: relative; +} +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} +.el-checkbox:last-of-type { + margin-right: 0; +} +.el-checkbox-button__inner { + line-height: 1; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button__inner.is-round { + padding: 12px 20px; +} +.el-checkbox-button__inner:hover { + color: #4165d7; +} +.el-checkbox-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio, +.el-radio__input { + line-height: 1; + white-space: nowrap; + outline: 0; +} +.el-checkbox-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-checkbox-button__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + z-index: -1; +} +.el-radio, +.el-radio__inner, +.el-radio__input { + position: relative; + display: inline-block; +} +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: #4165d7; + border-color: #4165d7; + -webkit-box-shadow: -1px 0 0 0 #8da3e7; + box-shadow: -1px 0 0 0 #8da3e7; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #4165d7; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #ebeef5; +} +.el-checkbox-button:first-child .el-checkbox-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-checkbox-button.is-focus .el-checkbox-button__inner { + border-color: #4165d7; +} +.el-checkbox-button:last-child .el-checkbox-button__inner { + border-radius: 0 4px 4px 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner.is-round { + padding: 10px 20px; +} +.el-checkbox-button--small .el-checkbox-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--small .el-checkbox-button__inner.is-round { + padding: 9px 15px; +} +.el-checkbox-button--mini .el-checkbox-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--mini .el-checkbox-button__inner.is-round { + padding: 7px 15px; +} +.el-checkbox-group { + font-size: 0; +} +.el-radio, +.el-radio--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.el-radio { + color: #606266; + cursor: pointer; + margin-right: 30px; +} +.el-cascader-node > .el-radio, +.el-radio:last-child { + margin-right: 0; +} +.el-radio.is-bordered { + padding: 12px 20px 0 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; +} +.el-radio.is-bordered.is-checked { + border-color: #4165d7; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5; +} +.el-radio__input.is-disabled .el-radio__inner, +.el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; +} +.el-radio.is-bordered + .el-radio.is-bordered { + margin-left: 10px; +} +.el-radio--medium.is-bordered { + padding: 10px 20px 0 10px; + border-radius: 4px; + height: 36px; +} +.el-radio--mini.is-bordered .el-radio__label, +.el-radio--small.is-bordered .el-radio__label { + font-size: 12px; +} +.el-radio--medium.is-bordered .el-radio__inner { + height: 14px; + width: 14px; +} +.el-radio--small.is-bordered { + padding: 8px 15px 0 10px; + border-radius: 3px; + height: 32px; +} +.el-radio--small.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio--mini.is-bordered { + padding: 6px 15px 0 10px; + border-radius: 3px; + height: 28px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio__input { + cursor: pointer; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + cursor: not-allowed; +} +.el-radio__input.is-disabled .el-radio__inner::after { + cursor: not-allowed; + background-color: #f5f7fa; +} +.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { + cursor: not-allowed; +} +.el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #c0c4cc; +} +.el-radio__input.is-disabled + span.el-radio__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-radio__input.is-checked .el-radio__inner { + border-color: #4165d7; + background: #4165d7; +} +.el-radio__input.is-checked .el-radio__inner::after { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); +} +.el-radio__input.is-checked + .el-radio__label { + color: #4165d7; +} +.el-radio__input.is-focus .el-radio__inner { + border-color: #4165d7; +} +.el-radio__inner { + border: 1px solid #dcdfe6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #fff; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #4165d7; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #fff; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} +.el-radio__original { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #4165d7; + box-shadow: 0 0 2px 2px #4165d7; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:active > .el-scrollbar__bar, +.el-scrollbar:focus > .el-scrollbar__bar, +.el-scrollbar:hover > .el-scrollbar__bar { + opacity: 1; + -webkit-transition: opacity 340ms ease-out; + transition: opacity 340ms ease-out; +} +.el-scrollbar__wrap { + overflow: scroll; + height: 100%; +} +.el-scrollbar__wrap--hidden-default { + scrollbar-width: none; +} +.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} +.el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(144, 147, 153, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.5); +} +.el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + -webkit-transition: opacity 120ms ease-out; + transition: opacity 120ms ease-out; +} +.el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} +.el-scrollbar__bar.is-vertical > div { + width: 100%; +} +.el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} +.el-scrollbar__bar.is-horizontal > div { + height: 100%; +} +.el-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-panel.is-bordered { + border: 1px solid #e4e7ed; + border-radius: 4px; +} +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #e4e7ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-avatar, +.el-drawer { + -webkit-box-sizing: border-box; + overflow: hidden; +} +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #c0c4cc; +} +.el-cascader-node { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: 0; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, +.el-cascader-node.is-active, +.el-cascader-node.is-selectable.in-checked-path { + color: #4165d7; + font-weight: 700; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):focus, +.el-cascader-node:not(.is-disabled):hover { + background: #f5f7fa; +} +.el-cascader-node.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} +.el-avatar { + display: inline-block; + box-sizing: border-box; + text-align: center; + color: #fff; + background: #c0c4cc; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} +.el-drawer, +.el-drawer__header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-avatar--circle { + border-radius: 50%; +} +.el-avatar--square { + border-radius: 4px; +} +.el-avatar--icon { + font-size: 18px; +} +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} +.el-drawer.btt, +.el-drawer.ttb, +.el-drawer__container { + left: 0; + right: 0; + width: 100%; +} +.el-drawer.ltr, +.el-drawer.rtl, +.el-drawer__container { + top: 0; + bottom: 0; + height: 100%; +} +@-webkit-keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@-webkit-keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@-webkit-keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@-webkit-keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +@keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +.el-drawer { + position: absolute; + box-sizing: border-box; + background-color: #fff; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), + 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), + 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + outline: 0; +} +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out 0.3s; + animation: rtl-drawer-out 0.3s; + right: 0; +} +.el-drawer__open .el-drawer.rtl { + -webkit-animation: rtl-drawer-in 0.3s 1ms; + animation: rtl-drawer-in 0.3s 1ms; +} +.el-drawer.ltr { + -webkit-animation: ltr-drawer-out 0.3s; + animation: ltr-drawer-out 0.3s; + left: 0; +} +.el-drawer__open .el-drawer.ltr { + -webkit-animation: ltr-drawer-in 0.3s 1ms; + animation: ltr-drawer-in 0.3s 1ms; +} +.el-drawer.ttb { + -webkit-animation: ttb-drawer-out 0.3s; + animation: ttb-drawer-out 0.3s; + top: 0; +} +.el-drawer__open .el-drawer.ttb { + -webkit-animation: ttb-drawer-in 0.3s 1ms; + animation: ttb-drawer-in 0.3s 1ms; +} +.el-drawer.btt { + -webkit-animation: btt-drawer-out 0.3s; + animation: btt-drawer-out 0.3s; + bottom: 0; +} +.el-drawer__open .el-drawer.btt { + -webkit-animation: btt-drawer-in 0.3s 1ms; + animation: btt-drawer-in 0.3s 1ms; +} +.el-drawer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + margin: 0; +} +.el-drawer__header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #72767b; + display: flex; + margin-bottom: 32px; + padding: 20px 20px 0; +} +.el-drawer__header > :first-child { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__title { + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: inherit; + font-size: 1rem; +} +.el-drawer__close-btn { + border: none; + cursor: pointer; + font-size: 20px; + color: inherit; + background-color: transparent; +} +.el-drawer__body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-drawer__container { + position: relative; +} +.el-drawer-fade-enter-active { + -webkit-animation: el-drawer-fade-in 0.3s; + animation: el-drawer-fade-in 0.3s; +} +.el-drawer-fade-leave-active { + animation: el-drawer-fade-in 0.3s reverse; +} +.el-popconfirm__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-popconfirm__icon { + margin-right: 5px; +} +.el-popconfirm__action { + text-align: right; + margin: 0; +} + +.cl-slider-menu .el-menu-item.is-active, +.cl-slider-menu .el-menu-item:hover, +.cl-slider-menu .el-menu .el-submenu__title:hover { + background-color: #4165d7 !important; +} diff --git a/assets/theme/fonts/element-icons.ttf b/assets/theme/fonts/element-icons.ttf new file mode 100644 index 0000000000000000000000000000000000000000..91b74de36778b0ff8958d37d07ce70fb3b26f50b GIT binary patch literal 55956 zcmeGFd0<<`wFi#R+^fY}ZAq5o-I8TXc48}DB_~eoo5b1oJtQPiNJs)CAp{6J5lc%N zwzOp_v;{*7Wh>AEEu}1ivXw_Ew0$k5g}UvlZr_9Q=nAimZoZ#0BiV8i1AV{W_pk4B za_-#y&T{6Q&pC5u#5iNj!O~1+?Q>SFn(?sl$R8Qwy*N8#$%;vx(*pCJ#PP*AUcF`4 z<~_akAK%NE1=l?jw(q=P+r(ea7-p>UON@Q=;`-)2XP$k|f1GWuX6%Ot7;`xouBhpwX?C)SUdphg(iHviN^u5fPaC+oZByyg zzcGir_f7q&&(e)DJ$j1?Z^B^-Q|K)I@C=^5hPlNNoweg1V@JiY{F0s3u~x9n;1XD%&bKDoboEpUN2MrF6-oYR$*opXHW3A zbla@0Ov?`GugLNv?`hnYFFk$g|LFhf;Qx5w|9Ig4Egpb~F@s1xwMucL{zJ+i<*ztP zlBg9aBqq+Al$UYbz(Np9N_Hsw_3XE^&t%`v{v~@<_vw{-NS~-r*JtUQ^_TQljzYrX zp2OLDvyW$=&3=&myRPVdy;^V3+w?(wj=n|z0p0Tne;nUyU=!FNTh1O}-(t_REPJ1Q z#O=J3ck>-eJD%qdu`2RphD^3XHrtS22XitPq<$$YV;<&ZK32~BEWm=Sf>p9AR?TWy zE#!VZN)yHxBCL@$u_%kNX4Zo5O+>ldSe#8_?W}`!vM$!mdRT%bSudN+rm#LXl}%&) zY=CKOI-9{}B8RisY&M6@W%Jm4wty{Ui`Zhege_&ukoOgAC0oT-vo&ljJBh7h>)FX{ z1KY?pu@u|PPGMWvR(2}e#@;>dJA>_HyV!1aCfmc#Vtd)y>>PG3+sDph=d%mg zh3q1BF}s9a%J#D~yNq4Vu3%TP&#=$3tJnedId+g;4V`x_yN+GY4zbU(FR(AN8`zEP zCU!IQ@-6IE_GR`J_EmNpyPXZOJJ_A&hBCNvisQmsO@jC2iZgHVfIbb z`y=d8_89v%`wn}YeV0AKz6UJu6nmOI!!qny_8j{@TIL1zB72Fw%znULVgJTnWj|#9 z&VI&z&R%10vR|+tvDeuf?8odU>@D_F_Dl9F_BMNm{TdkKH|)3UckDmd@6on8`vdz= z_FwE>_8$8qTKd1)2kcMm&+ISkuk3H^@9abN5&IwZ5B5)XgyopQj&jC1SGdYe+{`W9 z%1gKn+~MF(?&5A<%FDQid%2I7b3YI8AYl?ty8Hj@e@?0Z7xf?fQLSW$BvG%=9+pHn zD*H7_Bqg$UNg`m9y;~AVknGnb5h}_8SrVZyvh0152t#G>mxTVwvJXfi$&&qsB=lL9 zeNYm5FUvk83H_L5AC^QoF8fVM=-Vv&ElKF*Ec=Kg^mmqhR1$hV%RVLvGJs{jEeX`aFvQJ2YtYF#iNrKd1S)gAc$Pbo%N)jXq%RVg$GKFQIkp$_&vd>C_ zoMGALBthb^?Dr)>_OR^pk|2dx_613hM=blIBuFNfeMu5z6w5*a6G2+B><=VCZn5ku zk|4oY_TMByma*)sk|5Ps_J@)n-&poFNsx3b`y)w^c`W<7B+>@iHzYw0vh0r~K_as3 zPb5J$vMekBB1lP={dY-_mn{1;Nsyc@`*TTjRRhE5A5+p3k{!$WT zEzAB&5~ME6zAXvzmu26P1WC-Yzm^1<%(BChAe~wEHdy=3PSoV*S zpdVQFeM!(1Ec<~Z=nR(qlO$*lmi@CN=n5qG}CJ&L0>byRuVKf)9WNbhcmri60|wfLz1A^ncg4?8lLG9NznC7 zZCMG|lV(GFug+(&<4{xB>{IZy-N}h2-DHGiGW3z-XjU9gy{)Mz$Z*kN&-@0 zdaop47N$>@1oXmm^lc*G7^e400-|C1R7t=#OrItRD2M6&l7M%ZJ|GFmhv}LmU?8TW zZxaCxF?~=Ha1qmINdiJ*`W#8XN=%$C$oc5|A0wS4aXzWBN)-Kx<52B?-8V>8m9H z!7+V}Bw#tFuayK;$MlmV0pBrwog^SVrmvR-%*XVTB?0|0eS;+6K&Ee$1VqU6O_G2O znVymal*shWl7JVPPJI;w0l1Rp;VrBXsNx-g5KT8tJAl)koc$VpB zO9HZG`Z5F4NSjT z5-bR&e@PN-38vp7304KuZ!t~oE!6IS$ zkR;e9Ous`CtQ4l-DGBxp(+^96<-+u@NrDZ-^t&X%nqm6gl3>>`{p*ro;V}IkNw9U8 zey=20Jxsq(66_zQ-!BQ45Yr!!1e=KI-;f0Bi0KbXf}O7noJc#raNn{_1zuoK!9_Q~Uvy}(bI(4`Dchfr4`{o_y+bmNpS6be; zwpw>u?Tet0?&9EP|zvGzU_>$A)+~@qrrMW)qdfDxCuXBG?y0rB1GH2P= zvLl|go)^7#?`rRJzE0nry}<+Uf*K3%u7?)Cbm^$*t{ z39So#JFJ9vgzsqxHQX7gi0qBL)mYwmQ{&&84o0KVp{Nnt82fhYugzPVZ*6h6oZNC} z%kYHwgs)Bb^TgE?Gp&nTFKr!eo6vT7+i-ko{6IWAsd3WN?G^3kwEwE3vEvV&3p>Bm z`Cix7t`EBBc7LVE+w)-0k;Kx(P%@CbueY`L!rqT2CnkS(@{gy~O}TK&xBFOMYv1{O zKbtyr>Vc`hnx;+LJMG8)HT}E$Ul~XY+%Pb#^=hYUKc4QM-aq})=}*rnoAI?7AIw}h z^WmBQHMnu`hQaq{bPf13b|ki#C*UOL@?0i7Nv<7VXB#&S0P%CmSXyR!e!HGs(qa zoR40T`@H*i_DcJ!y}eU!>3h}o`2)2JC-a)C+N!HxUGnOZ1q)uSSyH>M?SRc!Y3G;O zY>&AcZLY`cRa@=$$6OJ+>oHq3zxj7I+pB%IOzrJ`)n4`9RW*F_!rB9EwM%MVU9bS} zc(tZxecJ(hrO&36;7gCWY>jxsR(qBGQL$?yf56d<%2W;3cQaXlJlvV+@pMNc;RcJ} zQy%Ct``x@D8taL~dCb$#li@lZ^ticoBKM5p7FK4(cZZb5tR~u?cBwB{(ri{GVpofO&CFrG)O-KK!zO2rL#Xk`i-)!V8+Ry8_ z#ahSvc~2K|5a*L{A{a;{6VX`IVx`ML%4XE!lg$yur9iNbTirMrvs&tSQsJhWo(ayH zDo@`)OjFhk4z5!!ExmH%#zPh5OIEG}Abdry9?Zoy<;{aT`X^OoPQ zS?QfU|JR2r{V%xe5f{%?PjFQCOtjVny`5pa18=I^c!5>jx&GukTAJDywb*8!KX1_) zR`WXJiPx(6xp6NFCqsob;0r+S=x$mvmi$`H5!Z1b>ltJ5i(eaIV%`Hd$VCUQQpfe-p)A@5LAk1g8h zax{t5X0D!4F_aEgRt6Po$t1t)w%c6(NhMZgnBMffbB}zD(|C28qqNkqEzd{KsF$m0 zcwXZ0G-y<_;Nq^%K)D6Agt`dVDVEVHjf1o-=gEHb*d|nq><#4s?sF>v@Oz>q zO&`RDYq5lBQnXoVtTN88YE+t|lT3+NcQZd=UV5_0x@);P_g6)un{yd#`9A~6IVDq7 z76PlIO1$n6?_50Docmr?nDcOzGRr)9aVO8@GIIj^SFG6Um`;s=|3(S#aV*)hmV9$Z zpHYWU9u>Ufgr960`8v42D;bUiyL|qxIJLjED~Z04FXRZjL>i*qi9Raem@4r5!oIM= zJ}5IXnX-qqk1DRZWpK0aaqXN3D(6tvwaKPPg|Vk1Vwx<9GN=5rn~Lh-4@P^4AL5yG zI?eY#vwDZsyLs@aa`j%yc5g*J=k*o*WgKk!j6YT=c5WEJ1$Y8wNuw+^Xq^~*MSbW2 zGs)-TLmp9pI$jI^Z*k**YZFQ0eK+dM7ba;njm!3_<>i53mp{_S{S!G-ALzx32lnlI zpdu9I(Qt<;Qfch1jF>vYI6Q@aP;u2sCtbyVZg|`Ibw*`TGd-wj8BI%T^ru{W_VtQ# z{n@t8uomvJ8RzCpbhWJuCpulLcPPpZ<31zJGpH$1U2bm%4|3u)A;&W6#gMO5!d4++ z(Jb{m0PaJ>K+HyCDjH@0&4NzZoj^YfltRn~t>IYM3QqK?Nw?FZ1QcIsM~r)2##EP= z$2v-VIOTD=tv;91=l1bAX2WhuDyP_U57-wp@dHgtrqr2s2XpVZJRXKH75lKO5j%Y)4znB>z4HF2}wASG^4qaC<+o!G)A|`CUkSP9}Uz1MW}?P?v8(_)XUAWxY@{=ZQNsy$G&4T zUmV{()myq*UN!!St6VkPjQ<|J>M5K4bk1zfJuSD@jg5)MMm~Cd**Z7h|}v5jc6}a33xJv`luoQBh-zXqirwP%)!q|(AWrk8ljTjS~-7himb8gDK4+GekJx+AU53b(~sS7V>P*69Qj zn_j%>rWZ|oTEba+u5yXf<*`c;=43%#0n!70I@2av`f|XWZ zbE$XpjK$5nvfsBuUCoP^?m#g_Ii6SVRA<5)dos$A2zDWVfnY!ZFhQ9j7U+gJ zie(47QT;yglkkt(GMklTbe7U$NeMOhmPslmqb$;r9C zwe{|@U{6CZ7O<9w>kYC zRXyu!x+hJp(ps7lZEZcV=B~!2j%0FCdHodS(GrzgZNV8EjaSca_IfHSxy`Ox&E^ut zX6K4FXE%49(LYDwPNzeyD{r3Wa+CyJlh3OT*|@jL?y`A!Z~L}Ct!SCfO|^~I;F`d2kq$@qHbt_lj6pl<;IepFfYdix7V!GI|VbcMF1vMTqtPU}hD z7QemsMbF`DHaky0lQ*2Ve$~4dU;I#g?Sd3`#3d9DYrn26Jr9IoX zH+Va0h1|{v;SJ3U0Gs%^Oz!=dM0v_mU(s4KVZ-hP*2uz{E#~eWvu5q+Hn+@N7_lzc zyTpClW55i97n2T zS`xobWm2-QWYj_A$BVp>4Mch@3H;rGZ<12$3Fjq56zmfLB!}3DHAJBelF-}Kp#VKC zR)AXcEK+?0M-Ylt;_B%S#Oh*G8e3+C6ay@I$wm7vc9fS_bkqi#>v_}UNXwkey%(9h zZc@{xi|$QPPLDF$rj)bHW*cyZFIZQ_>#CJ6|8o1q3g5fQRmiFGH#0a#xn71>fw@HIXOS8)%rlrQ&7>O3Hg$utVb>lC*VQ~hJuqK8L; z>=MbY80A!l5BTNqdv@C6skJS&tpj&ED$5l6YsMM;MzkkvRy68!P$>b77q`$@ zDer`YQ%Erg^SRIm$c~N!z>anUp9gi^h0`9D^_P0ZtbUTy;I z!j_p%K8>S(xhQ_>DC6@IiFvtaWl5B@A#UBdoNJQrhJpD) zkSh@y8E*1~>GP;zAE5-Wm^DHhAx=i}+|`*#_MlrU!?_G^tcC^LI9+Q_a-M9~@HIn2 z9%W`V)ER0jrKEG|>PF5Rl|BfPVaSuTC`UpWqGDu>Vf05gw6N3@cdF;B8^IkOVnS_3m814EY48(VKeO`&q+tB?Ep6D)j-%o%Wn?dd?-A4P{#9K%9kNnVA zTV7rZx2BZ$x4<5n0r^_VLa2qfw1oP}5~BZIa4N-MsY4dHxjCQMI3PzbPMWliUuHdH zi95Y^?Rh21K{Ge*vNza_L(_Skb!l(!Qofegmn@mwyTo_{AvN6id;QiauC@DCInaQa zC8t|gpTW&%uMKYO%l*OaRw{bua6YG3Y|l5&=GWfd(WOqFqs*UTpOm*l(~uq2&;^rV zFZ9zmxDPGTuRwYwk=q10Bakb91Z>mP1vEi`lW=4wa2vv6N<^&$tOvN-V2VbKKl$R_aj)5D3N}Ps*E?;F zYVR(Sx4hiTOGmCm8eG@8N*q<*+;0BNG%q(+t+SX+mILKoz8g>5hwVP&m)BP)J{K%p zY(J+&%&~3F#-Hdlrd{4@hs}AtE7A}&`OIE?&BsggSE?K(uIpV5k)ZmPGR<4H&N9bp zIpFi%sPFUPod>S}oXe*un`v7?*aU)PNL|RRkadmHvL)zC%F9Z+N~n91A_Ym}i;%fg z$|FrkELQFh_b9Jui%N1cN)~B>^;;o4R0fyI*7cAs2BZuB;X1Dk78|Zs{C&`eVkM~U%BBokl2KhAK_=?2}%P99NO`|MInVeDk5oy#0j6VP# zC8rNGdBJr6RwV%<3?XzWGK+-bAs-2tQuH+|CuBotYk*vou&1A+uZLh&sFnVx8Yg5;V3)9?r_-8pmIQ|l@zf(@TN8QaOT$rTmhU)^u6@GrtHJRkh` zypIZKynuW{L_Zg<4?^#i9;De7xI&4BmbeU1&XquOKf?TPZ0%q(f;uTdBAgU zvxF#{4||Ujx+1n{1H$8vsL#SzTY_FbE7!c-5 zl047w)Vje=-vH(pj6EJ-U$XhxkYI%h>+i4tl_I-?7g z)O~?3oxS|tE1gSbKei;%`o`+XC7aLdTQ>L$UfvX|v6eNI_c}**CqHtTwZeUwEu=*1 zmM(}olPw{|Hf6<}sH^t#iyxb_*m>o>%V#a)%OW$EP2IQIHhIk(zb|j_SZiZV<=iy4 zJdE8ac2$z=V7Bj}U)RFg=wKS8`f~J{f_Isuw=&YDd!i}|O0b2LljtdwG+4}#>`J5o z&LY%;8pcS0uvD4=F-StB`KGUZUF$sUq?oOy!PI&`(7{m#cyNEKDYQQCl-HE~n>Ovg zRM<`Y+q10B#-6&M-)r|ZRw$bdINM0f8~5_v3sdDeZ+S|o=O?Nue!^=4On)L0Ut22WL7cj1NCbjz(;Px z28My;q|X>-^as4waMY_7X{v%Z5;_jb&Ck=y+(croa_58oBL@QyU8-vI<|7$w;|Os6 z#o@!h;7^jji7UIh2o23mc6J;8eeb>8V_3kv_@6%f3zO*=yfy?kS9M7AeQbUJ5kRP* zm2xx2LE*1ck*R)#OF&SZIX;{coXkY=HhyhihwI1zSI54u8Ad)cjYSz$_D`2Nm~LJD z#cyrc@U1VdHs*@V7;no9jH3@2>b0s%)QSM?1Z@j4s9(SousV2wpd^|bdr=DyZ=f99 zh)s=m_1kBhei0W{VbVxaK5F8-H*9=LS>vr1z>#iqcP?sbYk%?_@%h72Af9@AG(slu zm^=tcCowB2-#+w0^fgFp`nVh>BB7E9sGj22Z&>`3EvKxms=ap)KCj8l@C#2r<89^E zPLWlCVXM8%Bi)JTckjGHK}Ka>&UtcDyotIAbPHs126E1UIMWazX=wWqCt$JYN)l8c zk*t!;mQuPqp|E17rhL2D{)AUISL6RAQD0tFEAmzzc|m4YY#%76+p77K5Y@w!Z6H;F zrzvlbi@epttF@M5?Vy*DyDm=z3ep<0kjn>c6Y+ESaEfVsDgu$l$W87n+U7r_q zS1Edb2jm|bmYli-4j{Av+a~cSYKf3r(24;gtJ;GqAR{lIE>XDEXUmmYoVS#e+h!Xd zM9e1Zte+7|8ST^iO$i1hXms3Cu>; z1?=c14$Me^n;M{>2b-kpNZ8M2+9%%{~mPW&|g(dfsF&e4xa z|Ja|^%Tzb8P#<{EEu7+{)&S{*22SSPB>>$RnMYj+HxCR4szID#N^nG0Mgqu7P&EFn{BziyKJ?o;uXj*gC&hdnrxDN1a8tfiX!x{!o2T z?GhuY`ybn6JTp$qAsZgkJ1IAFs zWCvx|*G(e`;5%yvl|ZUnSYI_>hu3E{er~g&mH(2V1KuJJa7_&n^Bwu4y|lzc=c{dY z`(Kn>#37y$hdE(O#|MR0M$PD%n;RB@98ASGQiFO4nnaJZ9{=+SG+>GF_fA6THe=}7OqI1t=)R| z8t=MY3hJ8AngXbzxxLDsLyB@}k0RwUUv$~I4L7}{sxLh$pCNZ4xiSR?2G+U~?LHA! zJUmU*-|BfJ7V(o}o5o>dh%^Fg0|N_5pszj=>48F6fz7F$ejdx;Ron--lDWd=QG8n2 zHe~H6S;yPD_({eUZl5w)@wl##wk7#EsYE}Rha2V*E2qJzX|S@ADsz2*NLGy88cg$J zq{3AeSiM(K_O1>D`WAD(xG!MT%+FH2W#uFf$Q-q<;amE zq-BpBaY0Ov?l&s;9yvn6h`4|c7475Q3VlEw#EfI|-ZP4UBmpcGO40_=96Rm|f5BE^ z;|pvy<1t%>*T#E|mu(*&e@c0`q{O)2R%J8pFY)35jcc|F`w7k!<)I9?o$`Pj*aSoo z%Hg;ZiibXIyv%!Tcr&tLQx+U|=3V-#kufs1N>2%2Wv{gHRmYu@b*tQf@*|4bMggI4 z^CCJFje|jII4tmTly&rT%DX63rMnCo}+Y&_bAjv^robEjjD-!RCtjOREWrj zGBKb365~LWGE`~#G?&(URF5OXub)QckTIt7JXpkUC2`> zbgnF$A2~wBb|!oBulrBq0h`T+s-f1Y#4e6&lxE}0_6j@4rN|cj^-Jk3;ogS9vTwc9oN}Rmu%Z{TflSL*JvzEcmb82 z{Bgd+2xZRO= zgvAciHx!Mw1VZG8a~YBHc{mMOmZ{!1Yu0McQz;CRowecQuQpMbn~|o6D56E90;c7o z9O><&NSw!}Yfks}Ia;(Tz42gq+3Gb^-%<}yeamu4OEn*A{HaPpV~|3b`>6Vy#?`oO(}J9>bsA~L5MoHwf~27i z&14w1cukF0yk7~?SH^$8)GeFweyWo&h5L13xJyL8OBn$fr2HlK4a&H(;+W!d(tQ6( zU*Px-)yrs}(|D(Y>I7PsOngx@q+DnyR8~2}{BY68cr~}v^Tselj>xunJ-!e!K0Njt z$oJ9T!w2&b<+}-?HN=WSGmeT~s}edv_7FBsWyxLsk={U_lK3j`$y`9P(3(CEwCaf z;Bnh>%okdUKLCHy(F|5$S}0=DrDp@@QjA^eF#keG)<0TBn%_bK(u zqiQ!IT8VGmh%ZSbF+U?|@gca)VuA}Zh9X$JAI$ISyZJ{i%sJ=R_x9J=zOjc#&zoo* zx#ynWmN~w6c&kl0wCJTDUOP!!QqzC$ug@tluG?wbdiZ;evftiw4>wIb&v;AfkE81A zLY{?brhE&RL4y5c{X^t7g$wf&D1sE{RB~WJbXnjdry5jN8-G6i2D>SJdjGrWOD`|4 zdI8}iWxMb2d(YT@TBfTkvLvOJoOwoX-L(C;Us_)ssn~qphKW@Z`Daf*{Y&nBo15F- zy7G!Urt>Ry?tG*%ykv8|$$s{drCa%e$v1v+C0{jPElc*RGxnU>QsA4{)c|B~7~CHI zgq(i5oN1qslfrj1stJ8;0{Do0cru`t93)|cb&yEME)*2$E(|FN4W;}h>d{e0{ zHgB25e)OzaXeqTo6+-hgK%PL7l| zo6-!S*@iA`i`#PBN5jxn7&IF7BW!Y4*lcYi{o=MN#c!j;M<+7lKoRAsqGyZVqg;ab zkoAifY`;HG!+djADrh*XREW|URkfDV*yO!HluUxs>`0&~b-&?$J z;o|o$)I#`6(+1f z3ml<#c)yUfl<<&X@ayn}2;8PI8xr^YF1vk@oMwae$|Jvmk7|&d1cUYrU4)RMY-bQ7 zj)!Hqx1s?g(%Z4Qcl3Vy=xavmn?Z+?&$p9C28zoky**eh(0+VL^5Qym^&_hK$kltUQ>My9D z-)ZdWSToqjcdrdxvU=6Q(8*`#8f4L5J5i!+ur&0|ELk$pY;|p#v0#g$q!unb`x^kG zje~33*In*ee!9hc(vtFn#wnwf@$q}86Vh`}iFkx&NHEsq2U`{u8NJ9#ReV08?EHCn@0uQ4Fm*v0BVK6R zICwOHxDoJak*4^B)s{6wMErJM>3dfp@odEI^TC1f8%A|s#LEj5j_-5n0k5Wtrkpra2>+H0y%tS zy=suPQqMI((@iG7+o#fSRyc(L;4nuH@XZHLT%;%Lhk@SHMS)waV6swBuN<8h+j}JY zdr8QqLqi$ZO-ESC7E-bu~ynyt|#*vSb_Qpr^GBsVqA93n+Bt)fx6T)J|145w- zR;s92vOD36)NwK)8!SFBM&6Gr(7(cp*dZS>AwwGoqKg0zH%2_fgsV+jike>fZHt&< zW>JWPaPG74eymP5K}b*r!A>Ye%vs=!Gy&SP9CbpihO<&z;2c7UeTcI5hkY#o z;A%*slIuVJ`Rk2gV@N_3V@TF~wH(wDTi&=0H)M?AZOWOspDk3Lyvul~I; znQOxmtqf=K?L9p|hC(AL&mLu(##yG2|IOe->hBehn_?_ITnze7To{VT9I-z62=Y@- zTm)Qaq0mtf{>IHKXLK1^$;TJ70*!KC0;7d`$V9oPm}u-GRP-pdk7JAnBUY=6sYsD*-q!DJ54X1n1*~) z+)_rRd>456U*Y5Nc=!0sja#4NWK8C3R8|r?8AndWMx1tV$B0l#^f7sFkLYbM{2^37 z$HXDI@@(+?6&*Y=R z(=yGamHgb3oJ{#mBmHY+Cxd|Pp&}=gk}izQ7e?zxCb~e7@l0Z#K@)67o)C}EeE|Mv!4L!f5=Gn=MQG5d07 zZ?uPlI7(?#%$VM?OVfrGMrzBT?R8Qiiy0IuJDMNe;0(nwh9&SLn>DjH9B}^4$Y@jU za+Pbv2Sz%R*UtqtE&I3F|_v zO1`!*7YXi@=tOP?_P_!ch|TB2OV06!L!I_EOtJ`hPmmDNSOx70-!ZF4+F z8W}@4#4GtZRZhn(7JDXRx7^|YcNb)@CS+I;`Z$7>Rk}Y0S7C~DS7$Kk4+LoqheVPB zc&%{AgAgJ*4$z*P4q^6z*3=R+u0A)`()48|fp~=}_uqH_6va0V)>fyzTvGD#uUvk^ z@Vj_Tpw#$GD#b4<#ezv=Z3S8bAdZ%T*LPer*agcaf^|tEJ-+`{0qzmD*3kc=82oL5 z4glM!af`!fTyIpy)qPAkutrZbiFzJKyw&w-y%#p;1B8Wq8zb3XH~z7E@$9v`solvQ z&xo~jG?oJT>_WGe&=}k;AaYR(-VcxPchSIS9*klDv_3x?Dn~r%QIZUJXJMR=4+E6R z0fdxfQ@Mq(BA|TYD?@_&Or&w0jc=k4KVMd~I7`n7u&TdkX3S~xFc+_Nz=Z%(A8 zA=F$sb=u)YmYE~Z9lYXUJXLsB>9txH-=p;hCe}sTLh}~BWc;)xGG|_9qs6l5@U*Fw z&0*3_dA>0tl7YrPPC`p^OC6R+P?OxPTARou;Bo{c0Om1~!AQ`cPMfdPXfbe&E% zC2+4bhBL8*S)3U+YW~iOU{!N?lCrCzGd!U>Xx!
    %#5t+7yTm^Z{)9pPFdh-)p? z70Lyb71b@_PUHS~9CyvfrBIBY6sik5TZ@D3`-%{avZo>tk4%nDNlxf(>hQldU@{F@ ze6B#R$59h-4LCf;$#i8BOsn$trrrtrEf(C;i3_~}x@iDw;0ZY^`-c@CBEkZ3AfPz~ zTh$sM^$+)VKRN)dG~vd;h{`d9Bu=A_&^a)ugxH7x?g_?KA39Z`gQTcBOc6MAkyTMw0?i2G4Ox3=#$`p!h`_Y`L;Hvi4>H9YH@*6wq=g0d!E$hD* zUDJ1Iucc2L{Nl{|NW@e>b~R3zw?V zp;DWxuKb-Xwua^g+m?6A>z%gJp{QCKj`?1^;e2i~8IP(~-lUsMdJ`5DdektPc&}Zp zXexjEEACjVQVspUS6=S>K}fBP#oS+cyS%AFwVhUsm4om-L7Iu>ZqOJch{=Ihz^nvT z3i~I*uPVYArIbV}Fk0ivdqsc}JHBX_$tk!(g~3eNa22_Nzzg zj|?;fP%gsZ2_7jxhWXu$I6;@y5P5sVA!i6!WprnT96%~uf+GjGQn>9X@+)YjR4jZ!)5kD34BKK9qOKpkC6^i9 zA3`mUdLi@pgvux441?MC3 zkhgk((=V(k4Qqpqj;_XOv>MZ8t{|pPgT|>!{ypivq(VvLjlFGwnFCe9$#dG2Cp{(A zUgIs3ctut4*mBbEk6^aY$8bzOoCiHlEp{Z0Tc&qJ&3nBe&V=h~oNO!KD>nY6i!0xk z3jEwWe!fP6i)hT6#xBRr&O{nPrjRB35Do5rZoKR)r>hizGei#@EcEL_ULxq%BisjP zauGTRf&nBuV4;%~C(e`MxDOUMpZLGX|G)*$!PS}?Co_4U(&)Eoo=(x%gF^hth9NN{ zIS~9fUQY7v{Lm+4C{vXAACH$eS_5y?P9eW%H#`IV@L!M1Ma5XEIFCNeLW@F|#uAvs zmkdC~1})<@5>I^T=Cv5@qhsS|G#+GAG9rOvT+M1GGp? z(q9fIQo1w61lh#!rnW zwG$Osi?3YK6h*e{s_rOmP~ML99U?sMNo&=1%8ES7;`5x=#@^6m?Sk&L-Ib@t8&H$S zR)JPMvt>&{o}IX$?(4-3PCkdX)qB)tv^?B6K65n}b9gY>3sx%W&zSlTKG6JLuGLYh zI_#?5=5+%Nzhd$s0-%HcdZO`)vc&iuFAaKO$(l@VukFZ3c86N(;Azx7{6b)=j4~|Z zb?JAt=ohqR;7gwrvs;*PIwp346){B9v7{lZ<8vgj+zml+L16R`^i02?uqd;hog*MU@HBR4^4R?frnN{O_yUX8L~fs{*oUk#mR=4 z58|M^Um8YTMf>5R{fDlqSe_bz0*#Tt$-Zjql;&2`N6$b1kqO&fr~JqrbmKn?ao@{_Fw+DR7lgv6sk(OJ;S6o^ zbv2szPs0V#*h7~Gmv6iO$Ey0q0}s5RHiiT1(89gV6O=!`@x~t&<^9*sKe@Tp*=&0G zh8tfpnO?fFcSmdOvuMI=doG?a(u6!N*4iBwwm6M@(U?FFqH$=Ivo&nXCy#&uB_BU> zKc)&#c*mFs?P1y96|EpE3IZaR5qQtB3u^4kk_4Y@+HwfLGbzi?3*M&A^o2dQ{H zDb4&_g%~oP&5P#ZAb{JcSuju~h4yh*7~wL=ZbNxl;2ANFLWl-3J8xtO`HeFqzJX{u zQAu*OTHGQ|5kP<`F@GnmKe&_cl&Nt8-+A?SO{VW&ZQLN!x{f;hj{|h}#}{o^lnyu?Re;4%`?`u`(Ngne^}R9Tif~nmrTpP zL3$E8DNObU_eW5#1aYaVv0A)X+JbyuRM#XX)gA#EaYWh*i~IyB1d*>BNoLk`*Mi6L>AKM?ZN{J4cxl`EzH2(;uHNT;WscR^-J! zV(ZENPbKk?dSU?OU(*nD45x6*4;T(XaCsv39L;zQl^@K{5>yXeiI)&9V z@^4g5t9Dx)_(_gZg;n}rt8e0sk5+`I&6*Z=I$mq(ph^1%tMBnXhUKX%e66Qq_C5*B ze;zDXyw1kb4_q!j-QQs8w|9i^sctk@`gl4rwXtz(2bu37@jO(}x;$@j3%k2G zhI5(-s^Sc{;!lim{9Qe$+C?;1C2~b^=ZV4?2jMLm-7LzQuQ=AUk9Tw;k^>R5h~rRW z__^0ZoA#^f{!J;dbQeGWc2&LoJh45!<~KF?k4;U@-eu~z@ZGZ>KWn`FtIwSq~R|ot5{2Cw2YRP2gZgubCgK#HDx(=O%l4JsUjWBS!M4v~&$lWkr?@|ya zlLuFn3hBk9s2taMqUOy+`5ea^iXNbKFND{Dw&XV{cwL0A>Ztl%brQx8L+D-P&-6nF zjQ&nW6zd@&vlw&sla|BKvnL!3C(W>FsYv*l7shWY^_dp>w$3o_oUzrn(Bv!St9f0S zTm1umY&rY+&l@*-m2Y`-i))=TTlvP;na*0Cn^sk7{B>Xf=L-h7v$TrO#~c7FS1+~4 zN+L6s7!PP#ddq}P%(a-XCC_iD+^3X`u)65iJqGD_Pz&pipl?8JLE8j<^kWzSa3P#8 zk$ft64oj244;b#kDj#(y1XhD6U|@4$=d!TqBAVNK7k(roq4?YxsjL)lFR>GicaSV5J980Y)Hjcndt)VXQTQrK zguW$(WARP!Mo58!YNBOsRI$btNg&KQqhE0dl8DT6j^v*Lr_g-(g76-f361N71c91K zsqV^vXvDi7nP^s33EA&v@2k7y7-O^ z4xKceslgg46#jw%s$^55bENf)>t|Te zKJ>NvF662c5;X1hI=R}kw)J>pMVXO%TAA@mX=&$A?WH*^1P_mS2Kv@(yhAh? zPtw@~Kmkcdza>JokI+uH{Oup4?)TU1ZVZ-BbyV3d6c{jxR6gFqla3ZN%ZL#QfQ zZd8D*iJnhWOIU4N{0m~MrcD-Wsja3y_i}xWtrYQE`D3Lwf2`R`JoTj$Cgfh8Frl>G zQ)0^>E4>pYxI;KTl2+4_(xju6sbgPc92k4d&o>U_pUl6BpFif!Q4NYxE65k>w`TO) zTGRw-aw~~H^ioLoqJ9b#Nef$HHD^yO66>N`AZ&`?{+RZZ%APWI@;giIua(G^W=meP z4^x&g4%S)InTMJxdo%Z@()_08c+cj{Js|q{N~i5T2MlQ}y~BH7){e6L>O-k~%rfQ8 z3eUfc#h|`BC?a<~fVjwJ3&#ez0{7+x%9ufIAdM3^tWI>24;#Zg1WJi5_KXxwUZ$u5 zEu?C4R4;YBOh0)1DGpG@Xh9Ql5TtV{QP3f1sn7|e{J;s$5gvq2N~7#5W+^wpGj{^H zX{P99h%GU4Nd}fbgP%J{6^1kLRsOzIi}`SDT8m22NJyqdmaxraq)N?Xq{hw^^dWuQ z18ZawMj|0Sgf$)}n|&IOP+lN6@kI!fA`XF3LVg+i-WFO!$zVVYVE~BIP|^_20zD4V zcV(c)Fqi1^S^9|vMN8qnG|-R8q0CEhK1D7KyT%H#{QJlsjp4S?_$_3!)F2}}Bao$@ z#@Pv$lD3Jd^gDC>;rv>ntuoD>Ou51@0xAv4rc$4pQanyW!{J4b@@tmo{ymgm1dr!a zwH_eC?Yz69)X*Gmw^P}MU!zFpb<7iJx*$+|Bjw9C@@)dg#GoEAfQzAJ--y;5$#Y6g z;_G`PdLg6A4xLL;kWY@XX5e4d$kH`MqaV>{JCGE zJ!8j5>D%IlJ6=|l7j(!BdgA$WWtvXEPIsscMR}s}6_N)@a9Kb~18&9`KURn->VN3| zmAT3RtdC`l|(ME*K=)AQd^8g{8jwM=2Zp3fkd^)W% z8W<*-$>=cxn>mIvsob!Z7o8AoX*~B_iic9E6pgW*fN$xSvnGi(vrZt%2_+Q%HRbb4 z2m-%{*N42%oM1U!@ps$$eMsRL*OOcf}YkFbsMfPRJXM^q?Jw>=_5 zD~4$0t6iK8P2Zp>8>Ua+aGTVgD(MG^{?On#JLKF?1I&zo8Dn@@xnwg|22d_}wg|gP zzgZf5Yt7rbBV&Nv6T!dZtqgOqgU>(i0Z(bEV}(bY#_q=cM{P1mU=3lIxK$0EIE25^ z4Q#ezJua>CLQcgxA1Bo7)SJf5;P_cbjg1j{iW`ec4#_@s{PqO7*K$l5&HU(|;Dcj$ z`h>kO37#cFuNh;sEmkr)R4W4vIG)Xj1Ho!c`Ua^@Em)VO2H2yG;t^o&635Z>GT9BR z;5JOv11u*+P#6rtIe#)p>)wjF4~SZz>d25EEU!x;pXNoOMaz|?xrdcQ2pW7D0x4j9aWF2CaVJ=4;^;+wKv0 zg6vz_{~SmIl%0E z)c;7Cgj4!oFN=&~(*74^_>_4^=PTlO%J&I0K@bBgVN4y&D_W6~#=y{um`q3$3Xf-Z z7$As>b;i2`hfoh7?TJd=Tm`+3i;dM$O^a@dyob=7T~PfTeoiAx^>*;i8t{fyDqwP^<~yx;u5n3F*Ahyd=a+nw1>A>nNQP)R$Z|g@2Gw? z)D-tP=~DQs1Dj@BD_xAQ!h5g~{ueh0gVK7qV!TV3ly9xPVCAx$f+fL`V!7H`Z!bzT_`vrhzwbCv2AYB4IbqM~noxM^)FXl?D zc;eY7&+pk2GfA1dM~LBKA)1Z$SthTGs1Ky~raz1C^O(PL^F07+0q((doTRBNIU+*_A|qT7EOVZ?i0%cwEKc4vVn|AF-w3a^T|K9+hA`lPC~KsdIV0CL0j-KOJypSD~BStv$e$S zk;(@mv{ME(y^Qgd#yJ_a;~C5(ZjT&ae2(HR_!dR^>=8ovizBqs&Rq$XC{0axu5q@N zIa)w17F1@zY@d0)SP7|s6+@(5av5Cfwioad9G})0VAQ&pYDg7|xYl~?t=91yf?ipd zc?mod%>e&SS7Ab?v{aa|FOX`^fiqOXtkVbvTrGhuvKjREBkqun?xY1N{YllfMCR@7?6 zbt^CPt@^yF)ruFT#4EDY1(Cx~u)yWAwqWrbEdKO?$Bam&Obw$s7l&pr8)BU}?CIH2 zVo07xF+kI2FqG#dr%^8vj3va|P42rX>Fx7*KY44ho|}NZVB)Jh!lv?{yzX|tz1RO$ zCSswd?A|14GNRcTS0=24&Cg!L@hYwROt|t~V-Q25s;eIp?F^ zRh=a7KM+RzTs<@at>Jnz^J8-sOcD90GG4DA?UO%vvj=sTTRl2=@905UC|53&%W%(* z-JPs1g>Zulx3U^e2c-RLAke$5ms=((D%b5r^$~{!S8oyX&6V=97(^2=-dXM7^UV}& zn8WBSDi>f;2bJe}1!@ni9jjc0A1zV3Y3wqn*5_IIQ z$2Bl>6vuPxceLa15!(&@lCWsULFDK^kRQktb`I1pP7&E<`EkXv#Ha?z92+}elfuXM zAtiRBVcB+2<<*={Qk7ZSyK`r(B`~yQYo`0K`IgHbYn$~x7|NDvMy+ETCr~o z24~jVpjrmDSbUpL`-L>jM`17$GpAwdTdjrytp31MqpTKrBwkWfW4wZfP6hE$Y1~xC z1%O%PXm0$@<2r3PM+Zm+Ov^%V&h~A5PKUIu;toVVF1IT-B;*UO26ll}6&IvP37YNZ zrQuX{@!GPe|4NN!vT9TRdl>cmyy8QP+K3ZALqGIxgM*1=qm zG`J+{TL1;siK$6Z!h)%$&Yn-zd62YH2`fDASLTmD*FLZ9#<|4oU5s~dV<1{jjy3E? z8J?hn&9&AGEj690t-6V~tK9T4^Xa*)W9~-Uee@$O=0WKfOk9ICoq6v~>|EfcWXng6 z((W7Q9N9VZ>7PgkWa3IU%8H*}r)}?ECu^G%MqHL>f%}4eGu~}{_c|UyvEvNj@oM1R zYg(V4Uu0N<*VVxC-5~kyHG8*uaG6p!!s7(Xa4bP>1!ZD%)dsqqy&J9dMv?fScDW46T!rUC?PqSXoTJBY3^Z7XW;-E6#XPdd6cWy zO-m{ZWv)A4z~XdODPtit%(rL(Uxh=baJ8t0`w$3N1X=KTd(e@|)g>;8^`A~0`oS6- zevM0Nrn~hM5Nc`Xpf1r@y};Z>-{pJevskG5Bl-1>;^2XW3V)Y67E~-YrvA4Cq()O_bQC_EDKk)FD&(88gd=`j2PlRo3;MfELP6+IT4}MY) z?Ra4OmM!M9SNziz`}WbN2hEu+TX2hZ_Vt}JHDJEN6J6?$n6ESsZ(IX!>*_t?x%uqA zeRzfLA2j3JAK0;F3++U59B2IsI};Hvv^4tGY#M4-mTVANUvr_g_AeyCdbyXG9y7su zlL=5R>?FDac77PxG^k){S&fpbINUJ?ITk9n)PK*7B-zL!QQC`h=QeExC6@(}8_J*N$Um zm=<{UE0O4Oy@*i+lRGHCRsGm8p{Xn}l4(FP_Ls^D(ES#Si=Y=-u3SeuTiHBWrBm)fn0cJp}_18orE@ON6fF=ZSW)%uSy#i7lW@!A$& zdVKKp&qlbd$QwKdfRU49ZgA!Ajz?a92-H)ZBbEh!Xi=>7!sT>NeE>PzwWF!RejbDi zQ6IH}()_f=DGeSN#&w_xrVw134qY!g8!8_iJPdSKBOR5vgLE*qar8#zOALrJV8DHU z78qcv3@`u?&VjQ*;zDdMz+MFGDL6EEHhBCTdlRb3&g_GZvzE{Of0lB;FB`lp`~eyT zAF2N+TCley%;jKTi)Ll+=^6$p@C#%F{L;9i8R|>RI?x?2q86UvBjhAI?K!)kE?PTO#zLkxl`<5+iTxT%W!Sau_uZBIH zrL4OpcUrzMi#4IVQ>Qex(aFl#yv9b(7NhYzzK=tGBCKT_wExyHJlisErKseDa1 z@_6MeE+DFVD46$#;2nv*E+58Trkrw%#Mm=VXT(A~@(Sd92$=C9RAZfxVk zJey@JHu$K9|9|eIFIi$U`GPQ;2_aNs+>y+sglJgjc>U%3^-=M3xqA>66)f3u24Q(E zf>X&5Sc<|Ac+pPWF~?CF{>$(F!>CFEUv*Vy%x$1h7NRkB{2TH&^VvVxy~n?`54d*w}yQ10(*+u2XxT z?pPT=CpdWU+Vet}4##^|w(WS|o?g$Yr#Bo}yYi}Q&WD_!0MBtL(*k5^_O_?A2;5~= z)h?<%m%27ASB|j~jP+nD)|@|GAE`ZsTCNKcY3=u6-RVC7mx406UTRtk^fd4-~DkfMBXKPDl|~EbG`J4 zw2U4GKK5Z*UL|4xVzd>yFl@_V4V`_{F5ZpC>y>!GIx@Df)RcO44WoLwW{#r0!G}0>TFC!MjhvM;2&1O?|~K%|5CjmH7^!k zX*a9C!ODw*8Ow6+-DuSt%R6veb;I)B*#I-f4>`|beUh}_S<+Vt)?pn6%K9r22cxL! zvzC2cVwxmDndPOR5U|g@P33CZQ{oNz9*0f+Y)`n#pgi#IlE$_az-aau2XyYk@WxCG zD;1+4B=n*asNS}bcUtwTQh`ZSu3Xd<3^r}U!6@VpuL=7JuAjH@EnNa#4}yc9IPz$F zbGWrN+}!bK;RFx{W@(~az$*-rQWeN$;2JPuQWXlb#A+@;NGKOU>K4tFv@r0Ucjlep zd%1T&+F<+7zMr~eX_U(HH$Uj=YBqn*dVsgOM!N7nG)6QwRO7r>EwOG%vEJifsRl4F z>m1zyR2~}|8oOJ%^byx89Ls>C2kZNMk}+F63C_@h$txdTDrT~S*k^1hdc|n=r!j9= z$a9M)>>;P$bFN>j_2^jnb<7j$^xop(hv$0O4o~)%ET@0@a>Pk??BHM*3^GQU=<197 z`V5Nn&dhj2UAQ)_^Y~@Bu4wZk)^nNG?^)M`RCo_{K&N5td>nnko{>-sR;b}0two#B z@=n4yf2KLLs|ARt7`tBxQ5jOWBb2)=$^+^^|5;nKe>PG z0R1i0pnZLt*W9h;WSWBqbFv<&Oc~YjL%Lq8D5p~x&YZ>SGiD69LO848P2*y`)A?FC zxd$%79??9%b9cHw)3EB;A_J0w8B!qK8#u%L5$f@JpYjm(E%KPU{@`8Pwf&C$h^;|v zTjoOxvBR19A7*q6m$o__xc@$;nfrp_;9{V@FJ@~Wi8P`Q*f%HRTdUAs*OY9r+SXvp zrp*IT_Yc4jQ~2U^wmCxRsSxa(F>G`C}2?*@}~z}y}Lf=P>&;oaT=>f z0Kwv>thyq;-qE9m)Rt8(xb}2N_bqiLJ=Nay22`U+p?;z+*Z~#*S2Vp z0)z$HMvw=30OnDEI?E;X6_8~HxtSN>!1=NB&(DX)0%PwP@IW6}vjMcS$10n=%t-0V zv9Uz3b^W%rJ)Lbk_CXgf>a+lTUl?I8&p8Q)pP)=hoCLnUlXa!txXEiOsJ33}p$yROXZ-qgZI?5ARZC#SzZr!H4Arnb1_qs$MP&d_vJ&KFcYv zqQLkhR&O>!{t%;FsQzOr2kbWUiE{8FiGhFNCe**}}%v65wR{D-_M-)TgBFr-!g;A2^;qSQz_lZf?7G=8C_(c~515rmrsCp+c*thTnVF@QShi=ElAYg6BUOoB4}SV9nIs zA2Q}uU3=(eZl)@Dc?tO9;u#@hFt2}wfVFb;!f2-!Zu`7?vaEjow!(|*k*lvhqKYe} z*S&n#T`#Zu8@i`@3lFS3Ul#NzxH6=1^gA%$IpBca2)pRe{hLRjhu92d5^utmqXyW~ z$zAQqWc#ksW1|NS;8GXM)mSyCNA>;X{rU&TKNt++QX4V9SYs%`Jy;#9oS4VM(2+zp zLfCM^@PjnQk8-J^m!QzOVemNg(&lf@$F6{KC9E#!=D)~WzolP}k8@tgu!tW%`GrS$ zS#d1BLoMgT`Z~)@EF)>5Zq*X}U*z6?Jj~{#e3>lrL`Il~Qb`S$O2S~2FKSl_*+Y)R z*ve%{zk|%ps%wqt5T0}bDXIYt%21fSstYT+x;AumyKOhTDul&Pak1;Zt*5MeAsVRgJzs+7jZ`B(+$Jds4e(}IB}R}>hWuz5ho0-!AR z^Js_qn`??sZ1@De>Wb=a7$%sDr~YBxXYi$h+@^x!7iH(LB56lhC1L*!%?|n_?(wFq{hzwGg0TC=wH>+{eT z1PzzLJ6H~CL3y$m;ex*#ZQ(U^bzI~*4u}Zx9c-vrE^$sJ$pg!*&_uPD>h5B{=@j4v z9b~{8H&lImya>j{dmYS$@o@<23UfjJ$oIg~Ag5#0>0=`&9&<;%*f=&0x?=q~diGfL~z{2sUA6zGi5PjclPgA|O@*@FY{qI-k~ zEx|0UIAn;L=e;BJG0)JhArI{_pArG{5A>V}d`vztw_6FGGq=n8#nrvNt95Z99Ko?% zc#-~U$1c`@SO4H}sL0(6fS?JyptCe|EtHDYzDF9+7xppq2@P!b2>dt%Ft(Mk+ygB+ ze~OD^rPY^JE4?MI3~7NkY(mqz#Fxi;nC0*IB4Y-!Ko6iQq61OzBE7NIA8d<&bwD;$ zpj)iGg0#vKSGhl71dk?^%gobMy(oBY*^(ba7=6!_e_rB+Or>*TBZwGtS>!=gtPCi$orTn+sZ@=i6f7pM_MZRDoUD_D*36yjQ zJS&4QSMA-Uc2%-1!K{EGi*>6zy^$T$K&v2+ay)Ald&BsY`EvH!sjI@+oEav3tzQ9d z)a@7AXHhqnxJMY~s0uStUI(q&{Q?x}s5o#i z%vLqvdlntVES>bJjp~;+PC*lSO2I`P4<5*>YW6^|$%loIwl)ZhZ-l?yf zSEE}yRcNGetTk4sRi|{6Dvy81Obm}PnsYNSP_mC8p2%+MN3x}e7U}5eZLb__@9pVO z4^@t>IIpLrrRTgA>LDw1k1r7D2n5VKyv_Xk1rcrb${+O~dpgX{_TJuhdaVOal$!CT z*@-usIYh5<=!s^p`4W=*DB=q&g}u!?DB$b#1_ItrU*J;+a+*%BfF<+j-)lE%?9Y8C z+P>L_BWhqXXJ;=Y>_v^8s|^gYBQ2;aU_=M~3@qxL!c536qind&iAU+YJE;F~vu1ag zC0CQZ+1t?aOP6LRZO^0ou8Zu@e-Le5=WDiU4qww9<|~Jf5{C01{Rl7cl!hQnvZEt9( zDTH?~MqU_cc+4qlW5Q~?7am)_5u`Zf%6drD9O3 z3gt2b&&C!o1%x)yWD>$M09>W<4>mF~u30Ms`bnfvOFUgffOLMurlPfB3>LD^I`D7@ ze8<7o9JIzJVU~#)e13;;$US?FU>{{m292<%i)sobv zSH{Kf^ZC*D;N;`EMvp_a`8|Ds{ZDQg8MyL-PwiC6ZgV^rfTgg#(Mg-UcK>@#llJd& zYW8#NjgGF?24AZkmI;u`t-LmH-hX|CY2J_<-Rp8AQ7GW@Y#O+7|C8I+x`s$|G}@1% zh!sxF_8oU4t;~+XQ5TYNo~^!fTf3m=#-~~Nx#U0yx8WJ2P|iB#s1-)%Dvw%W72&U0VGZHut*{N@ zA6sENY(HMN!VcVj#|pcZ1LU;A9;KhIbzhh@qIqL7JTV`R$I_{(bSm#Q5=PQU<*ziR z3yEmfidjDgjBGBRPKAdCH&}NrHd02mnn&))^l&~u6`snbli`bynUP4O!a0Y0i?`gfiNy|3ZoMSL3s6PE*80Ry3^~CQ;wjVVU(ChUBdWg zkxvq#i>#V)P6>p=aHz=7u18)mq#lG(KEIWLi?{XotG1+?eo(Y9iH>GjRD9gl?`c2O zPAX|+!|JXB8Uq(KkefWv9{E6Berm$1TQknoYo#^{V$fQF^c}R4R)N{G+q*DKV0x&R z)=(eyW4e3}t)+F?m2nNsejnHNoXKkUav<*8_cff*-U3cj;Mi1RELl(muMBE~Cro3VJWSkFKQm(^a$|Ho^z#YWe^jqQi6zT}#)|2Qht( z(gek5k_?)nX_}!pT~D)=pd_UzO*mhRvXrAd73c`f(G4_DAEuAcjdT;;Ot)a7eU$!$ zZl#aX$LLS#HcW=^ppVm?^a;9)?xsJZd+1*JbNVFRM}I+|qEFNP^Z@-O{TKQSJxHIW zhp0rKqtDY{(Zlp#=@|Vt`T{*d|D7JCFVbJrWAr!lI8@VLqA$}Ebez6IPtsTEYxH;Y z6g^FUPhY2RU=r|6dWN2*Z_#t~ZF-)*L*J!;pns%)qVLi7=>>X`en3B@m*_|IWBLjG zlwPKPrdQ}^^grlT`Z@iA7U-AQk^efqLI0C}MgKx?(*L4=rTQfuBk*i4! zsLg7N+N!pxL1;f$sO@Tp;*ZCSNDSnijAYY=)MV3AJoljj=-QP?Clc{YI^)Zv^U-`d zlFMh~nVc&bPs~R0Mzn!nn9RmgvrZ1-jw6+6moX-LTuI^OQds# zZ!!|iX47-Brrv6d8{w7@YJ!vLxs<0Sxl4u%8Ew{>w-r#lqmW9ZW3x8CX!&%e0biN5 zi$k23UBJXP5sl3{CerzQI_Z@^GM&eYh+>m~cqGLzv~jQrRW3}IU_RUv_kF~BYI>$l8wew4GGSgyT&a-;--5pj_fn( zIU{Qa#>8fv;u;yU=i^Bu>xp8lOLB>^S#L6mHl<_HJcc^Ig!5wD8=ah7jI>r$MdBDc zvq|wr)8b7FG3=Q{G-kMfPOTG(H)bjptqYY&tVD9~pAUfIVqUMiWkP zjSMy90AEp2Eg6rwCZaiGA`0@zrDHK8>jJjsIqt@TSwjR}xqLJm0j>CA>CAj&G94@M zXzpREisV2cM#`6)ivs|Wi2}MQrA6aOTMU(Or6Nf;~S|NKQDWjAS%n*!W_fF2pAd+l-OO*iyz^ z&X${rXYBcGAvWurh{xsuwuVerFwN++?Dj$`@0deJ8F^bQ9Z%Vl0K!QHUp)GkNoAu%Ub;17@DZ`*~v`ot}*hF9nC}Q%I3x zMxBs=YseZgBYp&L`!n$vz`KYxZKuWMz~s&qfQ>-x$dIcVv?0@^*O-jwtLW9ZR6ryj zo%T&e^HDI2XktDW&oyM?jHm#JTil;WGyY)g<2HDb(dl>$qZ=4Js+rE>CdMgr0YK0o z(ldhCC$fdyj1ydB5}4samqYYTL|wU9JO`GX^BzH;r_ozr7Ey=f&(3H*pN+=yPIPA+ zL!9fw>2#87>=c1`3P={s#%3JyEpI+LYeeUw^AYauLWbG@u#34bhZ+QsV;GWw32}(X zS#OniBj7nmCn>q98jz%EO!}5?fa3j&G0C`=;*y4)3(6xbubjFM!pB0rw6ftdIuaC78`*;f*LIGsWmZ$cJhE}M%K(BQobw1wkzY}@FV9ou%twr$%sPI!WjZQD-Aw(aEhfA7;>W6ZI?HTS9-^|Y(@ zDt85OaS%|De_=-r0{7o@E#?36|M>rhgo>Il2ngtpe=h4k3DwAvi$RS|K+0p zq|S#a)oE;N=LIoGXa4i@|K$Y#L=L?Lk!4});_=Vx{g-2afIyi18w6rwZ~R}~Ul0&5 zw*TZCR$*Xk=<#nZQ}}=$p z3j%@wci;?(=aFMWSW#Pr zM-sk`m0uq8xYb`Cmsw(7J!k}vp6qi1VS~jP7&6A5mE-EG{5)pI7l~c<3JjAJf7Ao{ z%?06O$C!E2hN3FRmRCu5Ow%tiyBh2ns`-x@zc75e`(i)8rv=+je8;kh-i@>exF|8Zoy0d%E ze^yR-Rn9=!jEdV-)~sl5yJK;fvbNWAZT=0qvKdpinc}dSaI={~ycm_gm}Gd^0er~R z)M9-DIXmj{IvSw8>#@8WklyP7dhek4qeA$TB>3Zo_|qu(V@mi_%=j`yUn2T(`yTQ; zqHm61jJ91ll zVp~T9dV8jNyJ~v-x_ZZaTgTx12W0$5X#9t){Ks&gcFBydQ8lk&_OJ3ir{DE4*RO$x zAEV#D`xGh<%>8yX{Px|y4AcrzlvS)!*GlBewa-%DN&>&QaZ`s&q%5_vQjbc+EH$-K z*`?3tfsOQ+56~*ljNeyZ-{0)jU)J+W*Qx@kC-zG!MBuUtn9Q>kDG@^I6k_nrv_eJ^ zr!eGUS$Sec8K>psVcB^KMj>irsAO_8bj;%w8dybgGtA7x529$sax)yv(+??V`*Jfp z%zY0BXlQacg0d_npv(DUULP)9)=1cYE2euqQ_K9?BF>tg?x+Ykm43d!xh;gizD4>E3L9epi+%` zorRj_F_Y3X_zqm8;Ac8yye*)KjEtAfl=ZQZHs3>2kw*h$p=Q5Krfd!#1JS9vnGU&7 zfF@M)DYt{^z(%TWmP7vArgG2-ds$sUA8RYfJsuSSWEnX*Av#u9sN1e`z6c^&K4Cge zcG$Z9MfyPnU>b>f)?3)i>LTwTBM_0)kG%=yHoH7MVp|SD?8ESk)+n{SX%tt*Ke0(x zPJEfe6<2d)(auCyWhU`aHdbPp)0JqocQMFBM1?3RR(48~gTs}4b#O7wL`B6uX-XDB znuF7oX0?B@!bC=;C#gzSPNtc|m0@*wvD-vj1u6MbHdeNo)0K6#Z*l%03)oG$!otqk z)?7X?<|=C|@5c7Xy*jpdbI=Z~rdnZb;&1CN{~kk-l?m9GZG;((l|2vG_}hp!DkmEq zcww`KXo9s6Ma;>53FE}NP*2>E#R1jUW@($SDccde(cdUIdIh8xwzJftI8X=r3ftLg z(H?LBr-bdSwHOcFfCM6T_F8NQh(KGBD+?{I19@PV$d!#2{{aIKLG+2Kiln~O5-YJw z7B2F_c1`-A8n`5SWwxepa0R3gyE0r;J;(#Pid~tmX&!6=hs3Uo*Ypm$ff(Xf=4-|W zUqDlFLW4DngFs-DIHAd!?Li+9Qi9NE&FP>3s3t*Zw&s4Y3oMZ!G+gsJNCZAg5Sp$9 z9?Sv7Bngez!VcT#(v7JXLXJ@ z){p&>^Um%ZZtNVhmcz^GoNgQ*JD2Oo>FjHq9mA8;&g~p)TpP=ld(Z70YCIUzmdnoT zoNBxpTbJVjbPhDWjPb~=13D*MAQRlPuR!kz7fc1WtlLpW-(^?8JbO;4hVkq?4_ z+Ce^}E@}x#*;jCPC<`S*{8sH;qa(5_(66nhh$H|eU2+ru1zTZ$%Xa0_QrTx%u3ne6 z1aLV{c&<^Gsf1uTcLc6Mm)!(~Y&!y{vePq?@XRYBr`A(cQi%*ZQm5imZc>TND{`mC zQzOz5?6XIF>!kv~e&tCnzJ1Br2aI~fG{E8?Nc{u<;fe`bD(!M^|ESc8`%~*cP6rd8;|6V2x@2uxge@=KyBC$ zi|`bR5K!rXMgz%-+SGYrU?UxdcEKn0MB{=ow_;1K8@Ik?DUSk+>#z`~?)SGAcL>qe+6j#(>P6M{$6J#k$uU#{R z-s{lpIh;j{n>TN#5M7|;A&LN1S5Gb5Z@ugDY*&{Z*Za%xtn`OuARbR}-%5Hcw^6D#e_2aE~PSe-7MjKb4wJ!33 z(UO00wX^f|aZYJ;{}Bj8$PK4MAY^41k{Y=@QXe(UE}6SS=V6B{B+j9W3ZjN_70#Z8 ze2jW9VXfX0r9)+Z(b4nQx^_;mAkB;{k(_6jbV@{qX~iG>E99ftViOjF*0<}%b3h6d zC08EgJC5_Dkaga%63kZv-zn>M`Ou=?caQ$DJnbbILNgE&t0i--sRVb;I1yO|gu@g*36P2j+4 z$rd6RhpMY$mQ__g$Ig_Ja`Ja{6uWErwOlScZqYlvM(_P_qf)zCTaw)CYQE%s+LMfJ zO(DqM#Jk1j^Keb=>NVQmtFrGoY7?~~*~lS_J>!F28Wfa^A*0z0~`fAN#`t$O( zy5#bxO@mI$t3XMB(*Hh|_>>5ttM0ut`nW@*>ho}!zRS2f%-)y?R=n(3%CY7b>2HW0 zCUP6(X*34R>aaC4FSNhlme{6B#*|YG*;4IPqOqi^{9uphXu)g*6Y$FZ#CSX5$hO04 zZU*T?ERi_mnCy)SKN=OGnQ>#f$!CTI1e2`d>hc19*rtTV5s|VX@nJl)Pv5uK&OE*C z2}Rqb)wQTiw>;sRpVIZU*2EQKPBn@bUhDwoj(VmS);oLJRz%?2cgi;DITjQfPMYJP z9^Xh!_U@qI91`~QR@CE9>JuHaWgcc7BV$9UY}Rc!mM{0O9OkJ6@Ggmq$)v@7#%jHJ z^O&i$E|-7tWIgs-KJJGKiiiZ@%CY)9d0#iZn`OkffC>1oHm92#C+lz9xpG&nr#e2+ z-+I*%4~C>LsU*~z8lsnaf9QcXqOu8+iz1{_%JrR$L-Ho-L>)jGrVSTpzS!KnMUDu4 zLX6me!Ucs$j#b);7sfVojBBtp&o>Xk>vF8FizA+D6J5nX4ZS9IUFSSygS3m zHi(kIix6ZDUj9hVGyQyCXIE;>-N_~qDhN_`+%O|_XfCP^MHPtppE@bzt*L~ z{_Q(lz)u=OkiCOy1~;HcrO%BO2{})w&mH<{FMDjjK%GjrLXRo;UFUpHT z`_V1WfO(#mz+cgGdoqeSvoK#0&rT;eTjHl%skfy~wD8zaL3i^tU?zw6p>+kDOji7x z8hy0SzG~Id#U6)C%6=={;CZP9d0tsTFF1M%@Il};%S8x*-z0^({Jv?T@0We8%{ zt78~Q>;b}GCK$nn2BNpX#bnjM#p^EU?MWI@WrnsTFg19NRP0*^x_3_O@X&j`{uqC` z{r%hbmk?^Aoo=Pj)(Y~1tHjQo&fWVP-bzhR;)kT0d*XmoFff}iy||DZgZx9HrtN@3 z+P-6O11*u%vcV@)xhQ+evUSc_zae=(_m0dd5WS$}w=>tqO_QiYW!mtYfEoC(B#Ti<;t7f~Vs`Xf`N(Q6xm^eE#1-Y3 zT`9C(n+;;oh&(htVZ9)uwhNb6b;(19DVsdvkma1^&tG6A&zB78x#Hk)K~rsGyN}!) zx9wwK7$E1wK4Jkg#D5`ckkJc;c?2_q{eF}Fa6Abw?kkh%v}YPF*o^%OfTjr)2 z$vkbnEmR=&8&M&$jC0~!*Ym6b&#$|9B|Y!hvbKqReN7tp^0t3h?W}g^*O{|&PvOMg zcTrz8tDh1(#@i^7%mnu~4w4M>HY}90`0p!7RHkNc1Qq%QYCC3{NQ{#s=%MxFPi3MS zK2LI(i z(`8yUH)YgFb&}h^?X6Bl@$9z#CE%CFDD1HyUwt53(s%%XTQk=PDj$I+<3m2j04g7V zK1-lDff@BEtPFbqwk`Va&~NmDnKTb_t?sju3!#(DH0!!si*51vbd2e>-1O@VEYpJc zl#{y);fp(%@o1u2l3xB{gdtZ$pr~zZ!{GMKB~bj&bl2>Pk=+Aw!_>-V29EVv?%XzY z(?~;ZZl;NLyK5+Wy7rlErWAlBa?k>Ca+SQtPb_iwQl46)CwSP%q-18b$FVh8t_zoQ>{liC%y|> z>3YN1WMK@~ch4(H`L`FId5=6X%fZHY)ok;8=}vY*C90)u z#4~^%i>K8bV)&fgE6x)J&6Y0}hWEb}?10!ovua#D?;)*~g1Sena|R;34k7+ZKj_o^ zqny~-?P&K1!ajr|9pYgVhVn1?s{s9U@GIIe+O(p0c|h*iW_Ekc^?J2&i%p%b14^V` zx8b9Gb=%QT`l%w%dAG`|r48S5@AvxP1^YG~zwbgg8|}NIDSG|3qpa=9Fh>iMmqQ_o zZMMl$&wduessya*aOG8E*xi$R9_kNCbZR^4$&wRdHm-TG)Q{`>8^=eVC^1tHbd_K~a&#uAI0o0B&j#&Q(-lfAuW{)0$J z{*(Wj1Qz9hEjHWzJSAhBu?;uh>uJw>x2Lo9V}?i^iD#RfWwx&FAtnuy9kGMxM0WK! zfozwL(_*s5+`Oh-2wQU~2JBM_=(}TD=Pi&2hN)K9!n*^M=^`?WhrW104QIP-=Pjq! zs1?dpG09!Y#1I@R4hGh*$b((^=C0zKD|G%>%kB&;bWKBu9Y=6FYH$*Q3DECN1XEI_ z2~l+T#DHBi@HG5cah5C)tAvRg7|6=fz7wNL=p_CNebNlsr^$Q)9O-ErTL2c21%3=% z~Yzh^L<@QvQuEWJOAZoiMs`StnunB{Qk$O6s5<(>5x|!PFXz_vK4s&@n&dQ3JX ztm)8tC&?Mw?qv}ajGfqu1Vp36g2i{6K4q)EW>i#K{fQ~13R)gfCjNnv49Yj8so)k} zF{!I9f~c7JV!5@mGS`QEg_#go7JAg%O06V>I#S-~@939vONBI64+ih*_qZlZBH(wa zvD9w-iXeQh>dJ^!Hp>T6-F|dfe^9lTxY-dO0Z+#*W@!S&8|n^1Ub0ma6&{eXoPbPQDjVXp&vBq$nSso=nfEl8C1@v${QKYX1*X|(bh!x@idwn@x_4O>f) zyFU7drfQZr4hD^3R$+%arp8raXeOgpI=voJb&KZAxu;Jg!LZb(}BF>+H3<)2NQaWa-&3RTIggc1U@!%Ld+ zN!mDIq?0KE62X58Wedq1S{A7OXhxlvh6YKL1>vWu^)jImVH5KNqYMQvB`HEfiqMG2 z2I0mMT!M6(GBQM%j+BLXP5;nh={SMLxzPJFA{7^5I!f(8vGzlC93d`1<`utY+nwnq?y)207lDC(quzEp0}@ zXJ+Bzk;5ATa+?U!(*kj41&U;nT%8gI0W}m-3QdF!CW(8W@nO6#hE9T5412^e_qP8q zuD{(iJ==-Qi`0J%m3=}YOlq{Xu*M!zQ$kC2;{82s!akY1SJB^gm1CjX?%V38i-F@S zLY&kJ~Q`-)%5q%!j%M*jH4ibKgzNI)6}I-USwsL=m_Eo*+Ruvw%*f zADgLC9jdAOVZ+USQtT@4Fg{jX>@Iq zM0uM8==%J$1iqPUU1ioVJnGllmp@wQmR5#JN6sHi_AvdPO00X%=zPat)y5x{;2{$t z9duj$wQ~LDxP_PL=U3#;k=zMB4L8&1T?IbGo&0?5t~PW&KZ<**>guLulwT z2cd0DA+W8;GxCRIr_z zmL=^hD?{-eW*fjOdcs<73vPggQw#UHm0@GgzU~WY)WZH3fn!y;*yy-4o&MeBc(!+; zqc+{0kB@0mQ8odV<&16ntF!M%lG5om1$qxgjt)9BB$YwCp5c$-vO-!#HE1qz)mCD3 zpdnrwji%lJ_&iTVt9!R1 z;c?NTNdQ}{bGn0&5_uacNCQStRu+W5fTj*HSfEV{N5Nj{sk$~Tb(4$s)FJ zcPPF*ES6TK`a~#(9;jy@`GO#L)76ylI~awK0SYwOzwTu)4wgnTQ|C#1$2@UO#5kJZ zH9u)@uU#C8Z{9YN<+sn`*x)D@;@P>cjFOT@!YJby$Ucld=r68&7Ux*qys4Lg^b2dV zJ8$~Uo^-hP5%uwBr^}j*?{EQuvR*BN+G&%lb=DBInmJtRnWiK)`d&bGPacRRIGDup zOgPW(19eG}Wm=McVrC`jcC(L<7@_lKV`u}lww==$z>%;Hto|m zOc>M%Gcc=YaMOfLa}M6qY1q1iZxZ!JU*q8drrP}9FLxIYEh`V%%{u%J%cJp;oOw1Z z%VJ%=&3BgH$tyVL1S^>XY?xZiS+$321B<-(7mzUC_m>lKjK9s^7YBYG=ZZ~7P4QVT zf6*U(HQ9g9b!CaZWa2(i#i;QP@JhtlJufrLGq2~#N5C?>x1wHx9P|J_ z50`d^P9ddnnTMUDDd-wgC$!gePjPK)O7xpH`n+YYb}@#+a!~TD@Uc7!Py4ZdTM=gc z*Nvn}?G{TX`%ihK@o(0eU>PQY`-p-%k(tBoDQFs#nC9@KuWE6XS}}WjsnLl{h?E)u zpCz?$jGSAJ8wtb$r3etJ5!c~S`IpUM$$ok(>ePzZNv6FcGRStOY+Xqrj}7-d%5RNo zjLZjDuu=(WbQb}Bw~LVj%|%X>cAnUc*?t{`nvZQH0a=~;K(yTcI-+wI0m`Xe18Zxh z$s>O9?LcrR$OV)vTF6jFaxlf<6bH%1-o!}Wmhsv%+qbjr>6jR6yb%cP2 z9j0)DzpY1cHMScsO+3q^a5zkN-mrY+OwcB`>T}atq0ASfYZdod&a^rRX-CT74I>Go z;=nHl14`?yj+>xAFh6yvNPs@l5>GZ85BR$0h%Cb>`pyq@vF>hs-ZVeIuq7gnH`5~u ze&|4g4-n>3uiuOOh0AJ^)C&XNNX_DPPxAvntOwn21~;W^r?9P!qt%qz3%zAv>BA+NgAOpuh81?gt}nnhV;V-* z%Kr`Hg>xFQ)PVm{%xo#>iWGq5T++~H!jNDKYLg<{iI4x@d(9-Ud=j1?mB9 zq0fybLmD}W!;XPaOMBN1#Om4JwQs7@Q~{iM^ca8nNP^XkAL?ZHI3G<;pX5n8_n+fu zYMWc$aY#Ig{;|&z$vYYi_W|Ci7D1ww^jqv3927Hg@@Qc|mP{zsx7hLOY zo+5^^pg7n76HkJ}9*QyYQH`6RVfLCV;SRnm8?(-1{N@L);9S><#dNsrjcOj3j%wn$ z@%KPe$3YasyWj{aJoLQ`m)y zT%OvYm-06wu>0s&ha{x|zLz0>GaSy&Fl0PXdj|qq*PcUf)83-*Qcl+MKC+rbIIP{H z0=~gkWh0w?s4Ma=wz`1Clnx27+r=^?{tf5Bk-{Jt7l*cklel{n<3_BfgfRSoq4V2S z9(R;)xpjfGhK*h8d!g`;b>lqGcohGT4t@EP#S({aMjZE$r0yx8(rY1IF4k|(C8em_ zXsKXQ`wW7+@5mp%m^knyG(d=nGQ>pvhic3B;)2)cSRZf7QT*Dqokvu$+nVLXa<1JmSfM zac@$*tg%_oo5ajpFfH)efc63PGBmtHz(M~C~lUE6q5d8MuSK6YqS$a z=v*P4L~>;yrksG7j*jwvSLBS&c8(eA$c1M#g?)Uc?Sf?GCLt%!-I2J=mMrfhW~cG( zPAZqZ<-_l_!)IVYFt|=Hg2$}<-6i4+y4~-)g!H0Za$rGkn5Whm-{1zrcQFA!djsd> z3(SU~KAaCYk2S6oHTQ&s0lYWP<8e^viV&(42>VKGua{RMWcV9)M;%no2C9otZ9AX% ztArWr!yO>XLul<4k{1mJ&SS3yvs5blIoK@vP~m~PBgFo%sU>hPuis*@H3RED%8qc2 z?|7fP5x=&LdRf#U&zq8Kid>D~KzJ@cQ8`hX`dZq7P@U}xOrX2OU{E+urqwet>~$4J zbvAn3nu3>bHzR#aZyQw~1?z_|@%gkleq^vGglfz;^R#a-KBB`{h@82J47X%d;Vsf{ zUA_@zM?FyH?c`?0(N}(F#1%%wyz_fz(AMeGR{QPlcl>GYWuM))b)(JC$rR1E!ou^P zOlst>YWK}D%k3j>Dk!iCroC#`O>F6NLa@HFSO7H2>f;VO7(LyX(^Y zZ63iW{YtGlHBbQKXPBRZaU-I(Kl3ef*O#9l7GKq?H#Qa=Q z5@+wM%5-}N4+{a;Rr{U#l0hNTZA}P9y8Z&4fIzK)0@-`lr}SaZfg4p!azL>36ZdzP zZ_1VS{xcFCnaOH^zMa;`PoI5_Xh#Dqx->9ZRJHE!t#9v7+66ac4^FY#uaHL(PSz$X z#L5e*a{Zt3mL+;_CDj#nXqGcfH$@g>XJR!N@ub5ka&%FG`+IvbPzU$`Y)3I(pWZv> ztYtk1BGMzxunIEDBS{@0`6#grt&&1v$nIez^f{0kh@6zaIJpVMNuqG|ie^6=CxuYB ztok2yP4F$ccII9nFhtcYA}#UmO^*VY2;P54ZhcJn0y!{BaBz{m+$h3G31H$Ht;(+V7aFgXPuwp|Y(JLiPRh*kvUFOx|0 zATAPBbz6`?LT&f5p^n~z>LY2+p;5^b=khxCBZB8UZAlaHJA$2(>j(;EIonADcS@W9 zGN1GWB_u?9WAYCs1G17!H%MwS&ZkTkZPMbi&o|BHsd~)5ZWgs4I4P4q%G&1W1gx9} zR3ashye80}*_akVx8s-uJHw$c7W%H_RD?_W8)4G|vE*5taVOVm=uhqeo)A%8#oUERPxuJ+?W%65frzV2MP=KhY}=p9nNV_UU+ z&ZmX+e;6jKClkj4JmD0GW6<%D$z+f}2 zInWYK^V4T*->xFQzBbac^#zXEXDBanCszCP^5 z9{Z5Q+1WV>Jz6Bz20;$3V#PhHwc01)r`g02z!i%c8!pIgwX<9QbOBkY#GvHtG|0jcaoT7Q((gKxUO)4jJ=%_fSd^0 zQQ9?9qyb%g&!`|D2JlZ$bxu|@MWa=wGxaoc{}9s@N+z|tc-1=%8f*?;wvI9*+?-i3 z_W`q2>eq#vk>i;9E@YMx@)b7c*vkR#uD#@d-=v*PLmwYg1(7Q&` zNy1n?RwkT33Kn$xLPmYphcK)Y@?(Su;CJE46N22IGD?L+BpZ%c&u#MRMY?1N3ZPrq zU1_NvpAwk*MQVNnMkIX8;s7z~=fls=s{Kypm%qao;GLn1r=1DB0sP0Uhy#{ zxdw&X7?(aKE(>qO3c1l82Ny3UDp1#&AoHgh%7Rg*edgQDj3bPPLxQ2^VT}88Cz_$~ z7l|T7hI}^lsQDH)@n)Zp4V*jzNFf6yG?j_5>;;}D-m?d0Jilzqz6+zJ4&Ls&Q?R^E zynoY$4Nw)|{CZ9_zQ1#{OBVuGIJ~+;BmCt5z8EeD=1c?Tk)Qrn`?)5qg~*yDpo@*|IK>$>@J>Rk0Qy$^|2RKPV^rc%*x-*O^zk3izLp6rQ*0 z_-Q;6`9$wFM9h-?xD4TeVL2sIwBs$TRuDu|ZXMyB1a-xUu|T+kKEZvB$J(%*!(hPv zklS55?~1J%#Y$@Ddw$=*y86|VQ5{V`6Ag@JxPY7D_tIGH*$&G(jK5jV-fafM0+Z&$Czpc&FZzyd4gk68!lrq{D- zDbK(?VbErfa*@lyjZA6%&Y>qeRFpn0(Y$%abiK95(`t4p*Eols$7jTCO>OC>&)x2U zhJX|!uibcD`9}6CbA@u+q}{T)P=(RzjAQBdXLia*ZW(qxBs$c(4a1ujQLwU{ zOa*dG1>Nu#)*MYvRo5X@7HOqTRd>;Z(oLhh;h=>+_6R-7BG+sU>UTNXk~)pErNj_| zE;{XT3Et$9e9kkCGudP2?M@%w5N_oUU-|ngN+K_iJE2o77V1x6(hRhUVE9QfF838@ z{=lO+A@EOJ{?cIZ3pxHxM=UeGzf$8ic2k5{P1mmu+kvm2lAjpwoQ+eq`mM&t;m6m% z|9)v=L?V;O?#K=|Xh(WZRj64XAlY}F1)IvG(Y^1`#<4N&@=L(dsV4x>GR0jau`xn) zFbEgWt71Yk_R#VPz`ds08M@4PL3CtmLN1?qFdBK?pV9`6HFRBNO|H_*3OLu%EdhLg4>1SaC&$>Rhz5x~j-ITEH)7u}#)cl_JTLUSCTX2JqE~&`qSrE={qBo$3 zV=!d>n*Bgp9V697`&EbmvN`lArWKlQu*wRfQ`V0Bo`}_RcXW;w&9!h1_8$?~awY#w5P;59sB}ZW^CyijuN^3whUkJcPNxHsGO%t@!&9SCKZ&6r-lo zSh`_#Q(WaaZpT*B9aym6r_;6EU0dq#%Zq4%^9-|p2uH7h@Wx1Ds+Q@&Gb?=hu2ZNq z*)8HDj}&gI*hU{9qy<0!aLuMWvfHi*tn*36BtyoWXylf>S1P6#)&=s zo@w$HPM<2h(M;h#%51Y;XRs?@+PntWOh-=disri8PIY6!`WMeep{(0KwOg(adkU7- zF(=RS8t7Yx{}D5e;t!~No;H>7yR&+O;g(G*X8IT|sgHvrh_~s@7E}6pA?5xI5>Id* z2j(vBlv#Wt{bq#IwP#-LUgCR;?;ImFNo*6fFHH*)oCi1|E&i$0u1z{r_0-P&uC4?N z0D%C5euZn^UOnhZ;C46eR!En_mojnnCI7JNz-i4VbK_)AUst1DX#1tu?zh;HixSET zRtGi+JqU{oph5%BC*wz+WwmtKKy3_()IQdHLngYh6Ri)u@jy8MCJQSiMMEOkX8!3$ zpz%Z+^q`ywt{tjiM28(JoK&`vuqDt6DV~LN%>e)Hm0GLxmqF)&xhWH(A>4Ya3rdMk z$|;+=!TL7&SAK_1GxRDeFAR$Pe7v=UH;IZHi=>y;a#xk|`Yo-M$8X1Qb*%f(anOjV z`5h90=9Vm5!4!XE)|RzEVZVR}{3iD%t?21$Hbj~-894L_6SYj4MLH$82+ig+II%N? zP}*Nj`8Y&0Ij)IoMFZx8VbVtd-;tp|q7syXp>Z|$<4}u&fKrH-Ik<5o(bJXch*Fvk zO`7wqr4|)j8vA>KHM>qAlvI$Whb!r@p-}|OqZf}e(f7akgcai}nKXXud7BJ^Q&%1D ziKh%EiR%8y+|i@!_Ap9-ilIKkCOc^x`pC0Vm+7vqnV3K0NYuYC`Z#u68in^|T{hzL zR(Os91|t69qnNg>tM2?!1Ju4yj(wX(09@LX^JJGCU@jL`z5%cJ%(b=6{?ac%XPH?{ z|7=8gpM!n`3^SDpdMvGGL6TAf!R$Lbt;83Iy%ZoQr3V)f%hceVs}Gvj?R(_%5=OZG zkjCGqAvqNx%1E8Nc@$79*pye)3iN!JfiV zLF$les_t$V?o4_0W>2OO&N=C+XoRVDDIa~DEUF_k!YRmWMN`v&o?b!RWcYbJLD&{wRKdo78c_Xt)^SZgvExSJk{}~ zc1LoA!j{WIGU;lY+rLY%q90x|a)-AzuB&i`3p4OM9iQ|fDTqxk9k~P54J@53nGLGi z6|~>OR>nR^+PD=z_Jc4}tv{B}u)gofD6?B%`XuBy5ODG4S}W)Ji;x&FZGjSm_!zc9 zdpvroF1@Ws-dxY>%9sTQvtIm~&>xP;(hz5a@eW6jCAfq8VnaW37zJU{U{y7}mG>m> zR#m995+&=^VZ`7nO!b7PZ1c+=%V6$xDE z&A9&iVKMBPOJI2pA?ub&$6_1a?3|>U&w+}TkyT1I?4qmW%&?Gl(bQ|S)5o>vI*SWE z^Eh4(HM%M)7@WUc#=_7;9Eqw2j+^mW)uKmZ4k-Pp3i4LVV~1d^lsoyv?xsBgZ(~ik ze+9=LAjuYi)+@@0=x5YUUe);l@8&EU)k1Zc%_!46@*QbLK*)VRCqbAi#mC+%;rL`t zxnTWm_dHfVBcJsl|GMzX+qQNJp!;b6AAr6Pwiw2ZkR(HwJUz&g_pJs=XjH%a@?D5~ zz-K}busXd`IZcj_^_JnKDC)SHbwbZZ{HVJ`xzulCKla^VzWU+nt=h#JUqS}sxx>GZ zB{o@#uV!uJm9*Pn1Y%2)j43J~*DFF9Ktrb01D^+0FD&kPMzudw&(*6m`7=XyM?z;g z92nPmr_vcqxt+AwRz)mSNGc{2+j1B5YjTai*y~4|D8a(j5)Q&{u|UqmG6kApQ9;}b zI9;J2VqB|UhC`JYX{KClFBs#d!+@O0yIjKfvrT8tgHE^m_2C^}`ZWdCh%mvI&}o6G z`2LYbIvwl;k}WNR7P57G*gCG+6o2y~Q_IJu949ZRe);x1f05&=$b5be8TvUqqt;!; zNAT0%Ah97isDXLo26OgCF*cS?JqPBqR>Cd?1d=Q~bmu`5+FHRDR;`rK4>3)x-kd?Bmx1tYVoRK|sT+ID;L9Dx}^-lW;_}3%* zb`OW`pb2rGC*>7!r!8Oi$Ldw`ZRc%WK9>TbZ6ue%W`u@Ncpe^=i}83IdB31qY9~)q zzoAtt6dlN4NGA6UAx(luO}vR_Pm!7@j>e>ROq9E_fcs-GC}JxIl^MH4x($PwTQgp` zYusc|pJH=&E3YX5MIsBE=*j$!BECe+zJQMacFYE#n}R}EHW_(Vj$JI<1gOU{VP&ZX z$0GDP8Q)z|IeKRkHeqP8iSIA;I=L0@btDVOxvs}A)k*;_R?aHMtxIoX$x=KPkBcw< z^rkU;qWbm&=bJHj1F0_E+ipu}1SpRZXu^lr+Y*uv(m!{vhUjP5j0s?f7J;;Xa6f&z zaH_w}5-Iafg-IDmj9Lm}>pd8+pmDK!)c}Ril&Rc(qSju$v+fQCxfAS*Tx;_SuG2lP zZdHhEbUwx%<@WogclH|oz81@|(LuWeEm!tz;z#;27bLosO{UWX_cyQWHvKnJEq~tE zUX_e*>g^f0*<{|{taN`he@;Qh1}^C?gg@I~kh#0I(8(jTuW|Aw|K@S91sDqAwi(;W z&;hM8omYpu=ar`x4?S*mv483khvyU7_5yPIbWSWuquRSLO|A-NG(p&#=@}P7g{&$s)f?<(~nLM(BVfSMGUpl=J|G6_0eT)0l|`0%u17p{qXG_5}un_}qKy39Da!F83b5)#Q_k zsdMpFsR5W1@k2~j-oI)na;Tls>LXx@mAEzA0;tZcsU}?BrJA1#6Nf}^QnBuPXJ;Im zI9O4K|FHde<RXh%dnq#?Q$dj@l%%TygRLpIvLK}|z3 z{{BQ9$ER=n%Il=((Y#2{qL)I?B$Uwz@%^=QPm#)-g?f`rcM=@Dm?mmEo+*m&qjLtz z|5-t4E{bc}1k^S+W&@sIfF?Jg__1dt@eZ`fR?2DOZeIa-7O_wCXQcqHnL&21x z%uH>0IwN0oxQq2>f{PVKR?DZpYJlppYOC9V8H-T=>benjT7ij))qH=3hPHB#9tKoC1aJzAlVS)90p~v z_Eyw@lh53J!Woa_&%U128LQr}XIw98Cxyr33t8)de^=aawcZI;rsmd^LP-#)V`*~v z2EoOw{VDuv@*s#|LV@!blIM)&y%XeR8H^Z%`*+qBI3jR3H0X-Ebfj%50m5lvk;P^7 zisuYilDo6F^9Ykz#DCYc=6IYo{*F=T>p+8lm_@uS_Wp{xINAe6cU+=DatkOH=*^GD zV~WBMf=jwZLiJ3BQ2Fu-V^;9VFeb(BG9}XfTyNk=8~3}qaxES;NcE2Z;;_=!2a}^n zjZa4aHp_9{BV1OCVxe@9ZED>{R2sC*F{hKhugM%lgs*bD3tz(2_8|Ti_%e$p_oq|a zME0jR`(t!;Iz~XlKtFyX!Rda_~q!Dh=+44tpS7C?BH~Ig< zUT{_}lgu2r(G>$UI;})v%|U~G65$(mTg3uIs+CuJ2OQ~!5AMOkbcri5oAbZDqD*wg zD{NdrLnerBj1w|)X5hLK*^WMV*A7!s!O|$Bl7Q`QI4^ER!1vK(9`MH{8M3tSFcuOT zJ~zFyPF4A=ihgCQrPW)A4FvYBnoGs`R9I=|!bP9<#%RtlDUzm9Gn-4eXBmyB>T}y) zj2O9vFvU9?PgRTjpObkrCr$WDX-y4qN$@M(tnxTBi6GI5KN0=ogfHP)IT zgiSXWeWOZF^M~goG^&F&HRpbMj90$VI7HJKB}DuID2@GAOdX}LFf?gaLvZ?o{a$P7 zvShIk{-@{q>h#>v9}qVYgc}{=csAZEk-|>?T~C2)OVTIs^5M5lgw5cC^x_11WEt_= zr-1c_J*`AZtIZdNc%z0(WP5K~vF1eNN}Xkg4vDy_iDfMIb1z`>mrm-!&^~WWz3_0V zJ>}E7j-HpGXJ&b5MrvhQQ>fa`p}Gf2HRN(C52V)8be_5b=^2cpKW{7A*U{1G)KvUU zun(v}oVAc2g$M0q?u+^(0PJ0xZYve;Mgr@m5U#ES{L3XX$?LNfnKCeuf%WhQ`CKvd ztk5+vR?K|XeZq-AODvO*|4&CRu2}b|oV3+4Mdu}kqmtbjLW&UJF zYCyBAR_W>YOd{F01d`?T)AW%&UKZbXMw{~6ygqzbj}Oc|1Izl>>|cZMH(7pIT13V7 zqsFegTRH!B4)qg{628QJQ$17j<-#?g>;=6XAs+6D;NN0U=JPJPYk{(V3+y&iP{uwGeq<*w(S{5rL1stpVq@yFZ`oX+Af#HF6d>HkX0km(v}3OQ(8Wf9#JR zj<7)Dv{_dsX$FLpC$Cc`_VCl6z!(V3l%|(qwH53^?`2JIE3Nuzw#)8j^AvBAi{n6= z)@5`~Zw6GVJ}{fAqD%RcvC`}ALb&r6FG{4VZ5+lJWp^PQh}@!cY92+0Hd%aQZ&@ef zglV@7tbWqOLf9^X%k>s5$s6rpT?<1wV66_t-{qRDOl{Aeb~`rsPzi*!i`=Ax0iBte zT%b#M(&|$PLt0)r6BvT9Ue7uGMfA3E@-pqhR#bwcmsUtVil?LpB2*_ve1s0a+!HPECKTm3r{ZP7jRd+*NM$`M&5F%V=o1Z z5DRX_-5!$%^E*1plQm%u3kTPDL_$#rAU{1XNAP`8ouLQE;~q)FI!0KRi2pfKH=Zp2 zij+IJ+Ge)ZE-%w zaw^d!Mp`o$^xPEw{gECpxFbJ&wAa|XQ-S*Pnz{%5%{Z`@&~%kLhciAqD@F_HWZKZ$ z*2IXYT$A(t3=$mhi#uWm8d4}7!DH{=A;12eBHTq) zVP3+wN>weaDD>?z2wbo$N2Y|RFmQeB8waJ%RUQ*p@69A^mO0ltG}mG1ah@GJmQ=4Z z{q%Su!~>YV{gTt$ZL6lY*Dp=}VzI+(wUZ%1Y9Fc*Do0FN+2&$+kDj4IUpjLi*b8Mt zoPY0Joy4qXJ?^SpOg>gTl>_yo)b*_@m-(0K=SWcrHOd)KtgubY|9o&c@0f7J^+a(- zVjg)ef+$k7N@Oh))r4B8VQJ|vfX;7%Pa!x2nNU(n1>mpxD54|TO|ya~>Nouy=4-=7HNpn zCA+<<*7PNFi8KY9wRfUFx$SOW4~pcdQQ1nw%k*8tIx!ef^05ClQc_(z3Yn1NhnqCA%xvU ziph=*F1v!_z7xh6h#&7z-aWd#6R&81%HAa{u!gK#XC~$%a^2?%S3RWwm|LnVs4FjL z9;#lraoD_z;2ph!4wj2G>7F|K6EB8aVlk3L$!m?R^{Y{>sA&!48ZsDfC)!n-F!9iM zg6v?(iEzoY$FzwZzDd~Z3&d=ByuK>kziO$s+@-K=kY$Lyw>tt8y0mGuW%;78f2{td z)TpNZLqo)ql-8&)=rJUD4Jie=`(wcHvfh+H+xZE>F>IDD#L#WZ0J&%)RAdv2GF$vn z6K?D^VLVZ19s@?y=?$c29$8R^|NP-3&7*lLktm~KszLPFF^QdA^%&V-S3;+!{nPE0 zf%7w~qp@<8!<~DT&9}NLGsTRP`%nNW7L|ot)Mi?|{_iCRPNYW_g=N%~CW8Q_RA|+L zS3p5#vl@>5Z1v0>X>z-RdpwF^IdR#ogsMG}e{XQMAvMa5@pxivn+wNrR4eJJ3H;v# z{Nh9E8?VQM_6QNp&v%OKXtVMW$GHCqqb*$0F1BFhf|%}lehm5s7Z3WL2zJT>eQ2rY zfpB(?^D}kP&dw1a;n(xyxZA;35$ByYdEDurwy3jn(KMD`5Q;`aNf+5E=L^HS@R#y= zd7R)kBb`J!3f#v_;hj`mjB@5uVI%6QYWX22tJIsdRL^R>C1@rLb0g~28@P!G5TXF0 z$XY{erHZ_34np}b!yrIr@}i@`uNy1U(hQl#9jgb@?J0@e@J#A(h@dEs#ZWJwW(fd9YBR&z~Wjx-$OqK^wLs zlt8~=-mtKnmC5GQL(9gMHRY<^kE94!$pC?pC5%zaeS=WBCIf0bF`*3*xrakc^W!Bc z%r(5sH6Qnqk(AwY*kqIol|5A|Hs}E0ssSFA%Ak0~at%9IN%u0(kE!n0@+Em7)IxNx z+cdk{$ZQ3VDGVSNp(B$u|@=1DBNwa>P$Kc|MW(k)lyoiUQ6iuDxGqhU(?6o+Nh^g zE@+&iN4UQ<5sIX!ekr@Fzx)v?!f^S~jk zO|BN_v}vW+rcHCUxJ+i{n)Xeb<_N>}iGo<*zXH-|I;%P(`B3#Wxk5gqe5vF_uBgg6 zA>js0THCQ6=54cLnKUB$gINmLT{BOCi^RZBabQN0v1Hog;=F0bMP@%I3eU;A$OBHx z8zw$aO>bBx5L{9y^fdJ-tfnZuQ+kKCy(3vaFxyIxv5C6MX8ynmf^;9okaNJ!!OTL_{n)( zyo_E2QrW7PKNVfxG{veEV5$UEY@vdnptvjWm1U=5&!MR>Y9)TPD0pBNGm11BZ|c=B zBr!EKaFIf3syPEv@;jcX;*O26sHmg_r{eo06cznPQPGDKwd)LAAdSr6+$fXABPgoR zCNYGCmzb`GXrLVb*B7Bhw*!SThr57rtvCb~Uk=9v;oRj5xJ3iSRagbU{CNf;heZn~ z*Y#PXGA@5fvEjC({Z_A1kn#zsa3~5}%C|Ygedfp$N{rCy{8&1Nu^+&@Md@azN6b@~ zO_t#D>ZiypD@*?tR)XLW6oC0%R%t7gUMVGboW6B0ii8;+aP91rfR>Ld`4OqHeQk`NX)QglRgR070 z)$P@VlJF;Mvv|^&L${1i+<4@obI$4T%tQ#|A{tBmHRRUlHpe-$L?cznSE1yzb=Za)|t# zSbss{Mx*=_;OG9EO)8hOygv8p@_Jz&4WWC|DlIFCh}h&PCB>A;eXL*9Q9w6C$zhcRXMMes3RZ_K@Flx)p)AW( z`o5LHg=4HzCBBpG=PU%2upEnV~;h{w?l_Q0RP;yH<>2BiyV zjrVfuDI$FU)E^$XbSGawC&OUINLdpT^uU%a2Pi%8f`)f9m1&ewqjzLBK;nwIVpCB| zt%A>2^Md51{AA>jLfc*SAGD^xf081YI8aC_mJNN}+Gnkz{H5)5}fr%wHw0(z+=&`C8YR{1Yz#`Khs=U~j@uP{kyTSki|XjTDbv{Qx|j=+j; zu)y{K^$JbEdvu~d0!X_!;&SDpjA)2-u^3IcS$07QZoiAz3e zG|3M!g0s$KBs*N3zvptVs6@Nzt$~41GvCcL^WD8-(u0~ie>UgAEmkqkym1`5FsunQ z`UVoO8++cVU*2-S+F*XC=beV-E!S8ZOmt!jJOlqqPbNuYizRTLNwg40oBYQXQ~frR zXr1K0iZi6IY^~%NMYCkJ3QlH2LpZthjKNvkH5Y-9?@oQQaU^sT5Xk?T_P5}0)6M39 zS=ol-RQJN4uusgXZ!{Qu=NhSTqHDsh^TL@)sQ4u@+*rr95TdKJ{FoX%) zSuHkspTr#FW~z;v1#Xy8EK$HB6mV-_G=sr_p0tMauN?F9R~7Xyj17KW;GX^XIsRIM zgwr{#hyF0~AW(`@Sg=*IHdfv9F?ULxm{R(a*M)mAN&kyFoFVLD)p*a<80(od+)euw zLd$+gF=83Mm=J%b4tEgh#@RoV>WcVps*ye}kCXg3qpNTtkMmPSzkgIjDK^R^D%IgP zrqPZu0U?6ke<{L(#2N{1@Q?t>8$ANKGoB(oDZzP><@;=gjNmFM`5AIwQS8B50_NQ&ytIqmN&yU)JX$%=Ua_rNmJRMM`HAqMGt1o ze|dp0%(N&1hO2~$@N#fY@a573>f8W_egt#tBS53baLoIH&-VrT3=)}N0H*x5(fDn^ zm147_;!`;RP16iqC$2$Sh%0kq$(S+574%hG%wSt#B<89xO1YXB^yo#4FS-|guL50T z-NPCJKnbHZN)B_c_Q$IZ1?*O6r!e<=EKT6r2U#GR;A5I~)fy2(Q2buMA^u9-4kND~ zFs*joNSa6d8zg!cn;7UC86m~be$`y}Z%2>36_i5qhfh8EYrXgb(oQxzUwHG}<2TPW z$PsbYaOgjde(q(R_{6PW`+>>zx2GQc3z6@??S-xu!`z#XpDR?gBhnog)4;-f^+nQb z?5kre5X%Mhv1BeR7EegP1eYXLz47AW+jC^$;%jrj4lpfhiH(+tzlVSFlQ6H>PXQk^ zvVGPfg3w7^dP6eq^634!c-9|4br{~@-mu8MP+&ym!w!dh*i826^<-aj2WhF7uhHw} zYwBA_2f0*|B3XJcLusaT9sO2@kc^mUE?rk2)8TH8x>!9u*qm5jk`!L=KVVKvtbSIY ztSVP6AYYGbfC-DPllI{*DEQN(JtCP4KwS`nj|0zKERA&@LT`yfou&1iWHvt)C8V!F z*%6a8zzz8ikQ^^Rue2}c;V>cuix-E|CfofGP$G9VL0O}gWsXb$6cgOR06j68C8PxC zjAUy#!9)8MIbJ&tke$SkUJYk=6~=F|`HH&Cg~BRfC%`yag$c}}qQZ2kYR=>-Dq+;= zRVy_ET2U{jOt6IN!3-57|I*Xr4%JyqCQDt&-P3dDq{}-8CI5^DJN#>y;g<%hFLxq` z$uS#4X&8Q(7L-rr52~{wUgcU+@{&KO&YO6Z>jLL;^UAbE|MhIUqE}OK4(=B?C8Fsd z91WpPJkB?y2=M(Vl4Qpz2<26dY3M?RSOU1*Aag~w{+oDQ?1hmyjeE2cV|j;nz^ggjLct&4ySTv2ggKcLJs7#w zC?*MR-wD+FgmrWZn*i%-8Y8@#U)>e(zibuu2Xf!K_RUO7;PFJe%xLM?R z4=RYDVwhCoOS66TI@qpy>e3j_mU8X^_)*ljC{L6CB%-85;Xx%8bA&=Ima>Z+*Je>k zv*|MMq1;&tK9Yx{Aq& zF_u;=r!8cXJ*gHyg%nN{UJc7{hJQVtGKV~*+Z{5e#>)yP^0?NPtl7kjG7(ymHr9DO zbsMz^2Bvt$PCQ4mg_%(HZJ&aMzj!WS2A8EW`X@<^DEUFB{1ULuevM#p9y9q8+mUt0e9^3hRpcS_#b z*9W)A?0CFwds2QE1znQpl;3stq+9JEpB-V(<(EcB;S=(?lzjfc(OG?cWH!8>NWcfU zBMpAwaoAgXyWJWeMAX;JRc!x^6RhTY5$XA+;E#O~)GFxlp{q9~LNhr;p9|v`ib~*D zBB;I)MuRh_iP``lI|WvH1OstT$A z#iEj%{6!^qe7gv!9XPgm>~oft{0u?65#*wwhkB5s{6dtETby@3q8Yj{Y%*LSf=UpK zjv&KuZG2D;6AbUCbow&1n*j|bLP?;~gAX!I<+!Rn#*m=+LbWcJm&@&FwaP|e6~#C- z%!ND%DGMV3)iW5~AjCbTPvz+~J@SKvU(FO< zR=TXz&uB9M02402y*5aZsp$cy|JrKDjof&I5=WkUYG~FrVO?w1bn4noSuH;HpA{b# zR|~jrx`o*xgj~Rr6azU=AO~!Ko^<1C0N<-GPQ3V0QHv+-CE%*H1R6}LXJgU-XQD{E)fp$Ha=zdLSF>P zPlXq+_Fqz>d1^SffaW~+3GYK+BF84PJ-`63@POHsUUgucjI7uzInsCNc8M{PA~tue)00ODY1BIh@>2evGp0}(oHn>Y-8~JHh*gE#_542 zJ?BS*zFB9@i&>kV?OM|wTy@Tnu7ZPzx`(ph(byZ~HO{qLQib9}B(6+KRqRz0KyfFuGF;>IM)+%ok76@p@TW#G!wl5% zcrE?CP!F7ZZp!d(r0GAV4&c^w#njQ+%5opdMNXy_VSC24ZpB_8%IHivt+3@w%!)wS_VfM%4+1A72 zC2N&8FR9`QoxokU3&P|X6lbenKw^kujAl`ToAN5d4ioCcJWHeHVbS_WOUUwhbJK%m z1XKz5;&A`RJd5RF61CZ$u@Vw50x@SOIA>=*YD}gCea>{$az>SPNUBdV5`ZEq5)%a zR)IlCV>FtMM&p!ZOfG|&tkXBO#LjLZc&WFDYmH5@o{?(E{@Bvn0)O)73|{kWvxVv` z#MjiOBmL8z7Is5#l|N`m8cE-zv0GmavB;zI@NFKepo;qI$fa0i`Ifp#%`y*ehyDJl zcy0A)ch=?{h#CSOW}ty4C@*=co)C>u8lavg52VpX9=@fjq-PS1fG=Gxz@3c=Ss+aq zt);1|TrZ3MukC%cDCU8d<{=>yY=J8BCDj1%GW}T1IeD9TcxdR-@UUxmQPP^NMhNqi zvWX25DOou@yvy&MF|$1y^358ZQJ$Lxn49RQ+l;=*W$!3pvm@2p!N#aCp;2Jc5PGte zH-B|dNuv-g4QqFK#i?g5)4a*{cJ#hxiy>Vx5oC%0THJwCh@iKsE9UaB70a;*O5rsX4U-|ah>-*fG}(gfMD?y}ENNs?%I z#jQQ{!wI(|KF2@w^{qSa3bXvKt?u zCyMle8!vl{?q9cVKV>PoXxcls-ulk8uaG0^El8C--(mBDVP)XPq2CRtaxf%~$y_1{ z-Ji`RbAfCi7ZA%-1JKcl!G_(t8wPU^=GLr%r0VJt?PAUAq}9dM(&qeTzaJ9qh5VSt zQ9?_rj3CFmm_G*UcCbfCl887yisK~-6^2)&j+5D)^6!U;fKFX>LX!WJ-}(djSw62B z7Z@ubSoS?kGqs$N#h%SE9!U&DsKWTag}wbm7~M%R*~WbAI8#4P!{g)sUtQN18b=Yv zcV=#HFL%3px4ZWzIon(=m&-M^sYx%_)8$yE7^2pw~M(z(0PQHz`Ma1D?JTp6LU2ljS_NE%1S$GB3gj`hbD1!;47=6Bc%J zJvKLeV>KRMy)iu(Ykt^~B@SP$$5(&md*Fx8T%cc4pd}XtZ9`atG;Jv1!n8H|!r{8W%Z6f{PX-x4d!HMmfj=eJs|CF8G0m2|9FI!%-T)Xa!y4~>AP6zo$Y;5VHZpwIzu1jt%;tybq97uY(uYqc5|){)xYmghlt57vQF zF)yO|l|c7V$$NoikkQQZpj-2uE!n;~IO-u9-qkoxD@CM6BiN2(UT-fxIfZv2Rm*GB zMQF{VOQTEvf6QyyyrU!of&Fv`HgA4EZTv#qGoOhV2s|4IQb_OzlM&ZO?rEbvXR0GU z$B(cGEA|k}$k@!Ty9bEd{Pe{J03A(xgS_qDbkCEgUh&42%}stB@#ctNYriKACLQ>~ z@)aT+34kvn%v&A57b@gRYr0;4_#|cUF!JW`Dj^01U6p*0ss>x~vyYMFT2q_-0G~qu1wflB;BRMZ7yp;;-;X^^r5>tTaGsa#5ab@M1W?MqmX@Af zj_-*tM~Ifz$zeUM5f6vy;=2oUb&G53h~5Z}XqC%;&GNzbbt?tbtf@@mC=Q>=H*kTE}Lf;D7!kJ7(jUxlIIrHlNTtxa8g}72L-7& ze*R8{9W3uLfocV)oM2D#>5RPr3~Dl>SY`~J%{TXLAPxHmB@~HAnWdXPj=I^PzpUQ&yO@A zMb;s8$5h=_UR)!in$b?H<`glse$_D4e$BYfld!*EZQ)vfvo{#{bDsugK`2L3X`mki zKDrkWQ`F%r$h@xZMF%Ac{{wQ1EV4jchr(5|>lzt8V=_7HI+28Isy)_&2$Kmrc>9HO zqf_>`=aV}%GsMDL;+p%@ndAHEyS!LNkEVx|M0mFxQs}+oGmAN*#N}UQrflQI-;)y& zMyt`W+3(K3JUXRDt!yMNt3AhO-sC6yKE#wlW;~JM#~$K!we-fb$l5MQV|Z7sI8*@| zMmf)ACWgN85d#tL&+~vA%#fM@0|g)`)C@5FTH{l|1}FjajT}E=)7&5K<@rzHSp5)949E_&BQ;_m(Q9;UVAWnGbe< zOdTO%H*2{4^402dM+sffV__PK$BM?>-KQ(1V+XEJQzD1LD@G)mkadMjsB-+M>yo({ zg~>Z)J)BGSXh~UTcDt@IsQaUrT=(@$)#oEoUMOQkViTofb9eWRM8*jV>+)rOie80< zzKZJPiHlYDHq-@mCbcJ%xiFLd10vsvod5uMoMT{QU|;~^O#A7&@%%Pl8Ms*(K;Xvn zy=@5k|4bGJ<^~{_gMkSo3IH~J3rYZZoMT{QU|??e-@p*V!Tv7Aupj&&S|GL|0wHK2s3IUDq9Yh1awFO#6eN};_9coYCMKXJ{wH21wkPx`WGI>` z4k=tIqAB1iE-Iud@+(#=z${KIek|ZEDlLL7;4V-uh%V+YBrm=&7%+4&+%Y6E=rT+) zm@@1$WHazINHm-^5;d+h{5DWFpf?sbsyHk-dN}wwHaUhl(mEbGdOEf{06Q!@cstfS zJUoaz+&w@&ay`;M96oM7%0D(glt17=I6!JZ(m@VEK0$s#zCsW}q(bmROhd3k>O@{d zltk=BGDUzz%0?zeU`D`42uCnSSVyKv97tG5m`Kn`8cAA7j!DKz{7O1XY)Yg`;!6xm zI!lgBI!s7RR!n3}a!jsF@J%93kWIW!7*149XimIN@J}*Nc2BrZ^iWPvdQi4e08utk zc2S~Hyiwdz7*aw~h*GXn;8Pk?FjHDnic`W<`cxoPJXCB{npCn>&Q%&!I#p6tdR3ZL z=2kRTh*r8*-d6%wgjeiXMp(vpoMT{QU|^JF=waYv00AZ-<^nvc1-N6DcL<;RKw36VTFd z3Oar}g9NcPGvE9>GalOjuJ8#Dr|X7xVh>$rCvK4Mgq!4h;TE|s+(r*0;STjDVIPl} z3ioi0oD;m(1+zY0ggsp1Rk%TZ6K;~d5Jp zS{~IlHhE%l=j&8wI(G}b-lvh3OhTw_xiz^O1w&EhI@k7hMtN9|ol8_=O{Qk1YDgZ&N>f;9L~!&gC@gWL-y(+L$4F}LSf`QFGFp`{7}wZSi|YQr zXaBR1(W2zUYLenl2rxXWnb)zZJKv+kfzKIJb=*bKEazmTnQT@~O34aEeYT?#QxCAI zy9!J&;GLY+2lX3fKVSxHu>b&goNZPGnB%$;-rs8qZT9WnJt{N0?OvIgnHdyWNz~Yu zPm(t;S7v5rW@ct)W@cvQj^reJ_u714>=|h^8vMr_!AAS*Zv5XLPD6lAgoqF$L5dE# z=%J4RwlKstPQng$aR`TTGETv%B!4>2g0tdmI6KaPbK+b$H_n6e;(RziE`ST-Lbxz4 zf{P-<#c*+40(&@uOX5JcThrk#UOd)Z1 z%ut|21%(<%p|dwfd!7?9=Ip&g?r;ZxG(O9`{Mz4ARdGV;~{t`9)^eG5qKmX zg-7Etcq|@=$KwfjBA$dN<0*J5o`$F68F(h1g=gbAcrKoY=i>!cr9Ls*W(R%Bi@8J<1KhA-iEj19e5|+g?HmUcrV_E_u~WjAU=c-<0JSe zK8BCu6Zj-Pg-_!%_$)q$&*KaDBEEz#<16?ozJ{;k8~7%^g>U0K_%6PO@8bvfA%27( z<0tqjeukgp7x*Q9gVRjg3~vKl8cOM!OBdlrpmVu zcyqL2TBL<43R$aqP%F!<%8b>rHfbq~S!M<6xC6PC)huxot;Af7$3nzPvuYy3S}+~4 zx-LY_r$XyRch0QPr6^PtO*E@TUyHGp6QN1H-kGRTA?)(@Y}^#Z;Dn{#l5;z8OLw^{ z^45rMdwIs2y5sNh)KuBbbDgz&NiK{L+D4|CFx|0?6wOI}JZdzV(w$XuOxG(t>$*o~ zYNe`#PbHs;DjX}7$GJ4qY%g>#?}8w<5Mw)7G33&$z{T1h&=>89xt9jKsPCRYtrrw;1McB~w zaZ?qF&qDXuw5smVe<|xIrz`SoIAVMjkCe5l?6D1*nXEd6Q|(gI^^{-i&Lyd@ z)m-R^Duz!J|IGFxD@&n!tYEryH}YA(WaN|L%t}=a+c>ZJKFjkpb7)0mvZ7)tJ-xkN zTxLD03&urC<;2y#(1Wqm#%4_B*-TOZwW_C!Y%gw!s1!LX693HhI)>uw4c#myPe;s% z5u^4nigTe;s#fdxE^W+&CsSjY&Zt)gT-6K8EpJLu*`DjF%ut7jYGCHlxjt$rCDkUA zWytC7ROPB9S9Rzj(&tihDnVaVTUwN4`pTi*<({j$b@h)36pl@sa70zQl$B%I z2BS;%I|r$tcWt99XJU4+me$HhC+7&una(K$#;}Rl=2K=fcf}GXhJGPeE8N&x^B(AW zo;_aFpY?lP&wDbaDxwlkSGI(z78QX^RSE9w2%r}Fu(;{=g=|a%)^1ew&x-rv)P$Z|yNGau-3Yn#bOGA)s z`umh~MNuWNU~!Aj3A0u+ZWBtUq!E`MQv`8japDPCQIRptr*V6#Z`n++Ia_2d-A(P_ z|48c4*HIlGWKJWQDnVA%hy7LaW`sHEirHST`qmWr;9!9|ez@jZ;5y*j9!^{wgf&}Z z8YFItE|o0V_RxxJk93zDS+Ux1%_8!+ zZcF?5VJLspUofc|(MA}LU2X=pDr1vPwA0)Mj#yVg^m3sX5E|As&F_ZFVUdzd zL-<{iu%+fQ?odH!+aYPH!HNr_xGG(CoQ8r;dL}EGru?|i0=kO6MhtB^sG*nZ?b!I> z_nlxx?z_WuQ=3)NM^!7RgWMrPbJAC9RVwF2&!5yj1azXQoXK4hD42D_i|(W5p!wvC zT1$4@G?37uw *, +.el-table th.is-hidden > *, +.el-table--hidden { + visibility: hidden; +} +.el-input__suffix, +.el-tree.is-dragging .el-tree-node__content * { + pointer-events: none; +} +.el-dropdown .el-dropdown-selfdefine:focus:active, +.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), +.el-message__closeBtn:focus, +.el-message__content:focus, +.el-popover:focus, +.el-popover:focus:active, +.el-popover__reference:focus:hover, +.el-popover__reference:focus:not(.focusing), +.el-rate:active, +.el-rate:focus, +.el-tooltip:focus:hover, +.el-tooltip:focus:not(.focusing), +.el-upload-list__item.is-success:active, +.el-upload-list__item.is-success:not(.focusing):focus { + outline-width: 0; +} +@font-face { + font-family: element-icons; + src: url(fonts/element-icons.woff) format("woff"), + url(fonts/element-icons.ttf) format("truetype"); + font-weight: 400; + font-display: "auto"; + font-style: normal; +} +[class*=" el-icon-"], +[class^="el-icon-"] { + font-family: element-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-icon-ice-cream-round:before { + content: "\e6a0"; +} +.el-icon-ice-cream-square:before { + content: "\e6a3"; +} +.el-icon-lollipop:before { + content: "\e6a4"; +} +.el-icon-potato-strips:before { + content: "\e6a5"; +} +.el-icon-milk-tea:before { + content: "\e6a6"; +} +.el-icon-ice-drink:before { + content: "\e6a7"; +} +.el-icon-ice-tea:before { + content: "\e6a9"; +} +.el-icon-coffee:before { + content: "\e6aa"; +} +.el-icon-orange:before { + content: "\e6ab"; +} +.el-icon-pear:before { + content: "\e6ac"; +} +.el-icon-apple:before { + content: "\e6ad"; +} +.el-icon-cherry:before { + content: "\e6ae"; +} +.el-icon-watermelon:before { + content: "\e6af"; +} +.el-icon-grape:before { + content: "\e6b0"; +} +.el-icon-refrigerator:before { + content: "\e6b1"; +} +.el-icon-goblet-square-full:before { + content: "\e6b2"; +} +.el-icon-goblet-square:before { + content: "\e6b3"; +} +.el-icon-goblet-full:before { + content: "\e6b4"; +} +.el-icon-goblet:before { + content: "\e6b5"; +} +.el-icon-cold-drink:before { + content: "\e6b6"; +} +.el-icon-coffee-cup:before { + content: "\e6b8"; +} +.el-icon-water-cup:before { + content: "\e6b9"; +} +.el-icon-hot-water:before { + content: "\e6ba"; +} +.el-icon-ice-cream:before { + content: "\e6bb"; +} +.el-icon-dessert:before { + content: "\e6bc"; +} +.el-icon-sugar:before { + content: "\e6bd"; +} +.el-icon-tableware:before { + content: "\e6be"; +} +.el-icon-burger:before { + content: "\e6bf"; +} +.el-icon-knife-fork:before { + content: "\e6c1"; +} +.el-icon-fork-spoon:before { + content: "\e6c2"; +} +.el-icon-chicken:before { + content: "\e6c3"; +} +.el-icon-food:before { + content: "\e6c4"; +} +.el-icon-dish-1:before { + content: "\e6c5"; +} +.el-icon-dish:before { + content: "\e6c6"; +} +.el-icon-moon-night:before { + content: "\e6ee"; +} +.el-icon-moon:before { + content: "\e6f0"; +} +.el-icon-cloudy-and-sunny:before { + content: "\e6f1"; +} +.el-icon-partly-cloudy:before { + content: "\e6f2"; +} +.el-icon-cloudy:before { + content: "\e6f3"; +} +.el-icon-sunny:before { + content: "\e6f6"; +} +.el-icon-sunset:before { + content: "\e6f7"; +} +.el-icon-sunrise-1:before { + content: "\e6f8"; +} +.el-icon-sunrise:before { + content: "\e6f9"; +} +.el-icon-heavy-rain:before { + content: "\e6fa"; +} +.el-icon-lightning:before { + content: "\e6fb"; +} +.el-icon-light-rain:before { + content: "\e6fc"; +} +.el-icon-wind-power:before { + content: "\e6fd"; +} +.el-icon-baseball:before { + content: "\e712"; +} +.el-icon-soccer:before { + content: "\e713"; +} +.el-icon-football:before { + content: "\e715"; +} +.el-icon-basketball:before { + content: "\e716"; +} +.el-icon-ship:before { + content: "\e73f"; +} +.el-icon-truck:before { + content: "\e740"; +} +.el-icon-bicycle:before { + content: "\e741"; +} +.el-icon-mobile-phone:before { + content: "\e6d3"; +} +.el-icon-service:before { + content: "\e6d4"; +} +.el-icon-key:before { + content: "\e6e2"; +} +.el-icon-unlock:before { + content: "\e6e4"; +} +.el-icon-lock:before { + content: "\e6e5"; +} +.el-icon-watch:before { + content: "\e6fe"; +} +.el-icon-watch-1:before { + content: "\e6ff"; +} +.el-icon-timer:before { + content: "\e702"; +} +.el-icon-alarm-clock:before { + content: "\e703"; +} +.el-icon-map-location:before { + content: "\e704"; +} +.el-icon-delete-location:before { + content: "\e705"; +} +.el-icon-add-location:before { + content: "\e706"; +} +.el-icon-location-information:before { + content: "\e707"; +} +.el-icon-location-outline:before { + content: "\e708"; +} +.el-icon-location:before { + content: "\e79e"; +} +.el-icon-place:before { + content: "\e709"; +} +.el-icon-discover:before { + content: "\e70a"; +} +.el-icon-first-aid-kit:before { + content: "\e70b"; +} +.el-icon-trophy-1:before { + content: "\e70c"; +} +.el-icon-trophy:before { + content: "\e70d"; +} +.el-icon-medal:before { + content: "\e70e"; +} +.el-icon-medal-1:before { + content: "\e70f"; +} +.el-icon-stopwatch:before { + content: "\e710"; +} +.el-icon-mic:before { + content: "\e711"; +} +.el-icon-copy-document:before { + content: "\e718"; +} +.el-icon-full-screen:before { + content: "\e719"; +} +.el-icon-switch-button:before { + content: "\e71b"; +} +.el-icon-aim:before { + content: "\e71c"; +} +.el-icon-crop:before { + content: "\e71d"; +} +.el-icon-odometer:before { + content: "\e71e"; +} +.el-icon-time:before { + content: "\e71f"; +} +.el-icon-bangzhu:before { + content: "\e724"; +} +.el-icon-close-notification:before { + content: "\e726"; +} +.el-icon-microphone:before { + content: "\e727"; +} +.el-icon-turn-off-microphone:before { + content: "\e728"; +} +.el-icon-position:before { + content: "\e729"; +} +.el-icon-postcard:before { + content: "\e72a"; +} +.el-icon-message:before { + content: "\e72b"; +} +.el-icon-chat-line-square:before { + content: "\e72d"; +} +.el-icon-chat-dot-square:before { + content: "\e72e"; +} +.el-icon-chat-dot-round:before { + content: "\e72f"; +} +.el-icon-chat-square:before { + content: "\e730"; +} +.el-icon-chat-line-round:before { + content: "\e731"; +} +.el-icon-chat-round:before { + content: "\e732"; +} +.el-icon-set-up:before { + content: "\e733"; +} +.el-icon-turn-off:before { + content: "\e734"; +} +.el-icon-open:before { + content: "\e735"; +} +.el-icon-connection:before { + content: "\e736"; +} +.el-icon-link:before { + content: "\e737"; +} +.el-icon-cpu:before { + content: "\e738"; +} +.el-icon-thumb:before { + content: "\e739"; +} +.el-icon-female:before { + content: "\e73a"; +} +.el-icon-male:before { + content: "\e73b"; +} +.el-icon-guide:before { + content: "\e73c"; +} +.el-icon-news:before { + content: "\e73e"; +} +.el-icon-price-tag:before { + content: "\e744"; +} +.el-icon-discount:before { + content: "\e745"; +} +.el-icon-wallet:before { + content: "\e747"; +} +.el-icon-coin:before { + content: "\e748"; +} +.el-icon-money:before { + content: "\e749"; +} +.el-icon-bank-card:before { + content: "\e74a"; +} +.el-icon-box:before { + content: "\e74b"; +} +.el-icon-present:before { + content: "\e74c"; +} +.el-icon-sell:before { + content: "\e6d5"; +} +.el-icon-sold-out:before { + content: "\e6d6"; +} +.el-icon-shopping-bag-2:before { + content: "\e74d"; +} +.el-icon-shopping-bag-1:before { + content: "\e74e"; +} +.el-icon-shopping-cart-2:before { + content: "\e74f"; +} +.el-icon-shopping-cart-1:before { + content: "\e750"; +} +.el-icon-shopping-cart-full:before { + content: "\e751"; +} +.el-icon-smoking:before { + content: "\e752"; +} +.el-icon-no-smoking:before { + content: "\e753"; +} +.el-icon-house:before { + content: "\e754"; +} +.el-icon-table-lamp:before { + content: "\e755"; +} +.el-icon-school:before { + content: "\e756"; +} +.el-icon-office-building:before { + content: "\e757"; +} +.el-icon-toilet-paper:before { + content: "\e758"; +} +.el-icon-notebook-2:before { + content: "\e759"; +} +.el-icon-notebook-1:before { + content: "\e75a"; +} +.el-icon-files:before { + content: "\e75b"; +} +.el-icon-collection:before { + content: "\e75c"; +} +.el-icon-receiving:before { + content: "\e75d"; +} +.el-icon-suitcase-1:before { + content: "\e760"; +} +.el-icon-suitcase:before { + content: "\e761"; +} +.el-icon-film:before { + content: "\e763"; +} +.el-icon-collection-tag:before { + content: "\e765"; +} +.el-icon-data-analysis:before { + content: "\e766"; +} +.el-icon-pie-chart:before { + content: "\e767"; +} +.el-icon-data-board:before { + content: "\e768"; +} +.el-icon-data-line:before { + content: "\e76d"; +} +.el-icon-reading:before { + content: "\e769"; +} +.el-icon-magic-stick:before { + content: "\e76a"; +} +.el-icon-coordinate:before { + content: "\e76b"; +} +.el-icon-mouse:before { + content: "\e76c"; +} +.el-icon-brush:before { + content: "\e76e"; +} +.el-icon-headset:before { + content: "\e76f"; +} +.el-icon-umbrella:before { + content: "\e770"; +} +.el-icon-scissors:before { + content: "\e771"; +} +.el-icon-mobile:before { + content: "\e773"; +} +.el-icon-attract:before { + content: "\e774"; +} +.el-icon-monitor:before { + content: "\e775"; +} +.el-icon-search:before { + content: "\e778"; +} +.el-icon-takeaway-box:before { + content: "\e77a"; +} +.el-icon-paperclip:before { + content: "\e77d"; +} +.el-icon-printer:before { + content: "\e77e"; +} +.el-icon-document-add:before { + content: "\e782"; +} +.el-icon-document:before { + content: "\e785"; +} +.el-icon-document-checked:before { + content: "\e786"; +} +.el-icon-document-copy:before { + content: "\e787"; +} +.el-icon-document-delete:before { + content: "\e788"; +} +.el-icon-document-remove:before { + content: "\e789"; +} +.el-icon-tickets:before { + content: "\e78b"; +} +.el-icon-folder-checked:before { + content: "\e77f"; +} +.el-icon-folder-delete:before { + content: "\e780"; +} +.el-icon-folder-remove:before { + content: "\e781"; +} +.el-icon-folder-add:before { + content: "\e783"; +} +.el-icon-folder-opened:before { + content: "\e784"; +} +.el-icon-folder:before { + content: "\e78a"; +} +.el-icon-edit-outline:before { + content: "\e764"; +} +.el-icon-edit:before { + content: "\e78c"; +} +.el-icon-date:before { + content: "\e78e"; +} +.el-icon-c-scale-to-original:before { + content: "\e7c6"; +} +.el-icon-view:before { + content: "\e6ce"; +} +.el-icon-loading:before { + content: "\e6cf"; +} +.el-icon-rank:before { + content: "\e6d1"; +} +.el-icon-sort-down:before { + content: "\e7c4"; +} +.el-icon-sort-up:before { + content: "\e7c5"; +} +.el-icon-sort:before { + content: "\e6d2"; +} +.el-icon-finished:before { + content: "\e6cd"; +} +.el-icon-refresh-left:before { + content: "\e6c7"; +} +.el-icon-refresh-right:before { + content: "\e6c8"; +} +.el-icon-refresh:before { + content: "\e6d0"; +} +.el-icon-video-play:before { + content: "\e7c0"; +} +.el-icon-video-pause:before { + content: "\e7c1"; +} +.el-icon-d-arrow-right:before { + content: "\e6dc"; +} +.el-icon-d-arrow-left:before { + content: "\e6dd"; +} +.el-icon-arrow-up:before { + content: "\e6e1"; +} +.el-icon-arrow-down:before { + content: "\e6df"; +} +.el-icon-arrow-right:before { + content: "\e6e0"; +} +.el-icon-arrow-left:before { + content: "\e6de"; +} +.el-icon-top-right:before { + content: "\e6e7"; +} +.el-icon-top-left:before { + content: "\e6e8"; +} +.el-icon-top:before { + content: "\e6e6"; +} +.el-icon-bottom:before { + content: "\e6eb"; +} +.el-icon-right:before { + content: "\e6e9"; +} +.el-icon-back:before { + content: "\e6ea"; +} +.el-icon-bottom-right:before { + content: "\e6ec"; +} +.el-icon-bottom-left:before { + content: "\e6ed"; +} +.el-icon-caret-top:before { + content: "\e78f"; +} +.el-icon-caret-bottom:before { + content: "\e790"; +} +.el-icon-caret-right:before { + content: "\e791"; +} +.el-icon-caret-left:before { + content: "\e792"; +} +.el-icon-d-caret:before { + content: "\e79a"; +} +.el-icon-share:before { + content: "\e793"; +} +.el-icon-menu:before { + content: "\e798"; +} +.el-icon-s-grid:before { + content: "\e7a6"; +} +.el-icon-s-check:before { + content: "\e7a7"; +} +.el-icon-s-data:before { + content: "\e7a8"; +} +.el-icon-s-opportunity:before { + content: "\e7aa"; +} +.el-icon-s-custom:before { + content: "\e7ab"; +} +.el-icon-s-claim:before { + content: "\e7ad"; +} +.el-icon-s-finance:before { + content: "\e7ae"; +} +.el-icon-s-comment:before { + content: "\e7af"; +} +.el-icon-s-flag:before { + content: "\e7b0"; +} +.el-icon-s-marketing:before { + content: "\e7b1"; +} +.el-icon-s-shop:before { + content: "\e7b4"; +} +.el-icon-s-open:before { + content: "\e7b5"; +} +.el-icon-s-management:before { + content: "\e7b6"; +} +.el-icon-s-ticket:before { + content: "\e7b7"; +} +.el-icon-s-release:before { + content: "\e7b8"; +} +.el-icon-s-home:before { + content: "\e7b9"; +} +.el-icon-s-promotion:before { + content: "\e7ba"; +} +.el-icon-s-operation:before { + content: "\e7bb"; +} +.el-icon-s-unfold:before { + content: "\e7bc"; +} +.el-icon-s-fold:before { + content: "\e7a9"; +} +.el-icon-s-platform:before { + content: "\e7bd"; +} +.el-icon-s-order:before { + content: "\e7be"; +} +.el-icon-s-cooperation:before { + content: "\e7bf"; +} +.el-icon-bell:before { + content: "\e725"; +} +.el-icon-message-solid:before { + content: "\e799"; +} +.el-icon-video-camera:before { + content: "\e772"; +} +.el-icon-video-camera-solid:before { + content: "\e796"; +} +.el-icon-camera:before { + content: "\e779"; +} +.el-icon-camera-solid:before { + content: "\e79b"; +} +.el-icon-download:before { + content: "\e77c"; +} +.el-icon-upload2:before { + content: "\e77b"; +} +.el-icon-upload:before { + content: "\e7c3"; +} +.el-icon-picture-outline-round:before { + content: "\e75f"; +} +.el-icon-picture-outline:before { + content: "\e75e"; +} +.el-icon-picture:before { + content: "\e79f"; +} +.el-icon-close:before { + content: "\e6db"; +} +.el-icon-check:before { + content: "\e6da"; +} +.el-icon-plus:before { + content: "\e6d9"; +} +.el-icon-minus:before { + content: "\e6d8"; +} +.el-icon-help:before { + content: "\e73d"; +} +.el-icon-s-help:before { + content: "\e7b3"; +} +.el-icon-circle-close:before { + content: "\e78d"; +} +.el-icon-circle-check:before { + content: "\e720"; +} +.el-icon-circle-plus-outline:before { + content: "\e723"; +} +.el-icon-remove-outline:before { + content: "\e722"; +} +.el-icon-zoom-out:before { + content: "\e776"; +} +.el-icon-zoom-in:before { + content: "\e777"; +} +.el-icon-error:before { + content: "\e79d"; +} +.el-icon-success:before { + content: "\e79c"; +} +.el-icon-circle-plus:before { + content: "\e7a0"; +} +.el-icon-remove:before { + content: "\e7a2"; +} +.el-icon-info:before { + content: "\e7a1"; +} +.el-icon-question:before { + content: "\e7a4"; +} +.el-icon-warning-outline:before { + content: "\e6c9"; +} +.el-icon-warning:before { + content: "\e7a3"; +} +.el-icon-goods:before { + content: "\e7c2"; +} +.el-icon-s-goods:before { + content: "\e7b2"; +} +.el-icon-star-off:before { + content: "\e717"; +} +.el-icon-star-on:before { + content: "\e797"; +} +.el-icon-more-outline:before { + content: "\e6cc"; +} +.el-icon-more:before { + content: "\e794"; +} +.el-icon-phone-outline:before { + content: "\e6cb"; +} +.el-icon-phone:before { + content: "\e795"; +} +.el-icon-user:before { + content: "\e6e3"; +} +.el-icon-user-solid:before { + content: "\e7a5"; +} +.el-icon-setting:before { + content: "\e6ca"; +} +.el-icon-s-tools:before { + content: "\e7ac"; +} +.el-icon-delete:before { + content: "\e6d7"; +} +.el-icon-delete-solid:before { + content: "\e7c9"; +} +.el-icon-eleme:before { + content: "\e7c7"; +} +.el-icon-platform-eleme:before { + content: "\e7ca"; +} +.el-icon-loading { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} +.el-icon--right { + margin-left: 5px; +} +.el-icon--left { + margin-right: 5px; +} +@-webkit-keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +@keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +.el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: #303133; + font-weight: 700; +} +.el-pagination::after, +.el-pagination::before { + display: table; + content: ""; +} +.el-pagination::after { + clear: both; +} +.el-pagination button, +.el-pagination span:not([class*="suffix"]) { + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + vertical-align: top; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-pagination .el-input__inner { + text-align: center; + -moz-appearance: textfield; + line-height: normal; +} +.el-pagination .el-input__suffix { + right: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-pagination .el-select .el-input { + width: 100px; + margin: 0 5px; +} +.el-pagination .el-select .el-input .el-input__inner { + padding-right: 25px; + border-radius: 3px; +} +.el-pagination button { + border: none; + padding: 0 6px; + background: 0 0; +} +.el-pagination button:focus { + outline: 0; +} +.el-pagination button:hover { + color: #51c21a; +} +.el-pagination button:disabled { + color: #c0c4cc; + background-color: #fff; + cursor: not-allowed; +} +.el-pagination .btn-next, +.el-pagination .btn-prev { + background: center center no-repeat #fff; + background-size: 16px; + cursor: pointer; + margin: 0; + color: #303133; +} +.el-pagination .btn-next .el-icon, +.el-pagination .btn-prev .el-icon { + display: block; + font-size: 12px; + font-weight: 700; +} +.el-pagination .btn-prev { + padding-right: 12px; +} +.el-pagination .btn-next { + padding-left: 12px; +} +.el-pagination .el-pager li.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-pager li, +.el-pager li.btn-quicknext:hover, +.el-pager li.btn-quickprev:hover { + cursor: pointer; +} +.el-pagination--small .btn-next, +.el-pagination--small .btn-prev, +.el-pagination--small .el-pager li, +.el-pagination--small .el-pager li.btn-quicknext, +.el-pagination--small .el-pager li.btn-quickprev, +.el-pagination--small .el-pager li:last-child { + border-color: transparent; + font-size: 12px; + line-height: 22px; + height: 22px; + min-width: 22px; +} +.el-pagination--small .more::before, +.el-pagination--small li.more::before { + line-height: 24px; +} +.el-pagination--small button, +.el-pagination--small span:not([class*="suffix"]) { + height: 22px; + line-height: 22px; +} +.el-pagination--small .el-pagination__editor, +.el-pagination--small .el-pagination__editor.el-input .el-input__inner { + height: 22px; +} +.el-pagination__sizes { + margin: 0 10px 0 0; + font-weight: 400; + color: #606266; +} +.el-pagination__sizes .el-input .el-input__inner { + font-size: 13px; + padding-left: 8px; +} +.el-pagination__sizes .el-input .el-input__inner:hover { + border-color: #51c21a; +} +.el-pagination__total { + margin-right: 10px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump { + margin-left: 24px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump .el-input__inner { + padding: 0 3px; +} +.el-pagination__rightwrapper { + float: right; +} +.el-pagination__editor { + line-height: 18px; + padding: 0 2px; + height: 28px; + text-align: center; + margin: 0 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; +} +.el-pager, +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev { + padding: 0; +} +.el-pagination__editor.el-input { + width: 50px; +} +.el-pagination__editor.el-input .el-input__inner { + height: 28px; +} +.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, +.el-pagination__editor .el-input__inner::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev, +.el-pagination.is-background .el-pager li { + margin: 0 5px; + background-color: #f4f4f5; + color: #606266; + min-width: 30px; + border-radius: 2px; +} +.el-pagination.is-background .btn-next.disabled, +.el-pagination.is-background .btn-next:disabled, +.el-pagination.is-background .btn-prev.disabled, +.el-pagination.is-background .btn-prev:disabled, +.el-pagination.is-background .el-pager li.disabled { + color: #c0c4cc; +} +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: #51c21a; +} +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: #51c21a; + color: #fff; +} +.el-dialog, +.el-pager li { + background: #fff; + -webkit-box-sizing: border-box; +} +.el-pagination.is-background.el-pagination--small .btn-next, +.el-pagination.is-background.el-pagination--small .btn-prev, +.el-pagination.is-background.el-pagination--small .el-pager li { + margin: 0 3px; + min-width: 22px; +} +.el-pager, +.el-pager li { + vertical-align: top; + margin: 0; + display: inline-block; +} +.el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + font-size: 0; +} +.el-date-table, +.el-table th { + -webkit-user-select: none; + -moz-user-select: none; +} +.el-pager .more::before { + line-height: 30px; +} +.el-pager li { + padding: 0 4px; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + box-sizing: border-box; + text-align: center; +} +.el-menu--collapse .el-menu .el-submenu, +.el-menu--popup { + min-width: 200px; +} +.el-pager li.btn-quicknext, +.el-pager li.btn-quickprev { + line-height: 28px; + color: #303133; +} +.el-pager li.btn-quicknext.disabled, +.el-pager li.btn-quickprev.disabled { + color: #c0c4cc; +} +.el-pager li.active + li { + border-left: 0; +} +.el-pager li:hover { + color: #51c21a; +} +.el-pager li.active { + color: #51c21a; + cursor: default; +} +@-webkit-keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@-webkit-keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.el-dialog { + position: relative; + margin: 0 auto 50px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + width: 50%; +} +.el-dialog.is-fullscreen { + width: 100%; + margin-top: 0; + margin-bottom: 0; + height: 100%; + overflow: auto; +} +.el-dialog__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + margin: 0; +} +.el-dialog__header { + padding: 20px 20px 10px; +} +.el-dialog__headerbtn { + position: absolute; + top: 20px; + right: 20px; + padding: 0; + background: 0 0; + border: none; + outline: 0; + cursor: pointer; + font-size: 16px; +} +.el-dialog__headerbtn .el-dialog__close { + color: #909399; +} +.el-dialog__headerbtn:focus .el-dialog__close, +.el-dialog__headerbtn:hover .el-dialog__close { + color: #51c21a; +} +.el-dialog__title { + line-height: 24px; + font-size: 18px; + color: #303133; +} +.el-dialog__body { + padding: 30px 20px; + color: #606266; + font-size: 14px; + word-break: break-all; +} +.el-dialog__footer { + padding: 10px 20px 20px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-dialog--center { + text-align: center; +} +.el-dialog--center .el-dialog__body { + text-align: initial; + padding: 25px 25px 30px; +} +.el-dialog--center .el-dialog__footer { + text-align: inherit; +} +.dialog-fade-enter-active { + -webkit-animation: dialog-fade-in 0.3s; + animation: dialog-fade-in 0.3s; +} +.dialog-fade-leave-active { + -webkit-animation: dialog-fade-out 0.3s; + animation: dialog-fade-out 0.3s; +} +@-webkit-keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-autocomplete { + position: relative; + display: inline-block; +} +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + border: 1px solid #e4e7ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; +} +.el-dropdown-menu, +.el-menu--collapse .el-submenu .el-menu { + z-index: 10; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-autocomplete-suggestion__list { + margin: 0; + padding: 0; +} +.el-autocomplete-suggestion li { + padding: 0 20px; + margin: 0; + line-height: 34px; + cursor: pointer; + color: #606266; + font-size: 14px; + list-style: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-autocomplete-suggestion li.highlighted, +.el-autocomplete-suggestion li:hover { + background-color: #f5f7fa; +} +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000; +} +.el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px; +} +.el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999; +} +.el-autocomplete-suggestion.is-loading li::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-autocomplete-suggestion.is-loading li:hover { + background-color: #fff; +} +.el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; + font-size: 14px; +} +.el-dropdown .el-button-group { + display: block; +} +.el-dropdown .el-button-group .el-button { + float: none; +} +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none; +} +.el-dropdown .el-dropdown__caret-button::before { + content: ""; + position: absolute; + display: block; + width: 1px; + top: 5px; + bottom: 5px; + left: 0; + background: rgba(255, 255, 255, 0.5); +} +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} +.el-dropdown .el-dropdown__caret-button:hover::before { + top: 0; + bottom: 0; +} +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + padding: 10px 0; + margin: 5px 0; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; + outline: 0; +} +.el-dropdown-menu__item:focus, +.el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #eef9e8; + color: #74ce48; +} +.el-dropdown-menu__item i { + margin-right: 5px; +} +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #ebeef5; +} +.el-dropdown-menu__item--divided:before { + content: ""; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #fff; +} +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none; +} +.el-dropdown-menu--medium { + padding: 6px 0; +} +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px; +} +.el-dropdown-menu--medium + .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px; +} +.el-dropdown-menu--medium + .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px; +} +.el-dropdown-menu--small { + padding: 6px 0; +} +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px; +} +.el-dropdown-menu--small + .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px; +} +.el-dropdown-menu--small + .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px; +} +.el-dropdown-menu--mini { + padding: 3px 0; +} +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px; +} +.el-dropdown-menu--mini + .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px; +} +.el-dropdown-menu--mini + .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px; +} +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #fff; +} +.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, +.el-menu--horizontal > .el-submenu .el-submenu__title:hover { + background-color: #fff; +} +.el-menu::after, +.el-menu::before { + display: table; + content: ""; +} +.el-menu::after { + clear: both; +} +.el-menu.el-menu--horizontal { + border-bottom: solid 1px #e6e6e6; +} +.el-menu--horizontal { + border-right: none; +} +.el-menu--horizontal > .el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-menu-item a, +.el-menu--horizontal > .el-menu-item a:hover { + color: inherit; +} +.el-menu--horizontal > .el-submenu { + float: left; +} +.el-menu--horizontal > .el-submenu:focus, +.el-menu--horizontal > .el-submenu:hover { + outline: 0; +} +.el-menu--horizontal > .el-submenu:focus .el-submenu__title, +.el-menu--horizontal > .el-submenu:hover .el-submenu__title { + color: #303133; +} +.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { + border-bottom: 2px solid #51c21a; + color: #303133; +} +.el-menu--horizontal > .el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-submenu .el-submenu__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-submenu__title { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; + color: #909399; +} +.el-menu--horizontal .el-menu .el-menu-item.is-active, +.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { + color: #303133; +} +.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { + outline: 0; + color: #303133; +} +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid #51c21a; + color: #303133; +} +.el-menu--collapse { + width: 64px; +} +.el-menu--collapse > .el-menu-item [class^="el-icon-"], +.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { + margin: 0; + vertical-align: middle; + width: 24px; + text-align: center; +} +.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, +.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { + display: none; +} +.el-menu--collapse > .el-menu-item span, +.el-menu--collapse > .el-submenu > .el-submenu__title span { + 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-submenu { + position: relative; +} +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + border: 1px solid #e4e7ed; + border-radius: 2px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu-item, +.el-submenu__title { + height: 56px; + line-height: 56px; + position: relative; + -webkit-box-sizing: border-box; + white-space: nowrap; + list-style: none; +} +.el-menu--collapse + .el-submenu.is-opened + > .el-submenu__title + .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none; +} +.el-menu--popup { + z-index: 100; + border: none; + padding: 5px 0; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu--popup-bottom-start { + margin-top: 5px; +} +.el-menu--popup-right-start { + margin-left: 5px; + margin-right: 5px; +} +.el-menu-item { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-menu-item * { + vertical-align: middle; +} +.el-menu-item i { + color: #909399; +} +.el-menu-item:focus, +.el-menu-item:hover { + outline: 0; + background-color: #eef9e8; +} +.el-menu-item.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-menu-item [class^="el-icon-"] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle; +} +.el-menu-item.is-active { + color: #51c21a; +} +.el-menu-item.is-active i { + color: inherit; +} +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0; +} +.el-submenu__title { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-submenu__title * { + vertical-align: middle; +} +.el-submenu__title i { + color: #909399; +} +.el-submenu__title:focus, +.el-submenu__title:hover { + outline: 0; + background-color: #eef9e8; +} +.el-submenu__title.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu__title:hover { + background-color: #eef9e8; +} +.el-submenu .el-menu { + border: none; +} +.el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; + min-width: 200px; +} +.el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 12px; +} +.el-submenu.is-active .el-submenu__title { + border-bottom-color: #51c21a; +} +.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-submenu.is-disabled .el-menu-item, +.el-submenu.is-disabled .el-submenu__title { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu [class^="el-icon-"] { + vertical-align: middle; + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; +} +.el-menu-item-group > ul { + padding: 0; +} +.el-menu-item-group__title { + padding: 7px 0 7px 20px; + line-height: normal; + font-size: 12px; + color: #909399; +} +.el-radio-button__inner, +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; +} +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: 0.2s; + transition: 0.2s; + opacity: 0; +} +.el-radio-group { + font-size: 0; +} +.el-radio-button { + position: relative; + display: inline-block; + outline: 0; +} +.el-radio-button__inner { + white-space: nowrap; + background: #fff; + border: 1px solid #dcdfe6; + font-weight: 500; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button__inner.is-round { + padding: 12px 20px; +} +.el-radio-button__inner:hover { + color: #51c21a; +} +.el-radio-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-radio-button__orig-radio { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; +} +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: #51c21a; + border-color: #51c21a; + -webkit-box-shadow: -1px 0 0 0 #51c21a; + box-shadow: -1px 0 0 0 #51c21a; +} +.el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { + background-color: #f2f6fc; +} +.el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0; +} +.el-popover, +.el-radio-button:first-child:last-child .el-radio-button__inner { + border-radius: 4px; +} +.el-radio-button--medium .el-radio-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button--medium .el-radio-button__inner.is-round { + padding: 10px 20px; +} +.el-radio-button--small .el-radio-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--small .el-radio-button__inner.is-round { + padding: 9px 15px; +} +.el-radio-button--mini .el-radio-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--mini .el-radio-button__inner.is-round { + padding: 7px 15px; +} +.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { + -webkit-box-shadow: 0 0 2px 2px #51c21a; + box-shadow: 0 0 2px 2px #51c21a; +} +.el-switch { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + font-size: 14px; + line-height: 20px; + height: 20px; + vertical-align: middle; +} +.el-switch__core, +.el-switch__label { + display: inline-block; + cursor: pointer; +} +.el-switch.is-disabled .el-switch__core, +.el-switch.is-disabled .el-switch__label { + cursor: not-allowed; +} +.el-switch__label { + -webkit-transition: 0.2s; + transition: 0.2s; + height: 20px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + color: #303133; +} +.el-switch__label.is-active { + color: #51c21a; +} +.el-switch__label--left { + margin-right: 10px; +} +.el-switch__label--right { + margin-left: 10px; +} +.el-switch__label * { + line-height: 1; + font-size: 14px; + display: inline-block; +} +.el-switch__input { + position: absolute; + width: 0; + height: 0; + opacity: 0; + margin: 0; +} +.el-switch__core { + margin: 0; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dcdfe6; + outline: 0; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dcdfe6; + -webkit-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + vertical-align: middle; +} +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 16px; + height: 16px; + background-color: #fff; +} +.el-switch.is-checked .el-switch__core { + border-color: #51c21a; + background-color: #51c21a; +} +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px; +} +.el-switch.is-disabled { + opacity: 0.6; +} +.el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px; +} +.el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px; +} +.el-switch .label-fade-enter, +.el-switch .label-fade-leave-active { + opacity: 0; +} +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: 1px solid #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #51c21a; + background-color: #fff; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} +.el-select-dropdown__wrap { + max-height: 274px; +} +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-select-dropdown__item { + font-size: 14px; + padding: 0 20px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #606266; + height: 34px; + line-height: 34px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.el-select-dropdown__item.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + background-color: #f5f7fa; +} +.el-select-dropdown__item.selected { + color: #51c21a; + font-weight: 700; +} +.el-select-group { + margin: 0; + padding: 0; +} +.el-select-group__wrap { + position: relative; + list-style: none; + margin: 0; + padding: 0; +} +.el-select-group__wrap:not(:last-of-type) { + padding-bottom: 24px; +} +.el-select-group__wrap:not(:last-of-type)::after { + content: ""; + position: absolute; + display: block; + left: 20px; + right: 20px; + bottom: 12px; + height: 1px; + background: #e4e7ed; +} +.el-select-group__title { + padding-left: 20px; + font-size: 12px; + color: #909399; + line-height: 30px; +} +.el-select-group .el-select-dropdown__item { + padding-left: 20px; +} +.el-select { + display: inline-block; + position: relative; +} +.el-select .el-select__tags > span { + display: contents; +} +.el-select:hover .el-input__inner { + border-color: #c0c4cc; +} +.el-select .el-input__inner { + cursor: pointer; + padding-right: 35px; +} +.el-select .el-input__inner:focus { + border-color: #51c21a; +} +.el-select .el-input .el-select__caret { + color: #c0c4cc; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); +} +.el-select .el-input .el-select__caret.is-show-close { + font-size: 14px; + text-align: center; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + border-radius: 100%; + color: #c0c4cc; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-select .el-input .el-select__caret.is-show-close:hover { + color: #909399; +} +.el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} +.el-select .el-input.is-disabled .el-input__inner:hover { + border-color: #e4e7ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: #51c21a; +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: 0; + padding: 0; + margin-left: 15px; + color: #666; + font-size: 14px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} +.el-select__input.is-mini { + height: 14px; +} +.el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: #c0c4cc; + line-height: 18px; + font-size: 14px; +} +.el-select__close:hover { + color: #909399; +} +.el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-select .el-tag__close { + margin-top: -2px; +} +.el-select .el-tag { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; +} +.el-select .el-tag__close.el-icon-close { + background-color: #c0c4cc; + right: -7px; + top: 0; + color: #fff; +} +.el-select .el-tag__close.el-icon-close:hover { + background-color: #909399; +} +.el-table, +.el-table__expanded-cell { + background-color: #fff; +} +.el-select .el-tag__close.el-icon-close::before { + display: block; + -webkit-transform: translate(0, 0.5px); + transform: translate(0, 0.5px); +} +.el-table { + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + font-size: 14px; + color: #606266; +} +.el-table--mini, +.el-table--small, +.el-table__expand-icon { + font-size: 12px; +} +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-table__empty-text { + line-height: 60px; + width: 50%; + color: #909399; +} +.el-table__expand-column .cell { + padding: 0; + text-align: center; +} +.el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; + height: 20px; +} +.el-table__expand-icon--expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-table__expand-icon > .el-icon { + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; +} +.el-table__expanded-cell[class*="cell"] { + padding: 20px 50px; +} +.el-table__expanded-cell:hover { + background-color: transparent !important; +} +.el-table__placeholder { + display: inline-block; + width: 20px; +} +.el-table__append-wrapper { + overflow: hidden; +} +.el-table--fit { + border-right: 0; + border-bottom: 0; +} +.el-table--fit td.gutter, +.el-table--fit th.gutter { + border-right-width: 1px; +} +.el-table--scrollable-x .el-table__body-wrapper { + overflow-x: auto; +} +.el-table--scrollable-y .el-table__body-wrapper { + overflow-y: auto; +} +.el-table thead { + color: #909399; + font-weight: 500; +} +.el-table thead.is-group th { + background: #f5f7fa; +} +.el-table th, +.el-table tr { + background-color: #fff; +} +.el-table td, +.el-table th { + padding: 12px 0; + min-width: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-overflow: ellipsis; + vertical-align: middle; + position: relative; + text-align: left; +} +.el-table td.is-center, +.el-table th.is-center { + text-align: center; +} +.el-table td.is-right, +.el-table th.is-right { + text-align: right; +} +.el-table td.gutter, +.el-table th.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} +.el-table--medium td, +.el-table--medium th { + padding: 10px 0; +} +.el-table--small td, +.el-table--small th { + padding: 8px 0; +} +.el-table--mini td, +.el-table--mini th { + padding: 6px 0; +} +.el-table .cell, +.el-table--border td:first-child .cell, +.el-table--border th:first-child .cell { + padding-left: 10px; +} +.el-table tr input[type="checkbox"] { + margin: 0; +} +.el-table td, +.el-table th.is-leaf { + border-bottom: 1px solid #ebeef5; +} +.el-table th.is-sortable { + cursor: pointer; +} +.el-table th { + overflow: hidden; + -ms-user-select: none; + user-select: none; +} +.el-table th > .cell { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: 100%; +} +.el-table th > .cell.highlight { + color: #51c21a; +} +.el-table th.required > div::before { + display: inline-block; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #ff4d51; + margin-right: 5px; + vertical-align: middle; +} +.el-table td div { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table td.gutter { + width: 0; +} +.el-table .cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-break: break-all; + line-height: 23px; + padding-right: 10px; +} +.el-table .cell.el-tooltip { + white-space: nowrap; + min-width: 50px; +} +.el-table--border, +.el-table--group { + border: 1px solid #ebeef5; +} +.el-table--border::after, +.el-table--group::after, +.el-table::before { + content: ""; + position: absolute; + background-color: #ebeef5; + z-index: 1; +} +.el-table--border::after, +.el-table--group::after { + top: 0; + right: 0; + width: 1px; + height: 100%; +} +.el-table::before { + left: 0; + bottom: 0; + width: 100%; + height: 1px; +} +.el-table--border { + border-right: none; + border-bottom: none; +} +.el-table--border.el-loading-parent--relative { + border-color: transparent; +} +.el-table--border td, +.el-table--border th, +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #ebeef5; +} +.el-table--border th.gutter:last-of-type { + border-bottom: 1px solid #ebeef5; + border-bottom-width: 1px; +} +.el-table--border th, +.el-table__fixed-right-patch { + border-bottom: 1px solid #ebeef5; +} +.el-table__fixed, +.el-table__fixed-right { + position: absolute; + top: 0; + left: 0; + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); +} +.el-table__fixed-right::before, +.el-table__fixed::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #ebeef5; + z-index: 4; +} +.el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: #fff; +} +.el-table__fixed-right { + top: 0; + left: auto; + right: 0; +} +.el-table__fixed-right .el-table__fixed-body-wrapper, +.el-table__fixed-right .el-table__fixed-footer-wrapper, +.el-table__fixed-right .el-table__fixed-header-wrapper { + left: auto; + right: 0; +} +.el-table__fixed-header-wrapper { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper { + position: absolute; + left: 0; + bottom: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper tbody td { + border-top: 1px solid #ebeef5; + background-color: #f5f7fa; + color: #606266; +} +.el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} +.el-table__body-wrapper, +.el-table__footer-wrapper, +.el-table__header-wrapper { + width: 100%; +} +.el-table__footer-wrapper { + margin-top: -1px; +} +.el-table__footer-wrapper td { + border-top: 1px solid #ebeef5; +} +.el-table__body, +.el-table__footer, +.el-table__header { + table-layout: fixed; + border-collapse: separate; +} +.el-table__footer-wrapper, +.el-table__header-wrapper { + overflow: hidden; +} +.el-table__footer-wrapper tbody td, +.el-table__header-wrapper tbody td { + background-color: #f5f7fa; + color: #606266; +} +.el-table__body-wrapper { + overflow: hidden; + position: relative; +} +.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, +.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { + -webkit-box-shadow: none; + box-shadow: none; +} +.el-picker-panel, +.el-table-filter { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-table__body-wrapper + .el-table--border.is-scrolling-right + ~ .el-table__fixed-right { + border-left: 1px solid #ebeef5; +} +.el-table .caret-wrapper { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + width: 24px; + vertical-align: middle; + cursor: pointer; + overflow: initial; + position: relative; +} +.el-table .sort-caret { + width: 0; + height: 0; + border: 5px solid transparent; + position: absolute; + left: 7px; +} +.el-table .sort-caret.ascending { + border-bottom-color: #c0c4cc; + top: 5px; +} +.el-table .sort-caret.descending { + border-top-color: #c0c4cc; + bottom: 7px; +} +.el-table .ascending .sort-caret.ascending { + border-bottom-color: #51c21a; +} +.el-table .descending .sort-caret.descending { + border-top-color: #51c21a; +} +.el-table .hidden-columns { + position: absolute; + z-index: -1; +} +.el-table--striped .el-table__body tr.el-table__row--striped td { + background: #fafafa; +} +.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { + background-color: #eef9e8; +} +.el-table__body tr.hover-row.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped > td, +.el-table__body tr.hover-row > td { + background-color: #f5f7fa; +} +.el-table__body tr.current-row > td { + background-color: #eef9e8; +} +.el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid #ebeef5; + z-index: 10; +} +.el-table__column-filter-trigger { + display: inline-block; + line-height: 34px; + cursor: pointer; +} +.el-table__column-filter-trigger i { + color: #909399; + font-size: 12px; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} +.el-table--enable-row-transition .el-table__body td { + -webkit-transition: background-color 0.25s ease; + transition: background-color 0.25s ease; +} +.el-table--enable-row-hover .el-table__body tr:hover > td { + background-color: #f5f7fa; +} +.el-table--fluid-height .el-table__fixed, +.el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} +.el-table [class*="el-table__row--level"] .el-table__expand-icon { + display: inline-block; + width: 20px; + line-height: 20px; + height: 20px; + text-align: center; + margin-right: 3px; +} +.el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} +.el-table-filter { + border: 1px solid #ebeef5; + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 2px 0; +} +.el-date-table td, +.el-date-table td div { + height: 30px; + -webkit-box-sizing: border-box; +} +.el-table-filter__list { + padding: 5px 0; + margin: 0; + list-style: none; + min-width: 100px; +} +.el-table-filter__list-item { + line-height: 36px; + padding: 0 10px; + cursor: pointer; + font-size: 14px; +} +.el-table-filter__list-item:hover { + background-color: #eef9e8; + color: #74ce48; +} +.el-table-filter__list-item.is-active { + background-color: #51c21a; + color: #fff; +} +.el-table-filter__content { + min-width: 100px; +} +.el-table-filter__bottom { + border-top: 1px solid #ebeef5; + padding: 8px; +} +.el-table-filter__bottom button { + background: 0 0; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px; +} +.el-date-table td.in-range div, +.el-date-table td.in-range div:hover, +.el-date-table.is-week-mode .el-date-table__row.current div, +.el-date-table.is-week-mode .el-date-table__row:hover div { + background-color: #f2f6fc; +} +.el-table-filter__bottom button:hover { + color: #51c21a; +} +.el-table-filter__bottom button:focus { + outline: 0; +} +.el-table-filter__bottom button.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-table-filter__wrap { + max-height: 280px; +} +.el-table-filter__checkbox-group { + padding: 10px; +} +.el-table-filter__checkbox-group label.el-checkbox { + display: block; + margin-right: 5px; + margin-bottom: 8px; + margin-left: 5px; +} +.el-table-filter__checkbox-group .el-checkbox:last-child { + margin-bottom: 0; +} +.el-date-table { + font-size: 12px; + -ms-user-select: none; + user-select: none; +} +.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { + color: #606266; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td { + width: 32px; + padding: 4px 0; + box-sizing: border-box; + text-align: center; + cursor: pointer; + position: relative; +} +.el-date-table td div { + padding: 3px 0; + box-sizing: border-box; +} +.el-date-table td span { + width: 24px; + height: 24px; + display: block; + margin: 0 auto; + line-height: 24px; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; +} +.el-date-table td.next-month, +.el-date-table td.prev-month { + color: #c0c4cc; +} +.el-date-table td.today { + position: relative; +} +.el-date-table td.today span { + color: #51c21a; + font-weight: 700; +} +.el-date-table td.today.end-date span, +.el-date-table td.today.start-date span { + color: #fff; +} +.el-date-table td.available:hover { + color: #51c21a; +} +.el-date-table td.current:not(.disabled) span { + color: #fff; + background-color: #51c21a; +} +.el-date-table td.end-date div, +.el-date-table td.start-date div { + color: #fff; +} +.el-date-table td.end-date span, +.el-date-table td.start-date span { + background-color: #51c21a; +} +.el-date-table td.start-date div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table td.end-date div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td.disabled div { + background-color: #f5f7fa; + opacity: 1; + cursor: not-allowed; + color: #c0c4cc; +} +.el-date-table td.selected div { + margin-left: 5px; + margin-right: 5px; + background-color: #f2f6fc; + border-radius: 15px; +} +.el-date-table td.selected div:hover { + background-color: #f2f6fc; +} +.el-date-table td.selected span { + background-color: #51c21a; + color: #fff; + border-radius: 15px; +} +.el-date-table td.week { + font-size: 80%; + color: #606266; +} +.el-month-table, +.el-year-table { + font-size: 12px; + border-collapse: collapse; +} +.el-date-table th { + padding: 5px; + color: #606266; + font-weight: 400; + border-bottom: solid 1px #ebeef5; +} +.el-month-table { + margin: -1px; +} +.el-month-table td { + text-align: center; + padding: 8px 0; + cursor: pointer; +} +.el-month-table td div { + height: 48px; + padding: 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-month-table td.today .cell { + color: #51c21a; + font-weight: 700; +} +.el-month-table td.today.end-date .cell, +.el-month-table td.today.start-date .cell { + color: #fff; +} +.el-month-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-month-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-month-table td .cell { + width: 60px; + height: 36px; + display: block; + line-height: 36px; + color: #606266; + margin: 0 auto; + border-radius: 18px; +} +.el-month-table td .cell:hover { + color: #51c21a; +} +.el-month-table td.in-range div, +.el-month-table td.in-range div:hover { + background-color: #f2f6fc; +} +.el-month-table td.end-date div, +.el-month-table td.start-date div { + color: #fff; +} +.el-month-table td.end-date .cell, +.el-month-table td.start-date .cell { + color: #fff; + background-color: #51c21a; +} +.el-month-table td.start-date div { + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; +} +.el-month-table td.end-date div { + border-top-right-radius: 24px; + border-bottom-right-radius: 24px; +} +.el-month-table td.current:not(.disabled) .cell { + color: #51c21a; +} +.el-year-table { + margin: -1px; +} +.el-year-table .el-icon { + color: #303133; +} +.el-year-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} +.el-year-table td.today .cell { + color: #51c21a; + font-weight: 700; +} +.el-year-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-year-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-year-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: #606266; + margin: 0 auto; +} +.el-year-table td .cell:hover, +.el-year-table td.current:not(.disabled) .cell { + color: #51c21a; +} +.el-date-range-picker { + width: 646px; +} +.el-date-range-picker.has-sidebar { + width: 756px; +} +.el-date-range-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-range-picker .el-picker-panel__body { + min-width: 513px; +} +.el-date-range-picker .el-picker-panel__content { + margin: 0; +} +.el-date-range-picker__header { + position: relative; + text-align: center; + height: 28px; +} +.el-date-range-picker__header [class*="arrow-left"] { + float: left; +} +.el-date-range-picker__header [class*="arrow-right"] { + float: right; +} +.el-date-range-picker__header div { + font-size: 16px; + font-weight: 500; + margin-right: 50px; +} +.el-date-range-picker__content { + float: left; + width: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 16px; +} +.el-date-range-picker__content.is-left { + border-right: 1px solid #e4e4e4; +} +.el-date-range-picker__content .el-date-range-picker__header div { + margin-left: 50px; + margin-right: 50px; +} +.el-date-range-picker__editors-wrap { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; +} +.el-date-range-picker__editors-wrap.is-right { + text-align: right; +} +.el-date-range-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-range-picker__time-header > .el-icon-arrow-right { + font-size: 20px; + vertical-align: middle; + display: table-cell; + color: #303133; +} +.el-date-range-picker__time-picker-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-range-picker__time-picker-wrap .el-picker-panel { + position: absolute; + top: 13px; + right: 0; + z-index: 1; + background: #fff; +} +.el-date-picker { + width: 322px; +} +.el-date-picker.has-sidebar.has-time { + width: 434px; +} +.el-date-picker.has-sidebar { + width: 438px; +} +.el-date-picker.has-time .el-picker-panel__body-wrapper { + position: relative; +} +.el-date-picker .el-picker-panel__content { + width: 292px; +} +.el-date-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-picker__header { + margin: 12px; + text-align: center; +} +.el-date-picker__header--bordered { + margin-bottom: 0; + padding-bottom: 12px; + border-bottom: solid 1px #ebeef5; +} +.el-date-picker__header--bordered + .el-picker-panel__content { + margin-top: 0; +} +.el-date-picker__header-label { + font-size: 16px; + font-weight: 500; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; + color: #606266; +} +.el-date-picker__header-label.active, +.el-date-picker__header-label:hover { + color: #51c21a; +} +.el-date-picker__prev-btn { + float: left; +} +.el-date-picker__next-btn { + float: right; +} +.el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} +.el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} +.time-select { + margin: 5px 0; + min-width: 0; +} +.time-select .el-picker-panel__content { + max-height: 200px; + margin: 0; +} +.time-select-item { + padding: 8px 10px; + font-size: 14px; + line-height: 20px; +} +.time-select-item.selected:not(.disabled) { + color: #51c21a; + font-weight: 700; +} +.time-select-item.disabled { + color: #e4e7ed; + cursor: not-allowed; +} +.time-select-item:hover { + background-color: #f5f7fa; + font-weight: 700; + cursor: pointer; +} +.el-date-editor { + position: relative; + display: inline-block; + text-align: left; +} +.el-date-editor.el-input, +.el-date-editor.el-input__inner { + width: 220px; +} +.el-date-editor--monthrange.el-input, +.el-date-editor--monthrange.el-input__inner { + width: 300px; +} +.el-date-editor--daterange.el-input, +.el-date-editor--daterange.el-input__inner, +.el-date-editor--timerange.el-input, +.el-date-editor--timerange.el-input__inner { + width: 350px; +} +.el-date-editor--datetimerange.el-input, +.el-date-editor--datetimerange.el-input__inner { + width: 400px; +} +.el-date-editor--dates .el-input__inner { + text-overflow: ellipsis; + white-space: nowrap; +} +.el-date-editor .el-icon-circle-close { + cursor: pointer; +} +.el-date-editor .el-range__icon { + font-size: 14px; + margin-left: -5px; + color: #c0c4cc; + float: left; + line-height: 32px; +} +.el-date-editor .el-range-input, +.el-date-editor .el-range-separator { + height: 100%; + margin: 0; + text-align: center; + display: inline-block; + font-size: 14px; +} +.el-date-editor .el-range-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + padding: 0; + width: 39%; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-separator { + padding: 0 5px; + line-height: 32px; + width: 5%; + color: #303133; +} +.el-date-editor .el-range__close-icon { + font-size: 14px; + color: #c0c4cc; + width: 25px; + display: inline-block; + float: right; + line-height: 32px; +} +.el-range-editor.el-input__inner { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 3px 10px; +} +.el-range-editor .el-range-input { + line-height: 1; +} +.el-range-editor.is-active, +.el-range-editor.is-active:hover { + border-color: #51c21a; +} +.el-range-editor--medium.el-input__inner { + height: 36px; +} +.el-range-editor--medium .el-range-separator { + line-height: 28px; + font-size: 14px; +} +.el-range-editor--medium .el-range-input { + font-size: 14px; +} +.el-range-editor--medium .el-range__close-icon, +.el-range-editor--medium .el-range__icon { + line-height: 28px; +} +.el-range-editor--small.el-input__inner { + height: 32px; +} +.el-range-editor--small .el-range-separator { + line-height: 24px; + font-size: 13px; +} +.el-range-editor--small .el-range-input { + font-size: 13px; +} +.el-range-editor--small .el-range__close-icon, +.el-range-editor--small .el-range__icon { + line-height: 24px; +} +.el-range-editor--mini.el-input__inner { + height: 28px; +} +.el-range-editor--mini .el-range-separator { + line-height: 20px; + font-size: 12px; +} +.el-range-editor--mini .el-range-input { + font-size: 12px; +} +.el-range-editor--mini .el-range__close-icon, +.el-range-editor--mini .el-range__icon { + line-height: 20px; +} +.el-range-editor.is-disabled { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled:focus, +.el-range-editor.is-disabled:hover { + border-color: #e4e7ed; +} +.el-range-editor.is-disabled input { + background-color: #f5f7fa; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled .el-range-separator { + color: #c0c4cc; +} +.el-picker-panel { + color: #606266; + border: 1px solid #e4e7ed; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #fff; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-popover, +.el-time-panel { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-picker-panel__body-wrapper::after, +.el-picker-panel__body::after { + content: ""; + display: table; + clear: both; +} +.el-picker-panel__content { + position: relative; + margin: 15px; +} +.el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; + font-size: 0; +} +.el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: #606266; + padding-left: 12px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #51c21a; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #51c21a; +} +.el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: 0 0; + cursor: pointer; + outline: 0; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #51c21a; +} +.el-picker-panel__icon-btn.is-disabled { + color: #bbb; +} +.el-picker-panel__icon-btn.is-disabled:hover { + cursor: not-allowed; +} +.el-picker-panel__link-btn { + vertical-align: middle; +} +.el-picker-panel [slot="sidebar"], +.el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + background-color: #fff; + overflow: auto; +} +.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, +.el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} +.el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33.3%; +} +.el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} +.el-time-spinner__wrapper + .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} +.el-time-spinner__input.el-input .el-input__inner, +.el-time-spinner__list { + padding: 0; + text-align: center; +} +.el-time-spinner__wrapper.is-arrow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + overflow: hidden; +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { + -webkit-transform: translateY(-32px); + transform: translateY(-32px); +} +.el-time-spinner__wrapper.is-arrow + .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #fff; + cursor: default; +} +.el-time-spinner__arrow { + font-size: 12px; + color: #909399; + position: absolute; + left: 0; + width: 100%; + z-index: 1; + text-align: center; + height: 30px; + line-height: 30px; + cursor: pointer; +} +.el-time-spinner__arrow:hover { + color: #51c21a; +} +.el-time-spinner__arrow.el-icon-arrow-up { + top: 10px; +} +.el-time-spinner__arrow.el-icon-arrow-down { + bottom: 10px; +} +.el-time-spinner__input.el-input { + width: 70%; +} +.el-time-spinner__list { + margin: 0; + list-style: none; +} +.el-time-spinner__list::after, +.el-time-spinner__list::before { + content: ""; + display: block; + width: 100%; + height: 80px; +} +.el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; + color: #606266; +} +.el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #f5f7fa; + cursor: pointer; +} +.el-time-spinner__item.active:not(.disabled) { + color: #303133; + font-weight: 700; +} +.el-time-spinner__item.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-time-panel { + margin: 5px 0; + border: 1px solid #e4e7ed; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.el-slider__button, +.el-slider__button-wrapper { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} +.el-time-panel__content::after, +.el-time-panel__content::before { + content: ""; + top: 50%; + position: absolute; + margin-top: -15px; + height: 32px; + z-index: -1; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + text-align: left; + border-top: 1px solid #e4e7ed; + border-bottom: 1px solid #e4e7ed; +} +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12%; +} +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12%; +} +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2); +} +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3); +} +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: #51c21a; +} +.el-time-range-picker { + width: 354px; + overflow: visible; +} +.el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px; +} +.el-time-range-picker__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block; +} +.el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px; +} +.el-time-range-picker__body { + border-radius: 2px; + border: 1px solid #e4e7ed; +} +.el-popover { + position: absolute; + background: #fff; + min-width: 150px; + border: 1px solid #ebeef5; + padding: 12px; + z-index: 2000; + color: #606266; + line-height: 1.4; + text-align: justify; + font-size: 14px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} +.el-popover--plain { + padding: 18px 20px; +} +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.2s ease forwards; +} +@keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} +.el-popup-parent--hidden { + overflow: hidden; +} +.el-message-box { + display: inline-block; + width: 420px; + padding-bottom: 10px; + vertical-align: middle; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ebeef5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.el-message-box__wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; +} +.el-message-box__wrapper::after { + content: ""; + display: inline-block; + height: 100%; + width: 0; + vertical-align: middle; +} +.el-message-box__header { + position: relative; + padding: 15px 15px 10px; +} +.el-message-box__title { + padding-left: 0; + margin-bottom: 0; + font-size: 18px; + line-height: 1; + color: #303133; +} +.el-message-box__headerbtn { + position: absolute; + top: 15px; + right: 15px; + padding: 0; + border: none; + outline: 0; + background: 0 0; + font-size: 16px; + cursor: pointer; +} +.el-form-item.is-error .el-input__inner, +.el-form-item.is-error .el-input__inner:focus, +.el-form-item.is-error .el-textarea__inner, +.el-form-item.is-error .el-textarea__inner:focus, +.el-message-box__input input.invalid, +.el-message-box__input input.invalid:focus { + border-color: #f56c6c; +} +.el-message-box__headerbtn .el-message-box__close { + color: #909399; +} +.el-message-box__headerbtn:focus .el-message-box__close, +.el-message-box__headerbtn:hover .el-message-box__close { + color: #51c21a; +} +.el-message-box__content { + padding: 10px 15px; + color: #606266; + font-size: 14px; +} +.el-message-box__container { + position: relative; +} +.el-message-box__input { + padding-top: 15px; +} +.el-message-box__status { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 24px !important; +} +.el-message-box__status::before { + padding-left: 1px; +} +.el-message-box__status + .el-message-box__message { + padding-left: 36px; + padding-right: 12px; +} +.el-message-box__status.el-icon-success { + color: #67c23a; +} +.el-message-box__status.el-icon-info { + color: #909399; +} +.el-message-box__status.el-icon-warning { + color: #e6a23c; +} +.el-message-box__status.el-icon-error { + color: #f56c6c; +} +.el-message-box__message { + margin: 0; +} +.el-message-box__message p { + margin: 0; + line-height: 24px; +} +.el-message-box__errormsg { + color: #f56c6c; + font-size: 12px; + min-height: 18px; + margin-top: 2px; +} +.el-message-box__btns { + padding: 5px 15px 0; + text-align: right; +} +.el-message-box__btns button:nth-child(2) { + margin-left: 10px; +} +.el-message-box__btns-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.el-message-box--center { + padding-bottom: 30px; +} +.el-message-box--center .el-message-box__header { + padding-top: 30px; +} +.el-message-box--center .el-message-box__title { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message-box--center .el-message-box__status { + position: relative; + top: auto; + padding-right: 5px; + text-align: center; + -webkit-transform: translateY(-1px); + transform: translateY(-1px); +} +.el-message-box--center .el-message-box__message { + margin-left: 0; +} +.el-message-box--center .el-message-box__btns, +.el-message-box--center .el-message-box__content { + text-align: center; +} +.el-message-box--center .el-message-box__content { + padding-left: 27px; + padding-right: 27px; +} +.msgbox-fade-enter-active { + -webkit-animation: msgbox-fade-in 0.3s; + animation: msgbox-fade-in 0.3s; +} +.msgbox-fade-leave-active { + -webkit-animation: msgbox-fade-out 0.3s; + animation: msgbox-fade-out 0.3s; +} +@-webkit-keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-breadcrumb { + font-size: 14px; + line-height: 1; +} +.el-breadcrumb::after, +.el-breadcrumb::before { + display: table; + content: ""; +} +.el-breadcrumb::after { + clear: both; +} +.el-breadcrumb__separator { + margin: 0 9px; + font-weight: 700; + color: #c0c4cc; +} +.el-breadcrumb__separator[class*="icon"] { + margin: 0 6px; + font-weight: 400; +} +.el-breadcrumb__item { + float: left; +} +.el-breadcrumb__inner { + color: #606266; +} +.el-breadcrumb__inner a, +.el-breadcrumb__inner.is-link { + font-weight: 700; + text-decoration: none; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + color: #303133; +} +.el-breadcrumb__inner a:hover, +.el-breadcrumb__inner.is-link:hover { + color: #51c21a; + cursor: pointer; +} +.el-breadcrumb__item:last-child .el-breadcrumb__inner, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, +.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { + font-weight: 400; + color: #606266; + cursor: text; +} +.el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} +.el-form--label-left .el-form-item__label { + text-align: left; +} +.el-form--label-top .el-form-item__label { + float: none; + display: inline-block; + text-align: left; + padding: 0 0 10px; +} +.el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} +.el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} +.el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} +.el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} +.el-form-item { + margin-bottom: 22px; +} +.el-form-item::after, +.el-form-item::before { + display: table; + content: ""; +} +.el-form-item::after { + clear: both; +} +.el-form-item .el-form-item { + margin-bottom: 0; +} +.el-form-item--mini.el-form-item, +.el-form-item--small.el-form-item { + margin-bottom: 18px; +} +.el-form-item .el-input__validateIcon { + display: none; +} +.el-form-item--medium .el-form-item__content, +.el-form-item--medium .el-form-item__label { + line-height: 36px; +} +.el-form-item--small .el-form-item__content, +.el-form-item--small .el-form-item__label { + line-height: 32px; +} +.el-form-item--small .el-form-item__error { + padding-top: 2px; +} +.el-form-item--mini .el-form-item__content, +.el-form-item--mini .el-form-item__label { + line-height: 28px; +} +.el-form-item--mini .el-form-item__error { + padding-top: 1px; +} +.el-form-item__label-wrap { + float: left; +} +.el-form-item__label-wrap .el-form-item__label { + display: inline-block; + float: none; +} +.el-form-item__label { + text-align: right; + vertical-align: middle; + float: left; + font-size: 14px; + color: #606266; + line-height: 40px; + padding: 0 12px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-form-item__content { + line-height: 40px; + position: relative; + font-size: 14px; +} +.el-form-item__content::after, +.el-form-item__content::before { + display: table; + content: ""; +} +.el-form-item__content::after { + clear: both; +} +.el-form-item__content .el-input-group { + vertical-align: top; +} +.el-form-item__error { + color: #f56c6c; + font-size: 12px; + line-height: 1; + padding-top: 4px; + position: absolute; + top: 100%; + left: 0; +} +.el-form-item__error--inline { + position: relative; + top: auto; + left: auto; + display: inline-block; + margin-left: 10px; +} +.el-form-item.is-required:not(.is-no-asterisk) + .el-form-item__label-wrap + > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: "*"; + color: #f56c6c; + margin-right: 4px; +} +.el-form-item.is-error .el-input-group__append .el-input__inner, +.el-form-item.is-error .el-input-group__prepend .el-input__inner { + border-color: transparent; +} +.el-form-item.is-error .el-input__validateIcon { + color: #f56c6c; +} +.el-form-item--feedback .el-input__validateIcon { + display: inline-block; +} +.el-tabs__header { + padding: 0; + position: relative; + margin: 0 0 15px; +} +.el-tabs__active-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + background-color: #51c21a; + z-index: 1; + -webkit-transition: -webkit-transform 0.3s + cubic-bezier(0.645, 0.045, 0.355, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + list-style: none; +} +.el-tabs__new-tab { + float: right; + border: 1px solid #d3dce6; + height: 18px; + width: 18px; + line-height: 18px; + margin: 12px 0 9px 10px; + border-radius: 3px; + text-align: center; + font-size: 12px; + color: #d3dce6; + cursor: pointer; + -webkit-transition: all 0.15s; + transition: all 0.15s; +} +.el-collapse-item__arrow, +.el-tabs__nav { + -webkit-transition: -webkit-transform 0.3s; +} +.el-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); +} +.el-tabs__new-tab:hover { + color: #51c21a; +} +.el-tabs__nav-wrap { + overflow: hidden; + margin-bottom: -1px; + position: relative; +} +.el-tabs__nav-wrap::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #e4e7ed; + z-index: 1; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, +.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs__nav-wrap.is-scrollable { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs__nav-scroll { + overflow: hidden; +} +.el-tabs__nav-next, +.el-tabs__nav-prev { + position: absolute; + cursor: pointer; + line-height: 44px; + font-size: 12px; + color: #909399; +} +.el-tabs__nav-next { + right: 0; +} +.el-tabs__nav-prev { + left: 0; +} +.el-tabs__nav { + white-space: nowrap; + position: relative; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + float: left; + z-index: 2; +} +.el-tabs__nav.is-stretch { + min-width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-tabs__nav.is-stretch > * { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; +} +.el-tabs__item { + padding: 0 20px; + height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 40px; + display: inline-block; + list-style: none; + font-size: 14px; + font-weight: 500; + color: #303133; + position: relative; +} +.el-tabs__item:focus, +.el-tabs__item:focus:active { + outline: 0; +} +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px #51c21a inset; + box-shadow: 0 0 2px 2px #51c21a inset; + border-radius: 3px; +} +.el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin-left: 5px; +} +.el-tabs__item .el-icon-close:before { + -webkit-transform: scale(0.9); + transform: scale(0.9); + display: inline-block; +} +.el-tabs__item .el-icon-close:hover { + background-color: #c0c4cc; + color: #fff; +} +.el-tabs__item.is-active { + color: #51c21a; +} +.el-tabs__item:hover { + color: #51c21a; + cursor: pointer; +} +.el-tabs__item.is-disabled { + color: #c0c4cc; + cursor: default; +} +.el-tabs__content { + overflow: hidden; + position: relative; +} +.el-tabs--card > .el-tabs__header { + border-bottom: 1px solid #e4e7ed; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: 1px solid #e4e7ed; + border-bottom: none; + border-radius: 4px 4px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs--card > .el-tabs__header .el-tabs__active-bar { + display: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { + position: relative; + font-size: 12px; + width: 0; + height: 14px; + vertical-align: middle; + line-height: 15px; + overflow: hidden; + top: -1px; + right: -2px; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.el-tabs--card + > .el-tabs__header + .el-tabs__item.is-active.is-closable + .el-icon-close, +.el-tabs--card + > .el-tabs__header + .el-tabs__item.is-closable:hover + .el-icon-close { + width: 14px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item { + border-bottom: 1px solid transparent; + border-left: 1px solid #e4e7ed; + -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { + border-left: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { + padding-left: 13px; + padding-right: 13px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border-bottom-color: #fff; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-left: 20px; + padding-right: 20px; +} +.el-tabs--border-card { + background: #fff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.el-tabs--border-card > .el-tabs__content { + padding: 15px; +} +.el-tabs--border-card > .el-tabs__header { + background-color: #f5f7fa; + border-bottom: 1px solid #e4e7ed; + margin: 0; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item { + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + border: 1px solid transparent; + margin-top: -1px; + color: #909399; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, +.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { + color: #51c21a; + background-color: #fff; + border-right-color: #dcdfe6; + border-left-color: #dcdfe6; +} +.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:not(.is-disabled):hover { + color: #51c21a; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { + color: #c0c4cc; +} +.el-tabs--border-card + > .el-tabs__header + .is-scrollable + .el-tabs__item:first-child { + margin-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--bottom .el-tabs__item.is-top:nth-child(2), +.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--top .el-tabs__item.is-top:nth-child(2) { + padding-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:last-child, +.el-tabs--bottom .el-tabs__item.is-top:last-child, +.el-tabs--top .el-tabs__item.is-bottom:last-child, +.el-tabs--top .el-tabs__item.is-top:last-child { + padding-right: 0; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { + padding-left: 20px; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--border-card + > .el-tabs__header + .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { + padding-right: 20px; +} +.el-tabs--bottom .el-tabs__header.is-bottom { + margin-bottom: 0; + margin-top: 10px; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { + border-bottom: 0; + border-top: 1px solid #dcdfe6; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { + margin-top: -1px; + margin-bottom: 0; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { + border: 1px solid transparent; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { + margin: 0 -1px -1px; +} +.el-tabs--left, +.el-tabs--right { + overflow: hidden; +} +.el-tabs--left .el-tabs__header.is-left, +.el-tabs--left .el-tabs__header.is-right, +.el-tabs--left .el-tabs__nav-scroll, +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__header.is-left, +.el-tabs--right .el-tabs__header.is-right, +.el-tabs--right .el-tabs__nav-scroll, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + height: 100%; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__active-bar.is-right, +.el-tabs--right .el-tabs__active-bar.is-left, +.el-tabs--right .el-tabs__active-bar.is-right { + top: 0; + bottom: auto; + width: 2px; + height: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-bottom: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + height: 30px; + line-height: 30px; + width: 100%; + text-align: center; + cursor: pointer; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { + -webkit-transform: rotateZ(90deg); + transform: rotateZ(90deg); +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + left: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { + right: auto; + bottom: 0; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-left::after { + right: 0; + left: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { + padding: 30px 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left::after, +.el-tabs--left .el-tabs__nav-wrap.is-right::after, +.el-tabs--right .el-tabs__nav-wrap.is-left::after, +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + height: 100%; + width: 2px; + bottom: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav.is-left, +.el-tabs--left .el-tabs__nav.is-right, +.el-tabs--right .el-tabs__nav.is-left, +.el-tabs--right .el-tabs__nav.is-right { + float: none; +} +.el-tabs--left .el-tabs__item.is-left, +.el-tabs--left .el-tabs__item.is-right, +.el-tabs--right .el-tabs__item.is-left, +.el-tabs--right .el-tabs__item.is-right { + display: block; +} +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, +.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { + display: none; +} +.el-tabs--left .el-tabs__header.is-left { + float: left; + margin-bottom: 0; + margin-right: 10px; +} +.el-tabs--left .el-tabs__nav-wrap.is-left { + margin-right: -1px; +} +.el-tabs--left .el-tabs__item.is-left { + text-align: right; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left { + border-left: none; + border-right: 1px solid #e4e7ed; + border-bottom: none; + border-top: 1px solid #e4e7ed; + text-align: left; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { + border-right: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { + border: 1px solid #e4e7ed; + border-right-color: #fff; + border-left: none; + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__nav { + border-radius: 4px 0 0 4px; + border-bottom: 1px solid #e4e7ed; + border-right: none; +} +.el-tabs--left.el-tabs--card .el-tabs__new-tab { + float: none; +} +.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { + border-right: 1px solid #dfe4ed; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { + border: 1px solid transparent; + margin: -1px 0 -1px -1px; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { + border-color: #d1dbe5 transparent; +} +.el-tabs--right .el-tabs__header.is-right { + float: right; + margin-bottom: 0; + margin-left: 10px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-left: -1px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + left: 0; + right: auto; +} +.el-tabs--right .el-tabs__active-bar.is-right { + left: 0; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right { + border-bottom: none; + border-top: 1px solid #e4e7ed; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { + border-left: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { + border: 1px solid #e4e7ed; + border-left-color: #fff; + border-right: none; + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__nav { + border-radius: 0 4px 4px 0; + border-bottom: 1px solid #e4e7ed; + border-left: none; +} +.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { + border-left: 1px solid #dfe4ed; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { + border: 1px solid transparent; + margin: -1px -1px -1px 0; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { + border-color: #d1dbe5 transparent; +} +.slideInLeft-transition, +.slideInRight-transition { + display: inline-block; +} +.slideInRight-enter { + -webkit-animation: slideInRight-enter 0.3s; + animation: slideInRight-enter 0.3s; +} +.slideInRight-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInRight-leave 0.3s; + animation: slideInRight-leave 0.3s; +} +.slideInLeft-enter { + -webkit-animation: slideInLeft-enter 0.3s; + animation: slideInLeft-enter 0.3s; +} +.slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInLeft-leave 0.3s; + animation: slideInLeft-leave 0.3s; +} +@-webkit-keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@-webkit-keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +.el-tree { + position: relative; + cursor: default; + background: #fff; + color: #606266; +} +.el-tree__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} +.el-tree__empty-text { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: #909399; + font-size: 14px; +} +.el-tree__drop-indicator { + position: absolute; + left: 0; + right: 0; + height: 1px; + background-color: #51c21a; +} +.el-tree-node { + white-space: nowrap; + outline: 0; +} +.el-tree-node:focus > .el-tree-node__content { + background-color: #f5f7fa; +} +.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { + background-color: #51c21a; + color: #fff; +} +.el-tree-node__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 26px; + cursor: pointer; +} +.el-tree-node__content > .el-tree-node__expand-icon { + padding: 6px; +} +.el-tree-node__content > label.el-checkbox { + margin-right: 8px; +} +.el-tree-node__content:hover { + background-color: #f5f7fa; +} +.el-tree.is-dragging .el-tree-node__content { + cursor: move; +} +.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { + cursor: not-allowed; +} +.el-tree-node__expand-icon { + cursor: pointer; + color: #c0c4cc; + font-size: 12px; + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; +} +.el-tree-node__expand-icon.expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-tree-node__expand-icon.is-leaf { + color: transparent; + cursor: default; +} +.el-tree-node__label { + font-size: 14px; +} +.el-tree-node__loading-icon { + margin-right: 8px; + font-size: 14px; + color: #c0c4cc; +} +.el-tree-node > .el-tree-node__children { + overflow: hidden; + background-color: transparent; +} +.el-tree-node.is-expanded > .el-tree-node__children { + display: block; +} +.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + background-color: #f1faed; +} +.el-alert { + width: 100%; + padding: 8px 16px; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + position: relative; + background-color: #fff; + overflow: hidden; + opacity: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.el-alert.is-light .el-alert__closebtn { + color: #c0c4cc; +} +.el-alert.is-dark .el-alert__closebtn, +.el-alert.is-dark .el-alert__description { + color: #fff; +} +.el-alert.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-alert--success.is-light { + background-color: #f0f9eb; + color: #67c23a; +} +.el-alert--success.is-light .el-alert__description { + color: #67c23a; +} +.el-alert--success.is-dark { + background-color: #67c23a; + color: #fff; +} +.el-alert--info.is-light { + background-color: #f4f4f5; + color: #909399; +} +.el-alert--info.is-dark { + background-color: #909399; + color: #fff; +} +.el-alert--info .el-alert__description { + color: #909399; +} +.el-alert--warning.is-light { + background-color: #fdf6ec; + color: #e6a23c; +} +.el-alert--warning.is-light .el-alert__description { + color: #e6a23c; +} +.el-alert--warning.is-dark { + background-color: #e6a23c; + color: #fff; +} +.el-alert--error.is-light { + background-color: #fef0f0; + color: #f56c6c; +} +.el-alert--error.is-light .el-alert__description { + color: #f56c6c; +} +.el-alert--error.is-dark { + background-color: #f56c6c; + color: #fff; +} +.el-alert__content { + display: table-cell; + padding: 0 8px; +} +.el-alert__icon { + font-size: 16px; + width: 16px; +} +.el-alert__icon.is-big { + font-size: 28px; + width: 28px; +} +.el-alert__title { + font-size: 13px; + line-height: 18px; +} +.el-alert__title.is-bold { + font-weight: 700; +} +.el-alert .el-alert__description { + font-size: 12px; + margin: 5px 0 0; +} +.el-alert__closebtn { + font-size: 12px; + opacity: 1; + position: absolute; + top: 12px; + right: 15px; + cursor: pointer; +} +.el-alert-fade-enter, +.el-alert-fade-leave-active, +.el-loading-fade-enter, +.el-loading-fade-leave-active, +.el-notification-fade-leave-active { + opacity: 0; +} +.el-alert__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px; +} +.el-notification { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 330px; + padding: 14px 26px 14px 13px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #ebeef5; + position: fixed; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, + bottom 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, + bottom 0.3s, -webkit-transform 0.3s; + overflow: hidden; +} +.el-notification.right { + right: 16px; +} +.el-notification.left { + left: 16px; +} +.el-notification__group { + margin-left: 13px; + margin-right: 8px; +} +.el-notification__title { + font-weight: 700; + font-size: 16px; + color: #303133; + margin: 0; +} +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 0; + color: #606266; + text-align: justify; +} +.el-notification__content p { + margin: 0; +} +.el-notification__icon { + height: 24px; + width: 24px; + font-size: 24px; +} +.el-notification__closeBtn { + position: absolute; + top: 18px; + right: 15px; + cursor: pointer; + color: #909399; + font-size: 16px; +} +.el-notification__closeBtn:hover { + color: #606266; +} +.el-notification .el-icon-success { + color: #67c23a; +} +.el-notification .el-icon-error { + color: #f56c6c; +} +.el-notification .el-icon-info { + color: #909399; +} +.el-notification .el-icon-warning { + color: #e6a23c; +} +.el-notification-fade-enter.right { + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.el-notification-fade-enter.left { + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.el-input-number { + position: relative; + display: inline-block; + width: 180px; + line-height: 38px; +} +.el-input-number .el-input { + display: block; +} +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center; +} +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; + color: #606266; + cursor: pointer; + font-size: 13px; +} +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: #51c21a; +} +.el-input-number__decrease:hover:not(.is-disabled) + ~ .el-input + .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled) + ~ .el-input + .el-input__inner:not(.is-disabled) { + border-color: #51c21a; +} +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dcdfe6; +} +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dcdfe6; +} +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed; +} +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; + cursor: not-allowed; +} +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px; +} +.el-input-number--medium .el-input__inner { + padding-left: 43px; + padding-right: 43px; +} +.el-input-number--small { + width: 130px; + line-height: 30px; +} +.el-input-number--small .el-input-number__decrease, +.el-input-number--small .el-input-number__increase { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__decrease [class*="el-icon"], +.el-input-number--small .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.el-input-number--small .el-input__inner { + padding-left: 39px; + padding-right: 39px; +} +.el-input-number--mini { + width: 130px; + line-height: 26px; +} +.el-input-number--mini .el-input-number__decrease, +.el-input-number--mini .el-input-number__increase { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__decrease [class*="el-icon"], +.el-input-number--mini .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number--mini .el-input__inner { + padding-left: 35px; + padding-right: 35px; +} +.el-input-number.is-without-controls .el-input__inner { + padding-left: 15px; + padding-right: 15px; +} +.el-input-number.is-controls-right .el-input__inner { + padding-left: 15px; + padding-right: 50px; +} +.el-input-number.is-controls-right .el-input-number__decrease, +.el-input-number.is-controls-right .el-input-number__increase { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right + .el-input-number__decrease + [class*="el-icon"], +.el-input-number.is-controls-right + .el-input-number__increase + [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number.is-controls-right .el-input-number__increase { + border-radius: 0 4px 0 0; + border-bottom: 1px solid #dcdfe6; +} +.el-input-number.is-controls-right .el-input-number__decrease { + right: 1px; + bottom: 1px; + top: auto; + left: auto; + border-right: none; + border-left: 1px solid #dcdfe6; + border-radius: 0 0 4px; +} +.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], +.el-input-number.is-controls-right[class*="medium"] [class*="increase"] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*="small"] [class*="decrease"], +.el-input-number.is-controls-right[class*="small"] [class*="increase"] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], +.el-input-number.is-controls-right[class*="mini"] [class*="increase"] { + line-height: 13px; +} +.el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; + min-width: 10px; + word-wrap: break-word; +} +.el-tooltip__popper .popper__arrow, +.el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-tooltip__popper .popper__arrow { + border-width: 6px; +} +.el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} +.el-progress-bar__inner::after, +.el-row::after, +.el-row::before, +.el-slider::after, +.el-slider::before, +.el-slider__button-wrapper::after, +.el-upload-cover::after { + content: ""; +} +.el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper.is-dark { + background: #303133; + color: #fff; +} +.el-tooltip__popper.is-light { + background: #fff; + border: 1px solid #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} +.el-slider::after, +.el-slider::before { + display: table; +} +.el-slider__button-wrapper .el-tooltip, +.el-slider__button-wrapper::after { + vertical-align: middle; + display: inline-block; +} +.el-slider::after { + clear: both; +} +.el-slider__runway { + width: 100%; + height: 6px; + margin: 16px 0; + background-color: #e4e7ed; + border-radius: 3px; + position: relative; + cursor: pointer; + vertical-align: middle; +} +.el-slider__runway.show-input { + margin-right: 160px; + width: auto; +} +.el-slider__runway.disabled { + cursor: default; +} +.el-slider__runway.disabled .el-slider__bar { + background-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button { + border-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button-wrapper.dragging, +.el-slider__runway.disabled .el-slider__button-wrapper.hover, +.el-slider__runway.disabled .el-slider__button-wrapper:hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button.dragging, +.el-slider__runway.disabled .el-slider__button.hover, +.el-slider__runway.disabled .el-slider__button:hover { + -webkit-transform: scale(1); + transform: scale(1); + cursor: not-allowed; +} +.el-slider__button-wrapper, +.el-slider__stop { + -webkit-transform: translateX(-50%); + position: absolute; +} +.el-slider__input { + float: right; + margin-top: 3px; + width: 130px; +} +.el-slider__input.el-input-number--mini { + margin-top: 5px; +} +.el-slider__input.el-input-number--medium { + margin-top: 0; +} +.el-slider__input.el-input-number--large { + margin-top: -2px; +} +.el-slider__bar { + height: 6px; + background-color: #51c21a; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute; +} +.el-slider__button-wrapper { + height: 36px; + width: 36px; + z-index: 1001; + top: -15px; + transform: translateX(-50%); + background-color: transparent; + text-align: center; + user-select: none; + line-height: normal; +} +.el-slider__button-wrapper::after { + height: 100%; +} +.el-slider__button-wrapper.hover, +.el-slider__button-wrapper:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button-wrapper.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__button { + width: 16px; + height: 16px; + border: 2px solid #51c21a; + background-color: #fff; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + user-select: none; +} +.el-image-viewer__btn, +.el-step__icon-inner { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-slider__button.dragging, +.el-slider__button.hover, +.el-slider__button:hover { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.el-slider__button.hover, +.el-slider__button:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__stop { + height: 6px; + width: 6px; + border-radius: 100%; + background-color: #fff; + transform: translateX(-50%); +} +.el-slider__marks { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.el-slider__marks-text { + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 14px; + color: #909399; + margin-top: 15px; +} +.el-slider.is-vertical { + position: relative; +} +.el-slider.is-vertical .el-slider__runway { + width: 6px; + height: 100%; + margin: 0 16px; +} +.el-slider.is-vertical .el-slider__bar { + width: 6px; + height: auto; + border-radius: 0 0 3px 3px; +} +.el-slider.is-vertical .el-slider__button-wrapper { + top: auto; + left: -15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical .el-slider__stop { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical.el-slider--with-input { + padding-bottom: 58px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input { + overflow: visible; + float: none; + position: absolute; + bottom: 22px; + width: 36px; + margin-top: 15px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input__inner { + text-align: center; + padding-left: 5px; + padding-right: 5px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase { + top: 32px; + margin-top: -1px; + border: 1px solid #dcdfe6; + line-height: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__decrease { + width: 18px; + right: 18px; + border-bottom-left-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase { + width: 19px; + border-bottom-right-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase + ~ .el-input + .el-input__inner { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:hover + .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:hover + .el-input-number__increase { + border-color: #c0c4cc; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:active + .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input + .el-slider__input:active + .el-input-number__increase { + border-color: #51c21a; +} +.el-slider.is-vertical .el-slider__marks-text { + margin-top: 0; + left: 15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-loading-parent--relative { + position: relative !important; +} +.el-loading-parent--hidden { + overflow: hidden !important; +} +.el-loading-mask { + position: absolute; + z-index: 2000; + background-color: rgba(255, 255, 255, 0.9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-loading-mask.is-fullscreen { + position: fixed; +} +.el-loading-mask.is-fullscreen .el-loading-spinner { + margin-top: -25px; +} +.el-loading-mask.is-fullscreen .el-loading-spinner .circular { + height: 50px; + width: 50px; +} +.el-loading-spinner { + top: 50%; + margin-top: -21px; + width: 100%; + text-align: center; + position: absolute; +} +.el-col-pull-0, +.el-col-pull-1, +.el-col-pull-10, +.el-col-pull-11, +.el-col-pull-13, +.el-col-pull-14, +.el-col-pull-15, +.el-col-pull-16, +.el-col-pull-17, +.el-col-pull-18, +.el-col-pull-19, +.el-col-pull-2, +.el-col-pull-20, +.el-col-pull-21, +.el-col-pull-22, +.el-col-pull-23, +.el-col-pull-24, +.el-col-pull-3, +.el-col-pull-4, +.el-col-pull-5, +.el-col-pull-6, +.el-col-pull-7, +.el-col-pull-8, +.el-col-pull-9, +.el-col-push-0, +.el-col-push-1, +.el-col-push-10, +.el-col-push-11, +.el-col-push-12, +.el-col-push-13, +.el-col-push-14, +.el-col-push-15, +.el-col-push-16, +.el-col-push-17, +.el-col-push-18, +.el-col-push-19, +.el-col-push-2, +.el-col-push-20, +.el-col-push-21, +.el-col-push-22, +.el-col-push-23, +.el-col-push-24, +.el-col-push-3, +.el-col-push-4, +.el-col-push-5, +.el-col-push-6, +.el-col-push-7, +.el-col-push-8, +.el-col-push-9, +.el-row { + position: relative; +} +.el-loading-spinner .el-loading-text { + color: #51c21a; + margin: 3px 0; + font-size: 14px; +} +.el-loading-spinner .circular { + height: 42px; + width: 42px; + -webkit-animation: loading-rotate 2s linear infinite; + animation: loading-rotate 2s linear infinite; +} +.el-loading-spinner .path { + -webkit-animation: loading-dash 1.5s ease-in-out infinite; + animation: loading-dash 1.5s ease-in-out infinite; + stroke-dasharray: 90, 150; + stroke-dashoffset: 0; + stroke-width: 2; + stroke: #51c21a; + stroke-linecap: round; +} +.el-loading-spinner i { + color: #51c21a; +} +@-webkit-keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +@keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +.el-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-row::after, +.el-row::before { + display: table; +} +.el-row::after { + clear: both; +} +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-col-0, +.el-row--flex:after, +.el-row--flex:before { + display: none; +} +.el-row--flex.is-justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-row--flex.is-justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.el-row--flex.is-justify-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.el-row--flex.is-justify-space-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-row--flex.is-align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-row--flex.is-align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +[class*="el-col-"] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-upload--picture-card, +.el-upload-dragger { + -webkit-box-sizing: border-box; + cursor: pointer; +} +.el-col-0 { + width: 0%; +} +.el-col-offset-0 { + margin-left: 0; +} +.el-col-pull-0 { + right: 0; +} +.el-col-push-0 { + left: 0; +} +.el-col-1 { + width: 4.16667%; +} +.el-col-offset-1 { + margin-left: 4.16667%; +} +.el-col-pull-1 { + right: 4.16667%; +} +.el-col-push-1 { + left: 4.16667%; +} +.el-col-2 { + width: 8.33333%; +} +.el-col-offset-2 { + margin-left: 8.33333%; +} +.el-col-pull-2 { + right: 8.33333%; +} +.el-col-push-2 { + left: 8.33333%; +} +.el-col-3 { + width: 12.5%; +} +.el-col-offset-3 { + margin-left: 12.5%; +} +.el-col-pull-3 { + right: 12.5%; +} +.el-col-push-3 { + left: 12.5%; +} +.el-col-4 { + width: 16.66667%; +} +.el-col-offset-4 { + margin-left: 16.66667%; +} +.el-col-pull-4 { + right: 16.66667%; +} +.el-col-push-4 { + left: 16.66667%; +} +.el-col-5 { + width: 20.83333%; +} +.el-col-offset-5 { + margin-left: 20.83333%; +} +.el-col-pull-5 { + right: 20.83333%; +} +.el-col-push-5 { + left: 20.83333%; +} +.el-col-6 { + width: 25%; +} +.el-col-offset-6 { + margin-left: 25%; +} +.el-col-pull-6 { + right: 25%; +} +.el-col-push-6 { + left: 25%; +} +.el-col-7 { + width: 29.16667%; +} +.el-col-offset-7 { + margin-left: 29.16667%; +} +.el-col-pull-7 { + right: 29.16667%; +} +.el-col-push-7 { + left: 29.16667%; +} +.el-col-8 { + width: 33.33333%; +} +.el-col-offset-8 { + margin-left: 33.33333%; +} +.el-col-pull-8 { + right: 33.33333%; +} +.el-col-push-8 { + left: 33.33333%; +} +.el-col-9 { + width: 37.5%; +} +.el-col-offset-9 { + margin-left: 37.5%; +} +.el-col-pull-9 { + right: 37.5%; +} +.el-col-push-9 { + left: 37.5%; +} +.el-col-10 { + width: 41.66667%; +} +.el-col-offset-10 { + margin-left: 41.66667%; +} +.el-col-pull-10 { + right: 41.66667%; +} +.el-col-push-10 { + left: 41.66667%; +} +.el-col-11 { + width: 45.83333%; +} +.el-col-offset-11 { + margin-left: 45.83333%; +} +.el-col-pull-11 { + right: 45.83333%; +} +.el-col-push-11 { + left: 45.83333%; +} +.el-col-12 { + width: 50%; +} +.el-col-offset-12 { + margin-left: 50%; +} +.el-col-pull-12 { + position: relative; + right: 50%; +} +.el-col-push-12 { + left: 50%; +} +.el-col-13 { + width: 54.16667%; +} +.el-col-offset-13 { + margin-left: 54.16667%; +} +.el-col-pull-13 { + right: 54.16667%; +} +.el-col-push-13 { + left: 54.16667%; +} +.el-col-14 { + width: 58.33333%; +} +.el-col-offset-14 { + margin-left: 58.33333%; +} +.el-col-pull-14 { + right: 58.33333%; +} +.el-col-push-14 { + left: 58.33333%; +} +.el-col-15 { + width: 62.5%; +} +.el-col-offset-15 { + margin-left: 62.5%; +} +.el-col-pull-15 { + right: 62.5%; +} +.el-col-push-15 { + left: 62.5%; +} +.el-col-16 { + width: 66.66667%; +} +.el-col-offset-16 { + margin-left: 66.66667%; +} +.el-col-pull-16 { + right: 66.66667%; +} +.el-col-push-16 { + left: 66.66667%; +} +.el-col-17 { + width: 70.83333%; +} +.el-col-offset-17 { + margin-left: 70.83333%; +} +.el-col-pull-17 { + right: 70.83333%; +} +.el-col-push-17 { + left: 70.83333%; +} +.el-col-18 { + width: 75%; +} +.el-col-offset-18 { + margin-left: 75%; +} +.el-col-pull-18 { + right: 75%; +} +.el-col-push-18 { + left: 75%; +} +.el-col-19 { + width: 79.16667%; +} +.el-col-offset-19 { + margin-left: 79.16667%; +} +.el-col-pull-19 { + right: 79.16667%; +} +.el-col-push-19 { + left: 79.16667%; +} +.el-col-20 { + width: 83.33333%; +} +.el-col-offset-20 { + margin-left: 83.33333%; +} +.el-col-pull-20 { + right: 83.33333%; +} +.el-col-push-20 { + left: 83.33333%; +} +.el-col-21 { + width: 87.5%; +} +.el-col-offset-21 { + margin-left: 87.5%; +} +.el-col-pull-21 { + right: 87.5%; +} +.el-col-push-21 { + left: 87.5%; +} +.el-col-22 { + width: 91.66667%; +} +.el-col-offset-22 { + margin-left: 91.66667%; +} +.el-col-pull-22 { + right: 91.66667%; +} +.el-col-push-22 { + left: 91.66667%; +} +.el-col-23 { + width: 95.83333%; +} +.el-col-offset-23 { + margin-left: 95.83333%; +} +.el-col-pull-23 { + right: 95.83333%; +} +.el-col-push-23 { + left: 95.83333%; +} +.el-col-24 { + width: 100%; +} +.el-col-offset-24 { + margin-left: 100%; +} +.el-col-pull-24 { + right: 100%; +} +.el-col-push-24 { + left: 100%; +} +@media only screen and (max-width: 767px) { + .el-col-xs-0 { + display: none; + width: 0%; + } + .el-col-xs-offset-0 { + margin-left: 0; + } + .el-col-xs-pull-0 { + position: relative; + right: 0; + } + .el-col-xs-push-0 { + position: relative; + left: 0; + } + .el-col-xs-1 { + width: 4.16667%; + } + .el-col-xs-offset-1 { + margin-left: 4.16667%; + } + .el-col-xs-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xs-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xs-2 { + width: 8.33333%; + } + .el-col-xs-offset-2 { + margin-left: 8.33333%; + } + .el-col-xs-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xs-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xs-3 { + width: 12.5%; + } + .el-col-xs-offset-3 { + margin-left: 12.5%; + } + .el-col-xs-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xs-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xs-4 { + width: 16.66667%; + } + .el-col-xs-offset-4 { + margin-left: 16.66667%; + } + .el-col-xs-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xs-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xs-5 { + width: 20.83333%; + } + .el-col-xs-offset-5 { + margin-left: 20.83333%; + } + .el-col-xs-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xs-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xs-6 { + width: 25%; + } + .el-col-xs-offset-6 { + margin-left: 25%; + } + .el-col-xs-pull-6 { + position: relative; + right: 25%; + } + .el-col-xs-push-6 { + position: relative; + left: 25%; + } + .el-col-xs-7 { + width: 29.16667%; + } + .el-col-xs-offset-7 { + margin-left: 29.16667%; + } + .el-col-xs-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xs-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xs-8 { + width: 33.33333%; + } + .el-col-xs-offset-8 { + margin-left: 33.33333%; + } + .el-col-xs-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xs-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xs-9 { + width: 37.5%; + } + .el-col-xs-offset-9 { + margin-left: 37.5%; + } + .el-col-xs-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xs-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xs-10 { + width: 41.66667%; + } + .el-col-xs-offset-10 { + margin-left: 41.66667%; + } + .el-col-xs-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xs-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xs-11 { + width: 45.83333%; + } + .el-col-xs-offset-11 { + margin-left: 45.83333%; + } + .el-col-xs-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xs-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xs-12 { + width: 50%; + } + .el-col-xs-offset-12 { + margin-left: 50%; + } + .el-col-xs-pull-12 { + position: relative; + right: 50%; + } + .el-col-xs-push-12 { + position: relative; + left: 50%; + } + .el-col-xs-13 { + width: 54.16667%; + } + .el-col-xs-offset-13 { + margin-left: 54.16667%; + } + .el-col-xs-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xs-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xs-14 { + width: 58.33333%; + } + .el-col-xs-offset-14 { + margin-left: 58.33333%; + } + .el-col-xs-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xs-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xs-15 { + width: 62.5%; + } + .el-col-xs-offset-15 { + margin-left: 62.5%; + } + .el-col-xs-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xs-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xs-16 { + width: 66.66667%; + } + .el-col-xs-offset-16 { + margin-left: 66.66667%; + } + .el-col-xs-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xs-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xs-17 { + width: 70.83333%; + } + .el-col-xs-offset-17 { + margin-left: 70.83333%; + } + .el-col-xs-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xs-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xs-18 { + width: 75%; + } + .el-col-xs-offset-18 { + margin-left: 75%; + } + .el-col-xs-pull-18 { + position: relative; + right: 75%; + } + .el-col-xs-push-18 { + position: relative; + left: 75%; + } + .el-col-xs-19 { + width: 79.16667%; + } + .el-col-xs-offset-19 { + margin-left: 79.16667%; + } + .el-col-xs-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xs-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xs-20 { + width: 83.33333%; + } + .el-col-xs-offset-20 { + margin-left: 83.33333%; + } + .el-col-xs-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xs-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xs-21 { + width: 87.5%; + } + .el-col-xs-offset-21 { + margin-left: 87.5%; + } + .el-col-xs-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xs-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xs-22 { + width: 91.66667%; + } + .el-col-xs-offset-22 { + margin-left: 91.66667%; + } + .el-col-xs-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xs-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xs-23 { + width: 95.83333%; + } + .el-col-xs-offset-23 { + margin-left: 95.83333%; + } + .el-col-xs-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xs-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xs-24 { + width: 100%; + } + .el-col-xs-offset-24 { + margin-left: 100%; + } + .el-col-xs-pull-24 { + position: relative; + right: 100%; + } + .el-col-xs-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 768px) { + .el-col-sm-0 { + display: none; + width: 0%; + } + .el-col-sm-offset-0 { + margin-left: 0; + } + .el-col-sm-pull-0 { + position: relative; + right: 0; + } + .el-col-sm-push-0 { + position: relative; + left: 0; + } + .el-col-sm-1 { + width: 4.16667%; + } + .el-col-sm-offset-1 { + margin-left: 4.16667%; + } + .el-col-sm-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-sm-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-sm-2 { + width: 8.33333%; + } + .el-col-sm-offset-2 { + margin-left: 8.33333%; + } + .el-col-sm-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-sm-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-sm-3 { + width: 12.5%; + } + .el-col-sm-offset-3 { + margin-left: 12.5%; + } + .el-col-sm-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-sm-push-3 { + position: relative; + left: 12.5%; + } + .el-col-sm-4 { + width: 16.66667%; + } + .el-col-sm-offset-4 { + margin-left: 16.66667%; + } + .el-col-sm-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-sm-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-sm-5 { + width: 20.83333%; + } + .el-col-sm-offset-5 { + margin-left: 20.83333%; + } + .el-col-sm-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-sm-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-sm-6 { + width: 25%; + } + .el-col-sm-offset-6 { + margin-left: 25%; + } + .el-col-sm-pull-6 { + position: relative; + right: 25%; + } + .el-col-sm-push-6 { + position: relative; + left: 25%; + } + .el-col-sm-7 { + width: 29.16667%; + } + .el-col-sm-offset-7 { + margin-left: 29.16667%; + } + .el-col-sm-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-sm-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-sm-8 { + width: 33.33333%; + } + .el-col-sm-offset-8 { + margin-left: 33.33333%; + } + .el-col-sm-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-sm-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-sm-9 { + width: 37.5%; + } + .el-col-sm-offset-9 { + margin-left: 37.5%; + } + .el-col-sm-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-sm-push-9 { + position: relative; + left: 37.5%; + } + .el-col-sm-10 { + width: 41.66667%; + } + .el-col-sm-offset-10 { + margin-left: 41.66667%; + } + .el-col-sm-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-sm-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-sm-11 { + width: 45.83333%; + } + .el-col-sm-offset-11 { + margin-left: 45.83333%; + } + .el-col-sm-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-sm-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-sm-12 { + width: 50%; + } + .el-col-sm-offset-12 { + margin-left: 50%; + } + .el-col-sm-pull-12 { + position: relative; + right: 50%; + } + .el-col-sm-push-12 { + position: relative; + left: 50%; + } + .el-col-sm-13 { + width: 54.16667%; + } + .el-col-sm-offset-13 { + margin-left: 54.16667%; + } + .el-col-sm-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-sm-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-sm-14 { + width: 58.33333%; + } + .el-col-sm-offset-14 { + margin-left: 58.33333%; + } + .el-col-sm-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-sm-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-sm-15 { + width: 62.5%; + } + .el-col-sm-offset-15 { + margin-left: 62.5%; + } + .el-col-sm-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-sm-push-15 { + position: relative; + left: 62.5%; + } + .el-col-sm-16 { + width: 66.66667%; + } + .el-col-sm-offset-16 { + margin-left: 66.66667%; + } + .el-col-sm-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-sm-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-sm-17 { + width: 70.83333%; + } + .el-col-sm-offset-17 { + margin-left: 70.83333%; + } + .el-col-sm-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-sm-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-sm-18 { + width: 75%; + } + .el-col-sm-offset-18 { + margin-left: 75%; + } + .el-col-sm-pull-18 { + position: relative; + right: 75%; + } + .el-col-sm-push-18 { + position: relative; + left: 75%; + } + .el-col-sm-19 { + width: 79.16667%; + } + .el-col-sm-offset-19 { + margin-left: 79.16667%; + } + .el-col-sm-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-sm-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-sm-20 { + width: 83.33333%; + } + .el-col-sm-offset-20 { + margin-left: 83.33333%; + } + .el-col-sm-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-sm-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-sm-21 { + width: 87.5%; + } + .el-col-sm-offset-21 { + margin-left: 87.5%; + } + .el-col-sm-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-sm-push-21 { + position: relative; + left: 87.5%; + } + .el-col-sm-22 { + width: 91.66667%; + } + .el-col-sm-offset-22 { + margin-left: 91.66667%; + } + .el-col-sm-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-sm-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-sm-23 { + width: 95.83333%; + } + .el-col-sm-offset-23 { + margin-left: 95.83333%; + } + .el-col-sm-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-sm-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-sm-24 { + width: 100%; + } + .el-col-sm-offset-24 { + margin-left: 100%; + } + .el-col-sm-pull-24 { + position: relative; + right: 100%; + } + .el-col-sm-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 992px) { + .el-col-md-0 { + display: none; + width: 0%; + } + .el-col-md-offset-0 { + margin-left: 0; + } + .el-col-md-pull-0 { + position: relative; + right: 0; + } + .el-col-md-push-0 { + position: relative; + left: 0; + } + .el-col-md-1 { + width: 4.16667%; + } + .el-col-md-offset-1 { + margin-left: 4.16667%; + } + .el-col-md-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-md-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-md-2 { + width: 8.33333%; + } + .el-col-md-offset-2 { + margin-left: 8.33333%; + } + .el-col-md-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-md-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-md-3 { + width: 12.5%; + } + .el-col-md-offset-3 { + margin-left: 12.5%; + } + .el-col-md-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-md-push-3 { + position: relative; + left: 12.5%; + } + .el-col-md-4 { + width: 16.66667%; + } + .el-col-md-offset-4 { + margin-left: 16.66667%; + } + .el-col-md-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-md-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-md-5 { + width: 20.83333%; + } + .el-col-md-offset-5 { + margin-left: 20.83333%; + } + .el-col-md-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-md-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-md-6 { + width: 25%; + } + .el-col-md-offset-6 { + margin-left: 25%; + } + .el-col-md-pull-6 { + position: relative; + right: 25%; + } + .el-col-md-push-6 { + position: relative; + left: 25%; + } + .el-col-md-7 { + width: 29.16667%; + } + .el-col-md-offset-7 { + margin-left: 29.16667%; + } + .el-col-md-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-md-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-md-8 { + width: 33.33333%; + } + .el-col-md-offset-8 { + margin-left: 33.33333%; + } + .el-col-md-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-md-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-md-9 { + width: 37.5%; + } + .el-col-md-offset-9 { + margin-left: 37.5%; + } + .el-col-md-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-md-push-9 { + position: relative; + left: 37.5%; + } + .el-col-md-10 { + width: 41.66667%; + } + .el-col-md-offset-10 { + margin-left: 41.66667%; + } + .el-col-md-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-md-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-md-11 { + width: 45.83333%; + } + .el-col-md-offset-11 { + margin-left: 45.83333%; + } + .el-col-md-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-md-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-md-12 { + width: 50%; + } + .el-col-md-offset-12 { + margin-left: 50%; + } + .el-col-md-pull-12 { + position: relative; + right: 50%; + } + .el-col-md-push-12 { + position: relative; + left: 50%; + } + .el-col-md-13 { + width: 54.16667%; + } + .el-col-md-offset-13 { + margin-left: 54.16667%; + } + .el-col-md-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-md-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-md-14 { + width: 58.33333%; + } + .el-col-md-offset-14 { + margin-left: 58.33333%; + } + .el-col-md-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-md-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-md-15 { + width: 62.5%; + } + .el-col-md-offset-15 { + margin-left: 62.5%; + } + .el-col-md-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-md-push-15 { + position: relative; + left: 62.5%; + } + .el-col-md-16 { + width: 66.66667%; + } + .el-col-md-offset-16 { + margin-left: 66.66667%; + } + .el-col-md-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-md-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-md-17 { + width: 70.83333%; + } + .el-col-md-offset-17 { + margin-left: 70.83333%; + } + .el-col-md-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-md-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-md-18 { + width: 75%; + } + .el-col-md-offset-18 { + margin-left: 75%; + } + .el-col-md-pull-18 { + position: relative; + right: 75%; + } + .el-col-md-push-18 { + position: relative; + left: 75%; + } + .el-col-md-19 { + width: 79.16667%; + } + .el-col-md-offset-19 { + margin-left: 79.16667%; + } + .el-col-md-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-md-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-md-20 { + width: 83.33333%; + } + .el-col-md-offset-20 { + margin-left: 83.33333%; + } + .el-col-md-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-md-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-md-21 { + width: 87.5%; + } + .el-col-md-offset-21 { + margin-left: 87.5%; + } + .el-col-md-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-md-push-21 { + position: relative; + left: 87.5%; + } + .el-col-md-22 { + width: 91.66667%; + } + .el-col-md-offset-22 { + margin-left: 91.66667%; + } + .el-col-md-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-md-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-md-23 { + width: 95.83333%; + } + .el-col-md-offset-23 { + margin-left: 95.83333%; + } + .el-col-md-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-md-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-md-24 { + width: 100%; + } + .el-col-md-offset-24 { + margin-left: 100%; + } + .el-col-md-pull-24 { + position: relative; + right: 100%; + } + .el-col-md-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1200px) { + .el-col-lg-0 { + display: none; + width: 0%; + } + .el-col-lg-offset-0 { + margin-left: 0; + } + .el-col-lg-pull-0 { + position: relative; + right: 0; + } + .el-col-lg-push-0 { + position: relative; + left: 0; + } + .el-col-lg-1 { + width: 4.16667%; + } + .el-col-lg-offset-1 { + margin-left: 4.16667%; + } + .el-col-lg-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-lg-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-lg-2 { + width: 8.33333%; + } + .el-col-lg-offset-2 { + margin-left: 8.33333%; + } + .el-col-lg-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-lg-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-lg-3 { + width: 12.5%; + } + .el-col-lg-offset-3 { + margin-left: 12.5%; + } + .el-col-lg-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-lg-push-3 { + position: relative; + left: 12.5%; + } + .el-col-lg-4 { + width: 16.66667%; + } + .el-col-lg-offset-4 { + margin-left: 16.66667%; + } + .el-col-lg-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-lg-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-lg-5 { + width: 20.83333%; + } + .el-col-lg-offset-5 { + margin-left: 20.83333%; + } + .el-col-lg-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-lg-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-lg-6 { + width: 25%; + } + .el-col-lg-offset-6 { + margin-left: 25%; + } + .el-col-lg-pull-6 { + position: relative; + right: 25%; + } + .el-col-lg-push-6 { + position: relative; + left: 25%; + } + .el-col-lg-7 { + width: 29.16667%; + } + .el-col-lg-offset-7 { + margin-left: 29.16667%; + } + .el-col-lg-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-lg-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-lg-8 { + width: 33.33333%; + } + .el-col-lg-offset-8 { + margin-left: 33.33333%; + } + .el-col-lg-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-lg-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-lg-9 { + width: 37.5%; + } + .el-col-lg-offset-9 { + margin-left: 37.5%; + } + .el-col-lg-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-lg-push-9 { + position: relative; + left: 37.5%; + } + .el-col-lg-10 { + width: 41.66667%; + } + .el-col-lg-offset-10 { + margin-left: 41.66667%; + } + .el-col-lg-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-lg-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-lg-11 { + width: 45.83333%; + } + .el-col-lg-offset-11 { + margin-left: 45.83333%; + } + .el-col-lg-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-lg-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-lg-12 { + width: 50%; + } + .el-col-lg-offset-12 { + margin-left: 50%; + } + .el-col-lg-pull-12 { + position: relative; + right: 50%; + } + .el-col-lg-push-12 { + position: relative; + left: 50%; + } + .el-col-lg-13 { + width: 54.16667%; + } + .el-col-lg-offset-13 { + margin-left: 54.16667%; + } + .el-col-lg-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-lg-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-lg-14 { + width: 58.33333%; + } + .el-col-lg-offset-14 { + margin-left: 58.33333%; + } + .el-col-lg-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-lg-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-lg-15 { + width: 62.5%; + } + .el-col-lg-offset-15 { + margin-left: 62.5%; + } + .el-col-lg-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-lg-push-15 { + position: relative; + left: 62.5%; + } + .el-col-lg-16 { + width: 66.66667%; + } + .el-col-lg-offset-16 { + margin-left: 66.66667%; + } + .el-col-lg-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-lg-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-lg-17 { + width: 70.83333%; + } + .el-col-lg-offset-17 { + margin-left: 70.83333%; + } + .el-col-lg-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-lg-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-lg-18 { + width: 75%; + } + .el-col-lg-offset-18 { + margin-left: 75%; + } + .el-col-lg-pull-18 { + position: relative; + right: 75%; + } + .el-col-lg-push-18 { + position: relative; + left: 75%; + } + .el-col-lg-19 { + width: 79.16667%; + } + .el-col-lg-offset-19 { + margin-left: 79.16667%; + } + .el-col-lg-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-lg-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-lg-20 { + width: 83.33333%; + } + .el-col-lg-offset-20 { + margin-left: 83.33333%; + } + .el-col-lg-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-lg-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-lg-21 { + width: 87.5%; + } + .el-col-lg-offset-21 { + margin-left: 87.5%; + } + .el-col-lg-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-lg-push-21 { + position: relative; + left: 87.5%; + } + .el-col-lg-22 { + width: 91.66667%; + } + .el-col-lg-offset-22 { + margin-left: 91.66667%; + } + .el-col-lg-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-lg-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-lg-23 { + width: 95.83333%; + } + .el-col-lg-offset-23 { + margin-left: 95.83333%; + } + .el-col-lg-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-lg-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-lg-24 { + width: 100%; + } + .el-col-lg-offset-24 { + margin-left: 100%; + } + .el-col-lg-pull-24 { + position: relative; + right: 100%; + } + .el-col-lg-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1920px) { + .el-col-xl-0 { + display: none; + width: 0%; + } + .el-col-xl-offset-0 { + margin-left: 0; + } + .el-col-xl-pull-0 { + position: relative; + right: 0; + } + .el-col-xl-push-0 { + position: relative; + left: 0; + } + .el-col-xl-1 { + width: 4.16667%; + } + .el-col-xl-offset-1 { + margin-left: 4.16667%; + } + .el-col-xl-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xl-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xl-2 { + width: 8.33333%; + } + .el-col-xl-offset-2 { + margin-left: 8.33333%; + } + .el-col-xl-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xl-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xl-3 { + width: 12.5%; + } + .el-col-xl-offset-3 { + margin-left: 12.5%; + } + .el-col-xl-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xl-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xl-4 { + width: 16.66667%; + } + .el-col-xl-offset-4 { + margin-left: 16.66667%; + } + .el-col-xl-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xl-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xl-5 { + width: 20.83333%; + } + .el-col-xl-offset-5 { + margin-left: 20.83333%; + } + .el-col-xl-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xl-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xl-6 { + width: 25%; + } + .el-col-xl-offset-6 { + margin-left: 25%; + } + .el-col-xl-pull-6 { + position: relative; + right: 25%; + } + .el-col-xl-push-6 { + position: relative; + left: 25%; + } + .el-col-xl-7 { + width: 29.16667%; + } + .el-col-xl-offset-7 { + margin-left: 29.16667%; + } + .el-col-xl-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xl-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xl-8 { + width: 33.33333%; + } + .el-col-xl-offset-8 { + margin-left: 33.33333%; + } + .el-col-xl-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xl-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xl-9 { + width: 37.5%; + } + .el-col-xl-offset-9 { + margin-left: 37.5%; + } + .el-col-xl-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xl-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xl-10 { + width: 41.66667%; + } + .el-col-xl-offset-10 { + margin-left: 41.66667%; + } + .el-col-xl-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xl-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xl-11 { + width: 45.83333%; + } + .el-col-xl-offset-11 { + margin-left: 45.83333%; + } + .el-col-xl-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xl-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xl-12 { + width: 50%; + } + .el-col-xl-offset-12 { + margin-left: 50%; + } + .el-col-xl-pull-12 { + position: relative; + right: 50%; + } + .el-col-xl-push-12 { + position: relative; + left: 50%; + } + .el-col-xl-13 { + width: 54.16667%; + } + .el-col-xl-offset-13 { + margin-left: 54.16667%; + } + .el-col-xl-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xl-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xl-14 { + width: 58.33333%; + } + .el-col-xl-offset-14 { + margin-left: 58.33333%; + } + .el-col-xl-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xl-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xl-15 { + width: 62.5%; + } + .el-col-xl-offset-15 { + margin-left: 62.5%; + } + .el-col-xl-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xl-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xl-16 { + width: 66.66667%; + } + .el-col-xl-offset-16 { + margin-left: 66.66667%; + } + .el-col-xl-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xl-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xl-17 { + width: 70.83333%; + } + .el-col-xl-offset-17 { + margin-left: 70.83333%; + } + .el-col-xl-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xl-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xl-18 { + width: 75%; + } + .el-col-xl-offset-18 { + margin-left: 75%; + } + .el-col-xl-pull-18 { + position: relative; + right: 75%; + } + .el-col-xl-push-18 { + position: relative; + left: 75%; + } + .el-col-xl-19 { + width: 79.16667%; + } + .el-col-xl-offset-19 { + margin-left: 79.16667%; + } + .el-col-xl-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xl-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xl-20 { + width: 83.33333%; + } + .el-col-xl-offset-20 { + margin-left: 83.33333%; + } + .el-col-xl-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xl-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xl-21 { + width: 87.5%; + } + .el-col-xl-offset-21 { + margin-left: 87.5%; + } + .el-col-xl-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xl-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xl-22 { + width: 91.66667%; + } + .el-col-xl-offset-22 { + margin-left: 91.66667%; + } + .el-col-xl-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xl-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xl-23 { + width: 95.83333%; + } + .el-col-xl-offset-23 { + margin-left: 95.83333%; + } + .el-col-xl-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xl-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xl-24 { + width: 100%; + } + .el-col-xl-offset-24 { + margin-left: 100%; + } + .el-col-xl-pull-24 { + position: relative; + right: 100%; + } + .el-col-xl-push-24 { + position: relative; + left: 100%; + } +} +@-webkit-keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + outline: 0; +} +.el-upload__input { + display: none; +} +.el-upload__tip { + font-size: 12px; + color: #606266; + margin-top: 7px; +} +.el-upload iframe { + position: absolute; + z-index: -1; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} +.el-upload--picture-card { + background-color: #fbfdff; + border: 1px dashed #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + line-height: 146px; + vertical-align: top; +} +.el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} +.el-upload--picture-card:hover, +.el-upload:focus { + border-color: #51c21a; + color: #51c21a; +} +.el-upload:focus .el-upload-dragger { + border-color: #51c21a; +} +.el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + position: relative; + overflow: hidden; +} +.el-upload-dragger .el-icon-upload { + font-size: 67px; + color: #c0c4cc; + margin: 40px 0 16px; + line-height: 50px; +} +.el-upload-dragger + .el-upload__tip { + text-align: center; +} +.el-upload-dragger ~ .el-upload__files { + border-top: 1px solid #dcdfe6; + margin-top: 7px; + padding-top: 5px; +} +.el-upload-dragger .el-upload__text { + color: #606266; + font-size: 14px; + text-align: center; +} +.el-upload-dragger .el-upload__text em { + color: #51c21a; + font-style: normal; +} +.el-upload-dragger:hover { + border-color: #51c21a; +} +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, 0.06); + border: 2px dashed #51c21a; +} +.el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.el-upload-list__item { + -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + font-size: 14px; + color: #606266; + line-height: 1.8; + margin-top: 5px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 100%; +} +.el-upload-list__item .el-progress { + position: absolute; + top: 20px; + width: 100%; +} +.el-upload-list__item .el-progress__text { + position: absolute; + right: 0; + top: -13px; +} +.el-upload-list__item .el-progress-bar { + margin-right: 0; + padding-right: 0; +} +.el-upload-list__item:first-child { + margin-top: 10px; +} +.el-upload-list__item .el-icon-upload-success { + color: #67c23a; +} +.el-upload-list__item .el-icon-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + opacity: 0.75; + color: #606266; +} +.el-upload-list__item .el-icon-close:hover { + opacity: 1; +} +.el-upload-list__item .el-icon-close-tip { + display: none; + position: absolute; + top: 5px; + right: 5px; + font-size: 12px; + cursor: pointer; + opacity: 1; + color: #51c21a; +} +.el-upload-list__item:hover { + background-color: #f5f7fa; +} +.el-upload-list__item:hover .el-icon-close { + display: inline-block; +} +.el-upload-list__item:hover .el-progress__text { + display: none; +} +.el-upload-list__item.is-success .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item.is-success .el-upload-list__item-name:focus, +.el-upload-list__item.is-success .el-upload-list__item-name:hover { + color: #51c21a; + cursor: pointer; +} +.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { + display: inline-block; +} +.el-upload-list__item.is-success:active .el-icon-close-tip, +.el-upload-list__item.is-success:focus .el-upload-list__item-status-label, +.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, +.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { + display: none; +} +.el-upload-list.is-disabled + .el-upload-list__item:hover + .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item-name { + color: #606266; + display: block; + margin-right: 40px; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + -webkit-transition: color 0.3s; + transition: color 0.3s; + white-space: nowrap; +} +.el-upload-list__item-name [class^="el-icon"] { + height: 100%; + margin-right: 7px; + color: #909399; + line-height: inherit; +} +.el-upload-list__item-status-label { + position: absolute; + right: 5px; + top: 0; + line-height: inherit; + display: none; +} +.el-upload-list__item-delete { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + color: #606266; + display: none; +} +.el-upload-list__item-delete:hover { + color: #51c21a; +} +.el-upload-list--picture-card { + margin: 0; + display: inline; + vertical-align: top; +} +.el-upload-list--picture-card .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 148px; + height: 148px; + margin: 0 8px 8px 0; + display: inline-block; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-check, +.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-close, +.el-upload-list--picture-card + .el-upload-list__item:hover + .el-upload-list__item-status-label { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture-card .el-upload-list__item-name { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item-thumbnail { + width: 100%; + height: 100%; +} +.el-upload-list--picture-card .el-upload-list__item-status-label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-list--picture-card .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture-card .el-upload-list__item-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + cursor: default; + text-align: center; + color: #fff; + opacity: 0; + font-size: 20px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-upload-list--picture-card .el-upload-list__item-actions::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-upload-list--picture-card .el-upload-list__item-actions span { + display: none; + cursor: pointer; +} +.el-upload-list--picture-card .el-upload-list__item-actions span + span { + margin-left: 15px; +} +.el-upload-list--picture-card + .el-upload-list__item-actions + .el-upload-list__item-delete { + position: static; + font-size: inherit; + color: inherit; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover { + opacity: 1; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover span { + display: inline-block; +} +.el-upload-list--picture-card .el-progress { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + bottom: auto; + width: 126px; +} +.el-upload-list--picture-card .el-progress .el-progress__text { + top: 50%; +} +.el-upload-list--picture .el-upload-list__item { + overflow: hidden; + z-index: 0; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; +} +.el-upload-list--picture .el-upload-list__item .el-icon-check, +.el-upload-list--picture .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture + .el-upload-list__item:hover + .el-upload-list__item-status-label { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + top: -2px; + right: -12px; +} +.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture + .el-upload-list__item.is-success + .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; +} +.el-upload-list--picture + .el-upload-list__item.is-success + .el-upload-list__item-name + i { + display: none; +} +.el-upload-list--picture .el-upload-list__item-thumbnail { + vertical-align: middle; + display: inline-block; + width: 70px; + height: 70px; + float: left; + position: relative; + z-index: 1; + margin-left: -80px; + background-color: #fff; +} +.el-upload-list--picture .el-upload-list__item-name { + display: block; + margin-top: 20px; +} +.el-upload-list--picture .el-upload-list__item-name i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; +} +.el-upload-list--picture .el-upload-list__item-status-label { + position: absolute; + right: -17px; + top: -7px; + width: 46px; + height: 26px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 1px 1px #ccc; + box-shadow: 0 1px 1px #ccc; +} +.el-upload-list--picture .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 12px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture .el-progress { + position: relative; + top: -7px; +} +.el-upload-cover { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 10; + cursor: default; +} +.el-upload-cover::after { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.el-upload-cover img { + display: block; + width: 100%; + height: 100%; +} +.el-upload-cover__label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-cover__label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + color: #fff; +} +.el-upload-cover__progress { + display: inline-block; + vertical-align: middle; + position: static; + width: 243px; +} +.el-upload-cover__progress + .el-upload__inner { + opacity: 0; +} +.el-upload-cover__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.el-upload-cover__interact { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.72); + text-align: center; +} +.el-upload-cover__interact .btn { + display: inline-block; + color: #fff; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + margin-top: 60px; +} +.el-upload-cover__interact .btn span { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.el-upload-cover__interact .btn:not(:first-child) { + margin-left: 35px; +} +.el-upload-cover__interact .btn:hover { + -webkit-transform: translateY(-13px); + transform: translateY(-13px); +} +.el-upload-cover__interact .btn:hover span { + opacity: 1; +} +.el-upload-cover__interact .btn i { + color: #fff; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} +.el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #fff; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 400; + text-align: left; + padding: 0 10px; + margin: 0; + line-height: 36px; + font-size: 14px; + color: #303133; +} +.el-upload-cover + .el-upload__inner { + opacity: 0; + position: relative; + z-index: 1; +} +.el-progress { + position: relative; + line-height: 1; +} +.el-progress__text { + font-size: 14px; + color: #606266; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} +.el-progress__text i { + vertical-align: middle; + display: block; +} +.el-progress--circle, +.el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, +.el-progress--dashboard .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.el-progress--circle .el-progress__text i, +.el-progress--dashboard .el-progress__text i { + vertical-align: middle; + display: inline-block; +} +.el-progress--without-text .el-progress__text { + display: none; +} +.el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} +.el-progress-bar, +.el-progress-bar__inner::after, +.el-progress-bar__innerText, +.el-spinner { + display: inline-block; + vertical-align: middle; +} +.el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} +.el-progress.is-success .el-progress-bar__inner { + background-color: #67c23a; +} +.el-progress.is-success .el-progress__text { + color: #67c23a; +} +.el-progress.is-warning .el-progress-bar__inner { + background-color: #e6a23c; +} +.el-progress.is-warning .el-progress__text { + color: #e6a23c; +} +.el-progress.is-exception .el-progress-bar__inner { + background-color: #f56c6c; +} +.el-progress.is-exception .el-progress__text { + color: #f56c6c; +} +.el-progress-bar { + padding-right: 50px; + width: 100%; + margin-right: -55px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #ebeef5; + overflow: hidden; + position: relative; + vertical-align: middle; +} +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: #51c21a; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.el-card, +.el-message { + border-radius: 4px; + overflow: hidden; +} +.el-progress-bar__inner::after { + height: 100%; +} +.el-progress-bar__innerText { + color: #fff; + font-size: 12px; + margin: 0 5px; +} +@keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-time-spinner { + width: 100%; + white-space: nowrap; +} +.el-spinner-inner { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + width: 50px; + height: 50px; +} +.el-spinner-inner .path { + stroke: #ececec; + stroke-linecap: round; + -webkit-animation: dash 1.5s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite; +} +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +@keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +.el-message { + min-width: 380px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: #ebeef5; + position: fixed; + left: 50%; + top: 20px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #edf2fc; + -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; + padding: 15px 15px 15px 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-message.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message.is-closable .el-message__content { + padding-right: 16px; +} +.el-message p { + margin: 0; +} +.el-message--info .el-message__content { + color: #909399; +} +.el-message--success { + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-message--success .el-message__content { + color: #67c23a; +} +.el-message--warning { + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-message--warning .el-message__content { + color: #e6a23c; +} +.el-message--error { + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-message--error .el-message__content { + color: #f56c6c; +} +.el-message__icon { + margin-right: 10px; +} +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1; +} +.el-message__closeBtn { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + color: #c0c4cc; + font-size: 16px; +} +.el-message__closeBtn:hover { + color: #909399; +} +.el-message .el-icon-success { + color: #67c23a; +} +.el-message .el-icon-error { + color: #f56c6c; +} +.el-message .el-icon-info { + color: #909399; +} +.el-message .el-icon-warning { + color: #e6a23c; +} +.el-message-fade-enter, +.el-message-fade-leave-active { + opacity: 0; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} +.el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} +.el-badge__content { + background-color: #f56c6c; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #fff; +} +.el-badge__content.is-fixed { + position: absolute; + top: 0; + right: 10px; + -webkit-transform: translateY(-50%) translateX(100%); + transform: translateY(-50%) translateX(100%); +} +.el-rate__icon, +.el-rate__item { + position: relative; + display: inline-block; +} +.el-badge__content.is-fixed.is-dot { + right: 5px; +} +.el-badge__content.is-dot { + height: 8px; + width: 8px; + padding: 0; + right: 0; + border-radius: 50%; +} +.el-badge__content--primary { + background-color: #51c21a; +} +.el-badge__content--success { + background-color: #67c23a; +} +.el-badge__content--warning { + background-color: #e6a23c; +} +.el-badge__content--info { + background-color: #909399; +} +.el-badge__content--danger { + background-color: #f56c6c; +} +.el-card { + border: 1px solid #ebeef5; + background-color: #fff; + color: #303133; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-card.is-always-shadow, +.el-card.is-hover-shadow:focus, +.el-card.is-hover-shadow:hover { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-card__header { + padding: 18px 20px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-card__body { + padding: 20px; +} +.el-rate { + height: 20px; + line-height: 1; +} +.el-rate__item { + font-size: 0; + vertical-align: middle; +} +.el-rate__icon { + font-size: 18px; + margin-right: 6px; + color: #c0c4cc; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-rate__decimal, +.el-rate__icon .path2 { + position: absolute; + top: 0; + left: 0; +} +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.el-rate__decimal { + display: inline-block; + overflow: hidden; +} +.el-step.is-vertical, +.el-steps { + display: -webkit-box; + display: -ms-flexbox; +} +.el-rate__text { + font-size: 14px; + vertical-align: middle; +} +.el-steps { + display: flex; +} +.el-steps--simple { + padding: 13px 8%; + border-radius: 4px; + background: #f5f7fa; +} +.el-steps--horizontal { + white-space: nowrap; +} +.el-steps--vertical { + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; +} +.el-step { + position: relative; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.el-step:last-of-type .el-step__line { + display: none; +} +.el-step:last-of-type.is-flex { + -ms-flex-preferred-size: auto !important; + flex-basis: auto !important; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; +} +.el-step:last-of-type .el-step__description, +.el-step:last-of-type .el-step__main { + padding-right: 0; +} +.el-step__head { + position: relative; + width: 100%; +} +.el-step__head.is-process { + color: #303133; + border-color: #303133; +} +.el-step__head.is-wait { + color: #c0c4cc; + border-color: #c0c4cc; +} +.el-step__head.is-success { + color: #67c23a; + border-color: #67c23a; +} +.el-step__head.is-error { + color: #f56c6c; + border-color: #f56c6c; +} +.el-step__head.is-finish { + color: #51c21a; + border-color: #51c21a; +} +.el-step__icon { + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 24px; + height: 24px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; +} +.el-step__icon.is-text { + border-radius: 50%; + border: 2px solid; + border-color: inherit; +} +.el-step__icon.is-icon { + width: 40px; +} +.el-step__icon-inner { + display: inline-block; + user-select: none; + text-align: center; + font-weight: 700; + line-height: 1; + color: inherit; +} +.el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 25px; + font-weight: 400; +} +.el-step__icon-inner.is-status { + -webkit-transform: translateY(1px); + transform: translateY(1px); +} +.el-step__line { + position: absolute; + border-color: inherit; + background-color: #c0c4cc; +} +.el-step__line-inner { + display: block; + border-width: 1px; + border-style: solid; + border-color: inherit; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 0; + height: 0; +} +.el-step__main { + white-space: normal; + text-align: left; +} +.el-step__title { + font-size: 16px; + line-height: 38px; +} +.el-step__title.is-process { + font-weight: 700; + color: #303133; +} +.el-step__title.is-wait { + color: #c0c4cc; +} +.el-step__title.is-success { + color: #67c23a; +} +.el-step__title.is-error { + color: #f56c6c; +} +.el-step__title.is-finish { + color: #51c21a; +} +.el-step__description { + padding-right: 10%; + margin-top: -5px; + font-size: 12px; + line-height: 20px; + font-weight: 400; +} +.el-step__description.is-process { + color: #303133; +} +.el-step__description.is-wait { + color: #c0c4cc; +} +.el-step__description.is-success { + color: #67c23a; +} +.el-step__description.is-error { + color: #f56c6c; +} +.el-step__description.is-finish { + color: #51c21a; +} +.el-step.is-horizontal { + display: inline-block; +} +.el-step.is-horizontal .el-step__line { + height: 2px; + top: 11px; + left: 0; + right: 0; +} +.el-step.is-vertical { + display: flex; +} +.el-step.is-vertical .el-step__head { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 24px; +} +.el-step.is-vertical .el-step__main { + padding-left: 10px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-vertical .el-step__title { + line-height: 24px; + padding-bottom: 8px; +} +.el-step.is-vertical .el-step__line { + width: 2px; + top: 0; + bottom: 0; + left: 11px; +} +.el-step.is-vertical .el-step__icon.is-icon { + width: 24px; +} +.el-step.is-center .el-step__head, +.el-step.is-center .el-step__main { + text-align: center; +} +.el-step.is-center .el-step__description { + padding-left: 20%; + padding-right: 20%; +} +.el-step.is-center .el-step__line { + left: 50%; + right: -50%; +} +.el-step.is-simple { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-step.is-simple .el-step__head { + width: auto; + font-size: 0; + padding-right: 10px; +} +.el-step.is-simple .el-step__icon { + background: 0 0; + width: 16px; + height: 16px; + font-size: 12px; +} +.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 18px; +} +.el-step.is-simple .el-step__icon-inner.is-status { + -webkit-transform: scale(0.8) translateY(1px); + transform: scale(0.8) translateY(1px); +} +.el-step.is-simple .el-step__main { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-simple .el-step__title { + font-size: 16px; + line-height: 20px; +} +.el-step.is-simple:not(:last-of-type) .el-step__title { + max-width: 50%; + word-break: break-all; +} +.el-step.is-simple .el-step__arrow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-step.is-simple .el-step__arrow::after, +.el-step.is-simple .el-step__arrow::before { + content: ""; + display: inline-block; + position: absolute; + height: 15px; + width: 1px; + background: #c0c4cc; +} +.el-step.is-simple .el-step__arrow::before { + -webkit-transform: rotate(-45deg) translateY(-4px); + transform: rotate(-45deg) translateY(-4px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.el-step.is-simple .el-step__arrow::after { + -webkit-transform: rotate(45deg) translateY(4px); + transform: rotate(45deg) translateY(4px); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.el-step.is-simple:last-of-type .el-step__arrow { + display: none; +} +.el-carousel { + position: relative; +} +.el-carousel--horizontal { + overflow-x: hidden; +} +.el-carousel--vertical { + overflow-y: hidden; +} +.el-carousel__container { + position: relative; + height: 300px; +} +.el-carousel__arrow { + border: none; + outline: 0; + padding: 0; + margin: 0; + height: 36px; + width: 36px; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #fff; + position: absolute; + top: 50%; + z-index: 10; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + font-size: 12px; +} +.el-carousel__arrow--left { + left: 16px; +} +.el-carousel__arrow--right { + right: 16px; +} +.el-carousel__arrow:hover { + background-color: rgba(31, 45, 61, 0.23); +} +.el-carousel__arrow i { + cursor: pointer; +} +.el-carousel__indicators { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + z-index: 2; +} +.el-carousel__indicators--horizontal { + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.el-carousel__indicators--vertical { + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-carousel__indicators--outside { + bottom: 26px; + text-align: center; + position: static; + -webkit-transform: none; + transform: none; +} +.el-carousel__indicators--outside .el-carousel__indicator:hover button { + opacity: 0.64; +} +.el-carousel__indicators--outside button { + background-color: #c0c4cc; + opacity: 0.24; +} +.el-carousel__indicators--labels { + left: 0; + right: 0; + -webkit-transform: none; + transform: none; + text-align: center; +} +.el-carousel__indicators--labels .el-carousel__button { + height: auto; + width: auto; + padding: 2px 18px; + font-size: 12px; +} +.el-carousel__indicators--labels .el-carousel__indicator { + padding: 6px 4px; +} +.el-carousel__indicator { + background-color: transparent; + cursor: pointer; +} +.el-carousel__indicator:hover button { + opacity: 0.72; +} +.el-carousel__indicator--horizontal { + display: inline-block; + padding: 12px 4px; +} +.el-carousel__indicator--vertical { + padding: 4px 12px; +} +.el-carousel__indicator--vertical .el-carousel__button { + width: 2px; + height: 15px; +} +.el-carousel__indicator.is-active button { + opacity: 1; +} +.el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #fff; + border: none; + outline: 0; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-carousel__item, +.el-carousel__mask { + height: 100%; + top: 0; + left: 0; + position: absolute; +} +.carousel-arrow-left-enter, +.carousel-arrow-left-leave-active { + -webkit-transform: translateY(-50%) translateX(-10px); + transform: translateY(-50%) translateX(-10px); + opacity: 0; +} +.carousel-arrow-right-enter, +.carousel-arrow-right-leave-active { + -webkit-transform: translateY(-50%) translateX(10px); + transform: translateY(-50%) translateX(10px); + opacity: 0; +} +.el-carousel__item { + width: 100%; + display: inline-block; + overflow: hidden; + z-index: 0; +} +.el-carousel__item.is-active { + z-index: 2; +} +.el-carousel__item.is-animating { + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card { + width: 50%; + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} +.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, +.el-carousel__item--card.is-in-stage:hover .el-carousel__mask { + opacity: 0.12; +} +.el-carousel__item--card.is-active { + z-index: 2; +} +.el-carousel__mask { + width: 100%; + background-color: #fff; + opacity: 0.24; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.el-fade-in-enter, +.el-fade-in-leave-active, +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active, +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-left-enter-active, +.el-zoom-in-left-leave-active { + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: top left; + transform-origin: top left; +} +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + -webkit-transform: scale(0.45, 0.45); + transform: scale(0.45, 0.45); +} +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; +} +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; +} +.el-list-enter-active, +.el-list-leave-active { + -webkit-transition: all 1s; + transition: all 1s; +} +.el-list-enter, +.el-list-leave-active { + opacity: 0; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} +.el-opacity-transition { + -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-collapse { + border-top: 1px solid #ebeef5; + border-bottom: 1px solid #ebeef5; +} +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed; +} +.el-collapse-item__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + line-height: 48px; + background-color: #fff; + color: #303133; + cursor: pointer; + border-bottom: 1px solid #ebeef5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color 0.3s; + transition: border-bottom-color 0.3s; + outline: 0; +} +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-weight: 300; +} +.el-collapse-item__arrow.is-active { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-collapse-item__header.focusing:focus:not(:hover) { + color: #51c21a; +} +.el-collapse-item__header.is-active { + border-bottom-color: transparent; +} +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5; +} +.el-cascader__tags, +.el-tag { + -webkit-box-sizing: border-box; +} +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #303133; + line-height: 1.769230769230769; +} +.el-collapse-item:last-child { + margin-bottom: -1px; +} +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-popper .popper__arrow { + border-width: 6px; + -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0; +} +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0; +} +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5; +} +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff; +} +.el-popper[x-placement^="right"] { + margin-left: 12px; +} +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0; +} +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} +.el-popper[x-placement^="left"] { + margin-right: 12px; +} +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5; +} +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff; +} +.el-tag { + background-color: #eef9e8; + border-color: #dcf3d1; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #51c21a; + border-width: 1px; + border-style: solid; + border-radius: 4px; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #51c21a; +} +.el-tag .el-tag__close { + color: #51c21a; +} +.el-tag .el-tag__close:hover { + color: #fff; + background-color: #51c21a; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #f0f9eb; + border-color: #e1f3d8; + color: #67c23a; +} +.el-tag.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag.el-tag--warning { + background-color: #fdf6ec; + border-color: #faecd8; + color: #e6a23c; +} +.el-tag.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag.el-tag--danger { + background-color: #fef0f0; + border-color: #fde2e2; + color: #f56c6c; +} +.el-tag.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + height: 16px; + width: 16px; + line-height: 16px; + vertical-align: middle; + top: -1px; + right: -5px; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #51c21a; + border-color: #51c21a; + color: #fff; +} +.el-tag--dark.is-hit { + border-color: #51c21a; +} +.el-tag--dark .el-tag__close { + color: #fff; +} +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: #74ce48; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: #fff; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--dark.el-tag--info .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--dark.el-tag--success .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #85ce61; +} +.el-tag--dark.el-tag--warning { + background-color: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--dark.el-tag--warning .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #ebb563; +} +.el-tag--dark.el-tag--danger { + background-color: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--dark.el-tag--danger .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f78989; +} +.el-tag--plain { + background-color: #fff; + border-color: #b9e7a3; + color: #51c21a; +} +.el-tag--plain.is-hit { + border-color: #51c21a; +} +.el-tag--plain .el-tag__close { + color: #51c21a; +} +.el-tag--plain .el-tag__close:hover { + color: #fff; + background-color: #51c21a; +} +.el-tag--plain.el-tag--info { + background-color: #fff; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: #fff; + border-color: #c2e7b0; + color: #67c23a; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #f5dab1; + color: #e6a23c; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #fbc4c4; + color: #f56c6c; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +.el-cascader { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 40px; +} +.el-cascader:not(.is-disabled):hover .el-input__inner { + cursor: pointer; + border-color: #c0c4cc; +} +.el-cascader .el-input .el-input__inner:focus, +.el-cascader .el-input.is-focus .el-input__inner { + border-color: #51c21a; +} +.el-cascader .el-input { + cursor: pointer; +} +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis; +} +.el-cascader .el-input .el-icon-arrow-down { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 14px; +} +.el-cascader .el-input .el-icon-arrow-down.is-reverse { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-cascader .el-input .el-icon-circle-close:hover { + color: #909399; +} +.el-cascader--medium { + font-size: 14px; + line-height: 36px; +} +.el-cascader--small { + font-size: 13px; + line-height: 32px; +} +.el-cascader--mini { + font-size: 12px; + line-height: 28px; +} +.el-cascader.is-disabled .el-cascader__label { + z-index: 2; + color: #c0c4cc; +} +.el-cascader__dropdown { + margin: 5px 0; + font-size: 14px; + background: #fff; + border: 1px solid #e4e7ed; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-cascader__tags { + position: absolute; + left: 0; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: normal; + text-align: left; + box-sizing: border-box; +} +.el-cascader__tags .el-tag { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 100%; + margin: 2px 0 2px 6px; + text-overflow: ellipsis; + background: #f0f2f5; +} +.el-cascader__tags .el-tag:not(.is-hit) { + border-color: transparent; +} +.el-cascader__tags .el-tag > span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + background-color: #c0c4cc; + color: #fff; +} +.el-cascader__tags .el-tag .el-icon-close:hover { + background-color: #909399; +} +.el-cascader__suggestion-panel { + border-radius: 4px; +} +.el-cascader__suggestion-list { + max-height: 204px; + margin: 0; + padding: 6px 0; + font-size: 14px; + color: #606266; + text-align: center; +} +.el-cascader__suggestion-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-cascader__suggestion-item:focus, +.el-cascader__suggestion-item:hover { + background: #f5f7fa; +} +.el-cascader__suggestion-item.is-checked { + color: #51c21a; + font-weight: 700; +} +.el-cascader__suggestion-item > span { + margin-right: 10px; +} +.el-cascader__empty-text { + margin: 10px 0; + color: #c0c4cc; +} +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__search-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::placeholder { + color: #c0c4cc; +} +.el-color-predefine { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 12px; + margin-top: 8px; + width: 280px; +} +.el-color-predefine__colors { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-color-predefine__color-selector { + margin: 0 0 8px 8px; + width: 20px; + height: 20px; + border-radius: 4px; + cursor: pointer; +} +.el-color-predefine__color-selector:nth-child(10n + 1) { + margin-left: 0; +} +.el-color-predefine__color-selector.selected { + -webkit-box-shadow: 0 0 3px 2px #51c21a; + box-shadow: 0 0 3px 2px #51c21a; +} +.el-color-predefine__color-selector > div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + border-radius: 3px; +} +.el-color-predefine__color-selector.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-hue-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background-color: red; + padding: 0 2px; +} +.el-color-hue-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to right, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); + height: 100%; +} +.el-color-hue-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-hue-slider.is-vertical { + width: 12px; + height: 180px; + padding: 2px 0; +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to bottom, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-svpanel { + position: relative; + width: 280px; + height: 180px; +} +.el-color-svpanel__black, +.el-color-svpanel__white { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.el-color-svpanel__white { + background: -webkit-gradient( + linear, + left top, + right top, + from(#fff), + to(rgba(255, 255, 255, 0)) + ); + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} +.el-color-svpanel__black { + background: -webkit-gradient( + linear, + left bottom, + left top, + from(#000), + to(rgba(0, 0, 0, 0)) + ); + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} +.el-color-svpanel__cursor { + position: absolute; +} +.el-color-svpanel__cursor > div { + cursor: head; + width: 4px; + height: 4px; + -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); +} +.el-color-alpha-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-alpha-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); + height: 100%; +} +.el-color-alpha-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-alpha-slider.is-vertical { + width: 20px; + height: 180px; +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-dropdown { + width: 300px; +} +.el-color-dropdown__main-wrapper { + margin-bottom: 6px; +} +.el-color-dropdown__main-wrapper::after { + content: ""; + display: table; + clear: both; +} +.el-color-dropdown__btns { + margin-top: 6px; + text-align: right; +} +.el-color-dropdown__value { + float: left; + line-height: 26px; + font-size: 12px; + color: #000; + width: 160px; +} +.el-color-dropdown__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-color-dropdown__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-color-dropdown__btn:hover { + color: #51c21a; + border-color: #51c21a; +} +.el-color-dropdown__link-btn { + cursor: pointer; + color: #51c21a; + text-decoration: none; + padding: 15px; + font-size: 12px; +} +.el-color-dropdown__link-btn:hover { + color: tint(#51c21a, 20%); +} +.el-color-picker { + display: inline-block; + position: relative; + line-height: normal; + height: 40px; +} +.el-color-picker.is-disabled .el-color-picker__trigger { + cursor: not-allowed; +} +.el-color-picker--medium { + height: 36px; +} +.el-color-picker--medium .el-color-picker__trigger { + height: 36px; + width: 36px; +} +.el-color-picker--medium .el-color-picker__mask { + height: 34px; + width: 34px; +} +.el-color-picker--small { + height: 32px; +} +.el-color-picker--small .el-color-picker__trigger { + height: 32px; + width: 32px; +} +.el-color-picker--small .el-color-picker__mask { + height: 30px; + width: 30px; +} +.el-color-picker--small .el-color-picker__empty, +.el-color-picker--small .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker--mini { + height: 28px; +} +.el-color-picker--mini .el-color-picker__trigger { + height: 28px; + width: 28px; +} +.el-color-picker--mini .el-color-picker__mask { + height: 26px; + width: 26px; +} +.el-color-picker--mini .el-color-picker__empty, +.el-color-picker--mini .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker__mask { + height: 38px; + width: 38px; + border-radius: 4px; + position: absolute; + top: 1px; + left: 1px; + z-index: 1; + cursor: not-allowed; + background-color: rgba(255, 255, 255, 0.7); +} +.el-color-picker__trigger { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + width: 40px; + padding: 4px; + border: 1px solid #e6e6e6; + border-radius: 4px; + font-size: 0; + position: relative; + cursor: pointer; +} +.el-color-picker__color { + position: relative; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #999; + border-radius: 2px; + width: 100%; + height: 100%; + text-align: center; +} +.el-color-picker__color.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-picker__color-inner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.el-color-picker__empty, +.el-color-picker__icon { + top: 50%; + left: 50%; + font-size: 12px; + position: absolute; +} +.el-color-picker__empty { + color: #999; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.el-color-picker__icon { + display: inline-block; + width: 100%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + color: #fff; + text-align: center; +} +.el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px; +} +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + font-size: inherit; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dcdfe6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea__inner:hover { + border-color: #c0c4cc; +} +.el-textarea__inner:focus { + outline: 0; + border-color: #51c21a; +} +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea.is-exceed .el-textarea__inner { + border-color: #f56c6c; +} +.el-textarea.is-exceed .el-input__count { + color: #f56c6c; +} +.el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px; +} +.el-input::-webkit-scrollbar:horizontal { + height: 6px; +} +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc; +} +.el-input::-webkit-scrollbar-corner { + background: #fff; +} +.el-input::-webkit-scrollbar-track { + background: #fff; +} +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px; +} +.el-input .el-input__clear { + color: #c0c4cc; + font-size: 14px; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + display: inline-block; + font-size: inherit; + height: 40px; + line-height: 40px; + outline: 0; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__prefix, +.el-input__suffix { + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + height: 100%; + color: #c0c4cc; + text-align: center; +} +.el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input__inner:hover { + border-color: #c0c4cc; +} +.el-input.is-active .el-input__inner, +.el-input__inner:focus { + border-color: #51c21a; + outline: 0; +} +.el-input__suffix { + right: 5px; + transition: all 0.3s; +} +.el-input__suffix-inner { + pointer-events: all; +} +.el-input__prefix { + left: 5px; + transition: all 0.3s; +} +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + line-height: 40px; +} +.el-input__icon:after { + content: ""; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} +.el-input__validateIcon { + pointer-events: none; +} +.el-input.is-disabled .el-input__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__icon { + cursor: not-allowed; +} +.el-link, +.el-transfer-panel__filter .el-icon-circle-close { + cursor: pointer; +} +.el-input.is-exceed .el-input__inner { + border-color: #f56c6c; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #f56c6c; +} +.el-input--suffix .el-input__inner { + padding-right: 30px; +} +.el-input--prefix .el-input__inner { + padding-left: 30px; +} +.el-input--medium { + font-size: 14px; +} +.el-input--medium .el-input__inner { + height: 36px; + line-height: 36px; +} +.el-input--medium .el-input__icon { + line-height: 36px; +} +.el-input--small { + font-size: 13px; +} +.el-input--small .el-input__inner { + height: 32px; + line-height: 32px; +} +.el-input--small .el-input__icon { + line-height: 32px; +} +.el-input--mini { + font-size: 12px; +} +.el-input--mini .el-input__inner { + height: 28px; + line-height: 28px; +} +.el-input--mini .el-input__icon { + line-height: 28px; +} +.el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} +.el-input-group__append, +.el-input-group__prepend { + background-color: #f5f7fa; + color: #909399; + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 4px; + padding: 0 20px; + width: 1px; + white-space: nowrap; +} +.el-input-group--prepend .el-input__inner, +.el-input-group__append { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--append .el-input__inner, +.el-input-group__prepend { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group__append:focus, +.el-input-group__prepend:focus { + outline: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-select, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-select { + display: inline-block; + margin: -10px -20px; +} +.el-input-group__append button.el-button, +.el-input-group__append div.el-select .el-input__inner, +.el-input-group__append div.el-select:hover .el-input__inner, +.el-input-group__prepend button.el-button, +.el-input-group__prepend div.el-select .el-input__inner, +.el-input-group__prepend div.el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-input, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-input { + font-size: inherit; +} +.el-input-group__prepend { + border-right: 0; +} +.el-input-group__append { + border-left: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner, +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} +.el-transfer { + font-size: 14px; +} +.el-transfer__buttons { + display: inline-block; + vertical-align: middle; + padding: 0 30px; +} +.el-transfer__button { + display: block; + margin: 0 auto; + padding: 10px; + border-radius: 50%; + color: #fff; + background-color: #51c21a; + font-size: 0; +} +.el-transfer-panel__item + .el-transfer-panel__item, +.el-transfer__button [class*="el-icon-"] + span { + margin-left: 0; +} +.el-transfer__button.is-with-texts { + border-radius: 4px; +} +.el-transfer__button.is-disabled, +.el-transfer__button.is-disabled:hover { + border: 1px solid #dcdfe6; + background-color: #f5f7fa; + color: #c0c4cc; +} +.el-transfer__button:first-child { + margin-bottom: 10px; +} +.el-transfer__button:nth-child(2) { + margin: 0; +} +.el-transfer__button i, +.el-transfer__button span { + font-size: 14px; +} +.el-transfer-panel { + border: 1px solid #ebeef5; + border-radius: 4px; + overflow: hidden; + background: #fff; + display: inline-block; + vertical-align: middle; + width: 200px; + max-height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.el-transfer-panel__body { + height: 246px; +} +.el-transfer-panel__body.is-with-footer { + padding-bottom: 40px; +} +.el-transfer-panel__list { + margin: 0; + padding: 6px 0; + list-style: none; + height: 246px; + overflow: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-transfer-panel__list.is-filterable { + height: 194px; + padding-top: 0; +} +.el-transfer-panel__item { + height: 30px; + line-height: 30px; + padding-left: 15px; + display: block !important; +} +.el-transfer-panel__item.el-checkbox { + color: #606266; +} +.el-transfer-panel__item:hover { + color: #51c21a; +} +.el-transfer-panel__item.el-checkbox .el-checkbox__label { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 24px; + line-height: 30px; +} +.el-transfer-panel__item .el-checkbox__input { + position: absolute; + top: 8px; +} +.el-transfer-panel__filter { + text-align: center; + margin: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: auto; +} +.el-transfer-panel__filter .el-input__inner { + height: 32px; + width: 100%; + font-size: 12px; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 16px; + padding-right: 10px; + padding-left: 30px; +} +.el-transfer-panel__filter .el-input__icon { + margin-left: 5px; +} +.el-transfer-panel .el-transfer-panel__header { + height: 40px; + line-height: 40px; + background: #f5f7fa; + margin: 0; + padding-left: 15px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #000; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox { + display: block; + line-height: 40px; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { + font-size: 16px; + color: #303133; + font-weight: 400; +} +.el-transfer-panel + .el-transfer-panel__header + .el-checkbox + .el-checkbox__label + span { + position: absolute; + right: 15px; + color: #909399; + font-size: 12px; + font-weight: 400; +} +.el-divider__text, +.el-link { + font-weight: 500; + font-size: 14px; +} +.el-transfer-panel .el-transfer-panel__footer { + height: 40px; + background: #fff; + margin: 0; + padding: 0; + border-top: 1px solid #ebeef5; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; +} +.el-transfer-panel .el-transfer-panel__footer::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-container, +.el-timeline-item__node { + display: -webkit-box; + display: -ms-flexbox; +} +.el-transfer-panel .el-transfer-panel__footer .el-checkbox { + padding-left: 20px; + color: #606266; +} +.el-transfer-panel .el-transfer-panel__empty { + margin: 0; + height: 30px; + line-height: 30px; + padding: 6px 15px 0; + color: #909399; + text-align: center; +} +.el-transfer-panel .el-checkbox__label { + padding-left: 8px; +} +.el-transfer-panel .el-checkbox__inner { + height: 14px; + width: 14px; + border-radius: 3px; +} +.el-transfer-panel .el-checkbox__inner::after { + height: 6px; + width: 3px; + left: 4px; +} +.el-container { + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; +} +.el-container.is-vertical, +.el-drawer { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; +} +.el-aside, +.el-header { + -webkit-box-sizing: border-box; +} +.el-container.is-vertical { + -ms-flex-direction: column; + flex-direction: column; +} +.el-header { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-aside { + overflow: auto; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-footer, +.el-main { + -webkit-box-sizing: border-box; +} +.el-main { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + overflow: auto; + box-sizing: border-box; + padding: 20px; +} +.el-footer { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-timeline { + margin: 0; + font-size: 14px; + list-style: none; +} +.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { + display: none; +} +.el-timeline-item { + position: relative; + padding-bottom: 20px; +} +.el-timeline-item__wrapper { + position: relative; + padding-left: 28px; + top: -3px; +} +.el-timeline-item__tail { + position: absolute; + left: 4px; + height: 100%; + border-left: 2px solid #e4e7ed; +} +.el-timeline-item__icon { + color: #fff; + font-size: 13px; +} +.el-timeline-item__node { + position: absolute; + background-color: #e4e7ed; + border-radius: 50%; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image__error, +.el-timeline-item__dot { + display: -webkit-box; + display: -ms-flexbox; +} +.el-timeline-item__node--normal { + left: -1px; + width: 12px; + height: 12px; +} +.el-timeline-item__node--large { + left: -2px; + width: 14px; + height: 14px; +} +.el-timeline-item__node--primary { + background-color: #51c21a; +} +.el-timeline-item__node--success { + background-color: #67c23a; +} +.el-timeline-item__node--warning { + background-color: #e6a23c; +} +.el-timeline-item__node--danger { + background-color: #f56c6c; +} +.el-timeline-item__node--info { + background-color: #909399; +} +.el-timeline-item__dot { + position: absolute; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-timeline-item__content { + color: #303133; +} +.el-timeline-item__timestamp { + color: #909399; + line-height: 1; + font-size: 13px; +} +.el-timeline-item__timestamp.is-top { + margin-bottom: 8px; + padding-top: 4px; +} +.el-timeline-item__timestamp.is-bottom { + margin-top: 8px; +} +.el-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: 0; + padding: 0; +} +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid #51c21a; +} +.el-link.el-link--default:after, +.el-link.el-link--primary.is-underline:hover:after, +.el-link.el-link--primary:after { + border-color: #51c21a; +} +.el-link.is-disabled { + cursor: not-allowed; +} +.el-link [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-link.el-link--default { + color: #606266; +} +.el-link.el-link--default:hover { + color: #51c21a; +} +.el-link.el-link--default.is-disabled { + color: #c0c4cc; +} +.el-link.el-link--primary { + color: #51c21a; +} +.el-link.el-link--primary:hover { + color: #74ce48; +} +.el-link.el-link--primary.is-disabled { + color: #a8e18d; +} +.el-link.el-link--danger.is-underline:hover:after, +.el-link.el-link--danger:after { + border-color: #f56c6c; +} +.el-link.el-link--danger { + color: #f56c6c; +} +.el-link.el-link--danger:hover { + color: #f78989; +} +.el-link.el-link--danger.is-disabled { + color: #fab6b6; +} +.el-link.el-link--success.is-underline:hover:after, +.el-link.el-link--success:after { + border-color: #67c23a; +} +.el-link.el-link--success { + color: #67c23a; +} +.el-link.el-link--success:hover { + color: #85ce61; +} +.el-link.el-link--success.is-disabled { + color: #b3e19d; +} +.el-link.el-link--warning.is-underline:hover:after, +.el-link.el-link--warning:after { + border-color: #e6a23c; +} +.el-link.el-link--warning { + color: #e6a23c; +} +.el-link.el-link--warning:hover { + color: #ebb563; +} +.el-link.el-link--warning.is-disabled { + color: #f3d19e; +} +.el-link.el-link--info.is-underline:hover:after, +.el-link.el-link--info:after { + border-color: #909399; +} +.el-link.el-link--info { + color: #909399; +} +.el-link.el-link--info:hover { + color: #a6a9ad; +} +.el-link.el-link--info.is-disabled { + color: #c8c9cc; +} +.el-divider { + background-color: #dcdfe6; + position: relative; +} +.el-divider--horizontal { + display: block; + height: 1px; + width: 100%; + margin: 24px 0; +} +.el-divider--vertical { + display: inline-block; + width: 1px; + height: 1em; + margin: 0 8px; + vertical-align: middle; + position: relative; +} +.el-divider__text { + position: absolute; + background-color: #fff; + padding: 0 20px; + color: #303133; +} +.el-image__error, +.el-image__placeholder { + background: #f5f7fa; +} +.el-divider__text.is-left { + left: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-divider__text.is-center { + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.el-divider__text.is-right { + right: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-image__error, +.el-image__inner, +.el-image__placeholder { + width: 100%; + height: 100%; +} +.el-image { + position: relative; + display: inline-block; + overflow: hidden; +} +.el-image__inner { + vertical-align: top; +} +.el-image__inner--center { + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: block; +} +.el-image__error { + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + color: #c0c4cc; + vertical-align: middle; +} +.el-image__preview { + cursor: pointer; +} +.el-image-viewer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.el-image-viewer__btn { + position: absolute; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + opacity: 0.8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + user-select: none; +} +.el-button, +.el-checkbox { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 24px; + color: #fff; + background-color: #606266; +} +.el-image-viewer__canvas { + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image-viewer__actions { + left: 50%; + bottom: 30px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 282px; + height: 44px; + padding: 0 23px; + background-color: #606266; + border-color: #fff; + border-radius: 22px; +} +.el-image-viewer__actions__inner { + width: 100%; + height: 100%; + text-align: justify; + cursor: default; + font-size: 23px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-image-viewer__next, +.el-image-viewer__prev { + top: 50%; + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; +} +.el-image-viewer__prev { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 40px; +} +.el-image-viewer__next { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 40px; + text-indent: 2px; +} +.el-image-viewer__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.5; + background: #000; +} +.viewer-fade-enter-active { + -webkit-animation: viewer-fade-in 0.3s; + animation: viewer-fade-in 0.3s; +} +.viewer-fade-leave-active { + -webkit-animation: viewer-fade-out 0.3s; + animation: viewer-fade-out 0.3s; +} +@-webkit-keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 500; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button + .el-button { + margin-left: 10px; +} +.el-button:focus, +.el-button:hover { + color: #51c21a; + border-color: #cbedba; + background-color: #eef9e8; +} +.el-button:active { + color: #49af17; + border-color: #49af17; + outline: 0; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-button.is-plain:focus, +.el-button.is-plain:hover { + background: #fff; + border-color: #51c21a; + color: #51c21a; +} +.el-button.is-active, +.el-button.is-plain:active { + color: #49af17; + border-color: #49af17; +} +.el-button.is-plain:active { + background: #fff; + outline: 0; +} +.el-button.is-disabled, +.el-button.is-disabled:focus, +.el-button.is-disabled:hover { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, +.el-button.is-disabled.is-plain:focus, +.el-button.is-disabled.is-plain:hover { + background-color: #fff; + border-color: #ebeef5; + color: #c0c4cc; +} +.el-button.is-loading { + position: relative; + pointer-events: none; +} +.el-button.is-loading:before { + pointer-events: none; + content: ""; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, 0.35); +} +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} +.el-button--primary { + color: #fff; + background-color: #51c21a; + border-color: #51c21a; +} +.el-button--primary:focus, +.el-button--primary:hover { + background: #74ce48; + border-color: #74ce48; + color: #fff; +} +.el-button--primary.is-active, +.el-button--primary:active { + background: #49af17; + border-color: #49af17; + color: #fff; +} +.el-button--primary:active { + outline: 0; +} +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:active, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:hover { + color: #fff; + background-color: #a8e18d; + border-color: #a8e18d; +} +.el-button--primary.is-plain { + color: #51c21a; + background: #eef9e8; + border-color: #b9e7a3; +} +.el-button--primary.is-plain:focus, +.el-button--primary.is-plain:hover { + background: #51c21a; + border-color: #51c21a; + color: #fff; +} +.el-button--primary.is-plain:active { + background: #49af17; + border-color: #49af17; + color: #fff; + outline: 0; +} +.el-button--primary.is-plain.is-disabled, +.el-button--primary.is-plain.is-disabled:active, +.el-button--primary.is-plain.is-disabled:focus, +.el-button--primary.is-plain.is-disabled:hover { + color: #97da76; + background-color: #eef9e8; + border-color: #dcf3d1; +} +.el-button--success { + color: #fff; + background-color: #67c23a; + border-color: #67c23a; +} +.el-button--success:focus, +.el-button--success:hover { + background: #85ce61; + border-color: #85ce61; + color: #fff; +} +.el-button--success.is-active, +.el-button--success:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; +} +.el-button--success:active { + outline: 0; +} +.el-button--success.is-disabled, +.el-button--success.is-disabled:active, +.el-button--success.is-disabled:focus, +.el-button--success.is-disabled:hover { + color: #fff; + background-color: #b3e19d; + border-color: #b3e19d; +} +.el-button--success.is-plain { + color: #67c23a; + background: #f0f9eb; + border-color: #c2e7b0; +} +.el-button--success.is-plain:focus, +.el-button--success.is-plain:hover { + background: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-button--success.is-plain:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; + outline: 0; +} +.el-button--success.is-plain.is-disabled, +.el-button--success.is-plain.is-disabled:active, +.el-button--success.is-plain.is-disabled:focus, +.el-button--success.is-plain.is-disabled:hover { + color: #a4da89; + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-button--warning { + color: #fff; + background-color: #e6a23c; + border-color: #e6a23c; +} +.el-button--warning:focus, +.el-button--warning:hover { + background: #ebb563; + border-color: #ebb563; + color: #fff; +} +.el-button--warning.is-active, +.el-button--warning:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; +} +.el-button--warning:active { + outline: 0; +} +.el-button--warning.is-disabled, +.el-button--warning.is-disabled:active, +.el-button--warning.is-disabled:focus, +.el-button--warning.is-disabled:hover { + color: #fff; + background-color: #f3d19e; + border-color: #f3d19e; +} +.el-button--warning.is-plain { + color: #e6a23c; + background: #fdf6ec; + border-color: #f5dab1; +} +.el-button--warning.is-plain:focus, +.el-button--warning.is-plain:hover { + background: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-button--warning.is-plain:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; + outline: 0; +} +.el-button--warning.is-plain.is-disabled, +.el-button--warning.is-plain.is-disabled:active, +.el-button--warning.is-plain.is-disabled:focus, +.el-button--warning.is-plain.is-disabled:hover { + color: #f0c78a; + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-button--danger { + color: #fff; + background-color: #f56c6c; + border-color: #f56c6c; +} +.el-button--danger:focus, +.el-button--danger:hover { + background: #f78989; + border-color: #f78989; + color: #fff; +} +.el-button--danger.is-active, +.el-button--danger:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; +} +.el-button--danger:active { + outline: 0; +} +.el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, +.el-button--danger.is-disabled:hover { + color: #fff; + background-color: #fab6b6; + border-color: #fab6b6; +} +.el-button--danger.is-plain { + color: #f56c6c; + background: #fef0f0; + border-color: #fbc4c4; +} +.el-button--danger.is-plain:focus, +.el-button--danger.is-plain:hover { + background: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-button--danger.is-plain:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; + outline: 0; +} +.el-button--danger.is-plain.is-disabled, +.el-button--danger.is-plain.is-disabled:active, +.el-button--danger.is-plain.is-disabled:focus, +.el-button--danger.is-plain.is-disabled:hover { + color: #f9a7a7; + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-button--info { + color: #fff; + background-color: #909399; + border-color: #909399; +} +.el-button--info:focus, +.el-button--info:hover { + background: #a6a9ad; + border-color: #a6a9ad; + color: #fff; +} +.el-button--info.is-active, +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff; +} +.el-button--info:active { + outline: 0; +} +.el-button--info.is-disabled, +.el-button--info.is-disabled:active, +.el-button--info.is-disabled:focus, +.el-button--info.is-disabled:hover { + color: #fff; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:focus, +.el-button--info.is-plain:hover { + background: #909399; + border-color: #909399; + color: #fff; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0; +} +.el-button--info.is-plain.is-disabled, +.el-button--info.is-plain.is-disabled:active, +.el-button--info.is-plain.is-disabled:focus, +.el-button--info.is-plain.is-disabled:hover { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} +.el-button--text, +.el-button--text.is-disabled, +.el-button--text.is-disabled:focus, +.el-button--text.is-disabled:hover, +.el-button--text:active { + border-color: transparent; +} +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--mini, +.el-button--small { + font-size: 12px; + border-radius: 3px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} +.el-button--small, +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} +.el-button--mini, +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} +.el-button--text { + color: #51c21a; + background: 0 0; + padding-left: 0; + padding-right: 0; +} +.el-button--text:focus, +.el-button--text:hover { + color: #74ce48; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #49af17; + background-color: transparent; +} +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::after, +.el-button-group::before { + display: table; + content: ""; +} +.el-button-group::after { + clear: both; +} +.el-button-group > .el-button { + float: left; + position: relative; +} +.el-button-group > .el-button + .el-button { + margin-left: 0; +} +.el-button-group > .el-button.is-disabled { + z-index: 1; +} +.el-button-group > .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-button-group > .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-button-group > .el-button:first-child:last-child { + border-radius: 4px; +} +.el-button-group > .el-button:first-child:last-child.is-round { + border-radius: 20px; +} +.el-button-group > .el-button:first-child:last-child.is-circle { + border-radius: 50%; +} +.el-button-group > .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} +.el-button-group > .el-button:not(:last-child) { + margin-right: -1px; +} +.el-button-group > .el-button.is-active, +.el-button-group > .el-button:active, +.el-button-group > .el-button:focus, +.el-button-group > .el-button:hover { + z-index: 1; +} +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-calendar { + background-color: #fff; +} +.el-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #ebeef5; +} +.el-backtop, +.el-page-header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-calendar__title { + color: #000; + -ms-flex-item-align: center; + align-self: center; +} +.el-calendar__body { + padding: 12px 20px 35px; +} +.el-calendar-table { + table-layout: fixed; + width: 100%; +} +.el-calendar-table thead th { + padding: 12px 0; + color: #606266; + font-weight: 400; +} +.el-calendar-table:not(.is-range) td.next, +.el-calendar-table:not(.is-range) td.prev { + color: #c0c4cc; +} +.el-backtop, +.el-calendar-table td.is-today { + color: #51c21a; +} +.el-calendar-table td { + border-bottom: 1px solid #ebeef5; + border-right: 1px solid #ebeef5; + vertical-align: top; + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.el-calendar-table td.is-selected { + background-color: #f2f8fe; +} +.el-calendar-table tr:first-child td { + border-top: 1px solid #ebeef5; +} +.el-calendar-table tr td:first-child { + border-left: 1px solid #ebeef5; +} +.el-calendar-table tr.el-calendar-table__row--hide-border td { + border-top: none; +} +.el-calendar-table .el-calendar-day { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + height: 85px; +} +.el-calendar-table .el-calendar-day:hover { + cursor: pointer; + background-color: #f2f8fe; +} +.el-backtop { + position: fixed; + background-color: #fff; + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 20px; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + cursor: pointer; + z-index: 5; +} +.el-backtop:hover { + background-color: #f2f6fc; +} +.el-page-header { + display: flex; + line-height: 24px; +} +.el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + margin-right: 40px; + position: relative; +} +.el-page-header__left::after { + content: ""; + position: absolute; + width: 1px; + height: 16px; + right: -20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #dcdfe6; +} +.el-checkbox, +.el-checkbox__input { + display: inline-block; + position: relative; + white-space: nowrap; +} +.el-page-header__left .el-icon-back { + font-size: 18px; + margin-right: 6px; + -ms-flex-item-align: center; + align-self: center; +} +.el-page-header__title { + font-size: 14px; + font-weight: 500; +} +.el-page-header__content { + font-size: 18px; + color: #303133; +} +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + cursor: pointer; + user-select: none; + margin-right: 30px; +} +.el-checkbox-button__inner, +.el-radio { + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.el-checkbox.is-bordered { + padding: 9px 20px 9px 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: normal; + height: 40px; +} +.el-checkbox.is-bordered.is-checked { + border-color: #51c21a; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #ebeef5; + cursor: not-allowed; +} +.el-checkbox.is-bordered + .el-checkbox.is-bordered { + margin-left: 10px; +} +.el-checkbox.is-bordered.el-checkbox--medium { + padding: 7px 20px 7px 10px; + border-radius: 4px; + height: 36px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { + line-height: 17px; + font-size: 14px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { + height: 14px; + width: 14px; +} +.el-checkbox.is-bordered.el-checkbox--small { + padding: 5px 15px 5px 10px; + border-radius: 3px; + height: 32px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { + line-height: 15px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox.is-bordered.el-checkbox--mini { + padding: 3px 15px 3px 10px; + border-radius: 3px; + height: 28px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { + line-height: 12px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox__input { + cursor: pointer; + outline: 0; + line-height: 1; + vertical-align: middle; +} +.el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: #edf2fc; + border-color: #dcdfe6; + cursor: not-allowed; +} +.el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + background-color: #c0c4cc; + border-color: #c0c4cc; +} +.el-checkbox__input.is-checked .el-checkbox__inner, +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #51c21a; + border-color: #51c21a; +} +.el-checkbox__input.is-disabled + span.el-checkbox__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-checkbox__input.is-checked .el-checkbox__inner::after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1); +} +.el-checkbox__input.is-checked + .el-checkbox__label { + color: #51c21a; +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #51c21a; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #fff; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.5); + left: 0; + right: 0; + top: 5px; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} +.el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: #fff; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #51c21a; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, + -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} +.el-checkbox__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} +.el-checkbox-button, +.el-checkbox-button__inner { + display: inline-block; + position: relative; +} +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} +.el-checkbox:last-of-type { + margin-right: 0; +} +.el-checkbox-button__inner { + line-height: 1; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button__inner.is-round { + padding: 12px 20px; +} +.el-checkbox-button__inner:hover { + color: #51c21a; +} +.el-checkbox-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio, +.el-radio__input { + line-height: 1; + white-space: nowrap; + outline: 0; +} +.el-checkbox-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-checkbox-button__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + z-index: -1; +} +.el-radio, +.el-radio__inner, +.el-radio__input { + position: relative; + display: inline-block; +} +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: #51c21a; + border-color: #51c21a; + -webkit-box-shadow: -1px 0 0 0 #97da76; + box-shadow: -1px 0 0 0 #97da76; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #51c21a; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #ebeef5; +} +.el-checkbox-button:first-child .el-checkbox-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-checkbox-button.is-focus .el-checkbox-button__inner { + border-color: #51c21a; +} +.el-checkbox-button:last-child .el-checkbox-button__inner { + border-radius: 0 4px 4px 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner.is-round { + padding: 10px 20px; +} +.el-checkbox-button--small .el-checkbox-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--small .el-checkbox-button__inner.is-round { + padding: 9px 15px; +} +.el-checkbox-button--mini .el-checkbox-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--mini .el-checkbox-button__inner.is-round { + padding: 7px 15px; +} +.el-checkbox-group { + font-size: 0; +} +.el-radio, +.el-radio--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.el-radio { + color: #606266; + cursor: pointer; + margin-right: 30px; +} +.el-cascader-node > .el-radio, +.el-radio:last-child { + margin-right: 0; +} +.el-radio.is-bordered { + padding: 12px 20px 0 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; +} +.el-radio.is-bordered.is-checked { + border-color: #51c21a; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5; +} +.el-radio__input.is-disabled .el-radio__inner, +.el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; +} +.el-radio.is-bordered + .el-radio.is-bordered { + margin-left: 10px; +} +.el-radio--medium.is-bordered { + padding: 10px 20px 0 10px; + border-radius: 4px; + height: 36px; +} +.el-radio--mini.is-bordered .el-radio__label, +.el-radio--small.is-bordered .el-radio__label { + font-size: 12px; +} +.el-radio--medium.is-bordered .el-radio__inner { + height: 14px; + width: 14px; +} +.el-radio--small.is-bordered { + padding: 8px 15px 0 10px; + border-radius: 3px; + height: 32px; +} +.el-radio--small.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio--mini.is-bordered { + padding: 6px 15px 0 10px; + border-radius: 3px; + height: 28px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio__input { + cursor: pointer; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + cursor: not-allowed; +} +.el-radio__input.is-disabled .el-radio__inner::after { + cursor: not-allowed; + background-color: #f5f7fa; +} +.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { + cursor: not-allowed; +} +.el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #c0c4cc; +} +.el-radio__input.is-disabled + span.el-radio__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-radio__input.is-checked .el-radio__inner { + border-color: #51c21a; + background: #51c21a; +} +.el-radio__input.is-checked .el-radio__inner::after { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); +} +.el-radio__input.is-checked + .el-radio__label { + color: #51c21a; +} +.el-radio__input.is-focus .el-radio__inner { + border-color: #51c21a; +} +.el-radio__inner { + border: 1px solid #dcdfe6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #fff; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #51c21a; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #fff; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} +.el-radio__original { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #51c21a; + box-shadow: 0 0 2px 2px #51c21a; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:active > .el-scrollbar__bar, +.el-scrollbar:focus > .el-scrollbar__bar, +.el-scrollbar:hover > .el-scrollbar__bar { + opacity: 1; + -webkit-transition: opacity 340ms ease-out; + transition: opacity 340ms ease-out; +} +.el-scrollbar__wrap { + overflow: scroll; + height: 100%; +} +.el-scrollbar__wrap--hidden-default { + scrollbar-width: none; +} +.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} +.el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(144, 147, 153, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.5); +} +.el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + -webkit-transition: opacity 120ms ease-out; + transition: opacity 120ms ease-out; +} +.el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} +.el-scrollbar__bar.is-vertical > div { + width: 100%; +} +.el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} +.el-scrollbar__bar.is-horizontal > div { + height: 100%; +} +.el-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-panel.is-bordered { + border: 1px solid #e4e7ed; + border-radius: 4px; +} +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #e4e7ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-avatar, +.el-drawer { + -webkit-box-sizing: border-box; + overflow: hidden; +} +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #c0c4cc; +} +.el-cascader-node { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: 0; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, +.el-cascader-node.is-active, +.el-cascader-node.is-selectable.in-checked-path { + color: #51c21a; + font-weight: 700; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):focus, +.el-cascader-node:not(.is-disabled):hover { + background: #f5f7fa; +} +.el-cascader-node.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} +.el-avatar { + display: inline-block; + box-sizing: border-box; + text-align: center; + color: #fff; + background: #c0c4cc; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} +.el-drawer, +.el-drawer__header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-avatar--circle { + border-radius: 50%; +} +.el-avatar--square { + border-radius: 4px; +} +.el-avatar--icon { + font-size: 18px; +} +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} +.el-drawer.btt, +.el-drawer.ttb, +.el-drawer__container { + left: 0; + right: 0; + width: 100%; +} +.el-drawer.ltr, +.el-drawer.rtl, +.el-drawer__container { + top: 0; + bottom: 0; + height: 100%; +} +@-webkit-keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@-webkit-keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@-webkit-keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@-webkit-keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +@keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +.el-drawer { + position: absolute; + box-sizing: border-box; + background-color: #fff; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), + 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), + 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + outline: 0; +} +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out 0.3s; + animation: rtl-drawer-out 0.3s; + right: 0; +} +.el-drawer__open .el-drawer.rtl { + -webkit-animation: rtl-drawer-in 0.3s 1ms; + animation: rtl-drawer-in 0.3s 1ms; +} +.el-drawer.ltr { + -webkit-animation: ltr-drawer-out 0.3s; + animation: ltr-drawer-out 0.3s; + left: 0; +} +.el-drawer__open .el-drawer.ltr { + -webkit-animation: ltr-drawer-in 0.3s 1ms; + animation: ltr-drawer-in 0.3s 1ms; +} +.el-drawer.ttb { + -webkit-animation: ttb-drawer-out 0.3s; + animation: ttb-drawer-out 0.3s; + top: 0; +} +.el-drawer__open .el-drawer.ttb { + -webkit-animation: ttb-drawer-in 0.3s 1ms; + animation: ttb-drawer-in 0.3s 1ms; +} +.el-drawer.btt { + -webkit-animation: btt-drawer-out 0.3s; + animation: btt-drawer-out 0.3s; + bottom: 0; +} +.el-drawer__open .el-drawer.btt { + -webkit-animation: btt-drawer-in 0.3s 1ms; + animation: btt-drawer-in 0.3s 1ms; +} +.el-drawer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + margin: 0; +} +.el-drawer__header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #72767b; + display: flex; + margin-bottom: 32px; + padding: 20px 20px 0; +} +.el-drawer__header > :first-child { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__title { + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: inherit; + font-size: 1rem; +} +.el-drawer__close-btn { + border: none; + cursor: pointer; + font-size: 20px; + color: inherit; + background-color: transparent; +} +.el-drawer__body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-drawer__container { + position: relative; +} +.el-drawer-fade-enter-active { + -webkit-animation: el-drawer-fade-in 0.3s; + animation: el-drawer-fade-in 0.3s; +} +.el-drawer-fade-leave-active { + animation: el-drawer-fade-in 0.3s reverse; +} +.el-popconfirm__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-popconfirm__icon { + margin-right: 5px; +} +.el-popconfirm__action { + text-align: right; + margin: 0; +} + +.cl-slider-menu .el-menu-item.is-active, +.cl-slider-menu .el-menu-item:hover, +.cl-slider-menu .el-menu .el-submenu__title:hover { + background-color: #51C21A !important; +} diff --git a/assets/theme/purple.css b/assets/theme/purple.css new file mode 100644 index 0000000..efe6b99 --- /dev/null +++ b/assets/theme/purple.css @@ -0,0 +1,13154 @@ +@charset "UTF-8"; +.el-pagination--small .arrow.disabled, +.el-table .hidden-columns, +.el-table td.is-hidden > *, +.el-table th.is-hidden > *, +.el-table--hidden { + visibility: hidden; +} +.el-input__suffix, +.el-tree.is-dragging .el-tree-node__content * { + pointer-events: none; +} +.el-dropdown .el-dropdown-selfdefine:focus:active, +.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), +.el-message__closeBtn:focus, +.el-message__content:focus, +.el-popover:focus, +.el-popover:focus:active, +.el-popover__reference:focus:hover, +.el-popover__reference:focus:not(.focusing), +.el-rate:active, +.el-rate:focus, +.el-tooltip:focus:hover, +.el-tooltip:focus:not(.focusing), +.el-upload-list__item.is-success:active, +.el-upload-list__item.is-success:not(.focusing):focus { + outline-width: 0; +} +@font-face { + font-family: element-icons; + src: url(fonts/element-icons.woff) format("woff"), + url(fonts/element-icons.ttf) format("truetype"); + font-weight: 400; + font-display: "auto"; + font-style: normal; +} +[class*=" el-icon-"], +[class^="el-icon-"] { + font-family: element-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-icon-ice-cream-round:before { + content: "\e6a0"; +} +.el-icon-ice-cream-square:before { + content: "\e6a3"; +} +.el-icon-lollipop:before { + content: "\e6a4"; +} +.el-icon-potato-strips:before { + content: "\e6a5"; +} +.el-icon-milk-tea:before { + content: "\e6a6"; +} +.el-icon-ice-drink:before { + content: "\e6a7"; +} +.el-icon-ice-tea:before { + content: "\e6a9"; +} +.el-icon-coffee:before { + content: "\e6aa"; +} +.el-icon-orange:before { + content: "\e6ab"; +} +.el-icon-pear:before { + content: "\e6ac"; +} +.el-icon-apple:before { + content: "\e6ad"; +} +.el-icon-cherry:before { + content: "\e6ae"; +} +.el-icon-watermelon:before { + content: "\e6af"; +} +.el-icon-grape:before { + content: "\e6b0"; +} +.el-icon-refrigerator:before { + content: "\e6b1"; +} +.el-icon-goblet-square-full:before { + content: "\e6b2"; +} +.el-icon-goblet-square:before { + content: "\e6b3"; +} +.el-icon-goblet-full:before { + content: "\e6b4"; +} +.el-icon-goblet:before { + content: "\e6b5"; +} +.el-icon-cold-drink:before { + content: "\e6b6"; +} +.el-icon-coffee-cup:before { + content: "\e6b8"; +} +.el-icon-water-cup:before { + content: "\e6b9"; +} +.el-icon-hot-water:before { + content: "\e6ba"; +} +.el-icon-ice-cream:before { + content: "\e6bb"; +} +.el-icon-dessert:before { + content: "\e6bc"; +} +.el-icon-sugar:before { + content: "\e6bd"; +} +.el-icon-tableware:before { + content: "\e6be"; +} +.el-icon-burger:before { + content: "\e6bf"; +} +.el-icon-knife-fork:before { + content: "\e6c1"; +} +.el-icon-fork-spoon:before { + content: "\e6c2"; +} +.el-icon-chicken:before { + content: "\e6c3"; +} +.el-icon-food:before { + content: "\e6c4"; +} +.el-icon-dish-1:before { + content: "\e6c5"; +} +.el-icon-dish:before { + content: "\e6c6"; +} +.el-icon-moon-night:before { + content: "\e6ee"; +} +.el-icon-moon:before { + content: "\e6f0"; +} +.el-icon-cloudy-and-sunny:before { + content: "\e6f1"; +} +.el-icon-partly-cloudy:before { + content: "\e6f2"; +} +.el-icon-cloudy:before { + content: "\e6f3"; +} +.el-icon-sunny:before { + content: "\e6f6"; +} +.el-icon-sunset:before { + content: "\e6f7"; +} +.el-icon-sunrise-1:before { + content: "\e6f8"; +} +.el-icon-sunrise:before { + content: "\e6f9"; +} +.el-icon-heavy-rain:before { + content: "\e6fa"; +} +.el-icon-lightning:before { + content: "\e6fb"; +} +.el-icon-light-rain:before { + content: "\e6fc"; +} +.el-icon-wind-power:before { + content: "\e6fd"; +} +.el-icon-baseball:before { + content: "\e712"; +} +.el-icon-soccer:before { + content: "\e713"; +} +.el-icon-football:before { + content: "\e715"; +} +.el-icon-basketball:before { + content: "\e716"; +} +.el-icon-ship:before { + content: "\e73f"; +} +.el-icon-truck:before { + content: "\e740"; +} +.el-icon-bicycle:before { + content: "\e741"; +} +.el-icon-mobile-phone:before { + content: "\e6d3"; +} +.el-icon-service:before { + content: "\e6d4"; +} +.el-icon-key:before { + content: "\e6e2"; +} +.el-icon-unlock:before { + content: "\e6e4"; +} +.el-icon-lock:before { + content: "\e6e5"; +} +.el-icon-watch:before { + content: "\e6fe"; +} +.el-icon-watch-1:before { + content: "\e6ff"; +} +.el-icon-timer:before { + content: "\e702"; +} +.el-icon-alarm-clock:before { + content: "\e703"; +} +.el-icon-map-location:before { + content: "\e704"; +} +.el-icon-delete-location:before { + content: "\e705"; +} +.el-icon-add-location:before { + content: "\e706"; +} +.el-icon-location-information:before { + content: "\e707"; +} +.el-icon-location-outline:before { + content: "\e708"; +} +.el-icon-location:before { + content: "\e79e"; +} +.el-icon-place:before { + content: "\e709"; +} +.el-icon-discover:before { + content: "\e70a"; +} +.el-icon-first-aid-kit:before { + content: "\e70b"; +} +.el-icon-trophy-1:before { + content: "\e70c"; +} +.el-icon-trophy:before { + content: "\e70d"; +} +.el-icon-medal:before { + content: "\e70e"; +} +.el-icon-medal-1:before { + content: "\e70f"; +} +.el-icon-stopwatch:before { + content: "\e710"; +} +.el-icon-mic:before { + content: "\e711"; +} +.el-icon-copy-document:before { + content: "\e718"; +} +.el-icon-full-screen:before { + content: "\e719"; +} +.el-icon-switch-button:before { + content: "\e71b"; +} +.el-icon-aim:before { + content: "\e71c"; +} +.el-icon-crop:before { + content: "\e71d"; +} +.el-icon-odometer:before { + content: "\e71e"; +} +.el-icon-time:before { + content: "\e71f"; +} +.el-icon-bangzhu:before { + content: "\e724"; +} +.el-icon-close-notification:before { + content: "\e726"; +} +.el-icon-microphone:before { + content: "\e727"; +} +.el-icon-turn-off-microphone:before { + content: "\e728"; +} +.el-icon-position:before { + content: "\e729"; +} +.el-icon-postcard:before { + content: "\e72a"; +} +.el-icon-message:before { + content: "\e72b"; +} +.el-icon-chat-line-square:before { + content: "\e72d"; +} +.el-icon-chat-dot-square:before { + content: "\e72e"; +} +.el-icon-chat-dot-round:before { + content: "\e72f"; +} +.el-icon-chat-square:before { + content: "\e730"; +} +.el-icon-chat-line-round:before { + content: "\e731"; +} +.el-icon-chat-round:before { + content: "\e732"; +} +.el-icon-set-up:before { + content: "\e733"; +} +.el-icon-turn-off:before { + content: "\e734"; +} +.el-icon-open:before { + content: "\e735"; +} +.el-icon-connection:before { + content: "\e736"; +} +.el-icon-link:before { + content: "\e737"; +} +.el-icon-cpu:before { + content: "\e738"; +} +.el-icon-thumb:before { + content: "\e739"; +} +.el-icon-female:before { + content: "\e73a"; +} +.el-icon-male:before { + content: "\e73b"; +} +.el-icon-guide:before { + content: "\e73c"; +} +.el-icon-news:before { + content: "\e73e"; +} +.el-icon-price-tag:before { + content: "\e744"; +} +.el-icon-discount:before { + content: "\e745"; +} +.el-icon-wallet:before { + content: "\e747"; +} +.el-icon-coin:before { + content: "\e748"; +} +.el-icon-money:before { + content: "\e749"; +} +.el-icon-bank-card:before { + content: "\e74a"; +} +.el-icon-box:before { + content: "\e74b"; +} +.el-icon-present:before { + content: "\e74c"; +} +.el-icon-sell:before { + content: "\e6d5"; +} +.el-icon-sold-out:before { + content: "\e6d6"; +} +.el-icon-shopping-bag-2:before { + content: "\e74d"; +} +.el-icon-shopping-bag-1:before { + content: "\e74e"; +} +.el-icon-shopping-cart-2:before { + content: "\e74f"; +} +.el-icon-shopping-cart-1:before { + content: "\e750"; +} +.el-icon-shopping-cart-full:before { + content: "\e751"; +} +.el-icon-smoking:before { + content: "\e752"; +} +.el-icon-no-smoking:before { + content: "\e753"; +} +.el-icon-house:before { + content: "\e754"; +} +.el-icon-table-lamp:before { + content: "\e755"; +} +.el-icon-school:before { + content: "\e756"; +} +.el-icon-office-building:before { + content: "\e757"; +} +.el-icon-toilet-paper:before { + content: "\e758"; +} +.el-icon-notebook-2:before { + content: "\e759"; +} +.el-icon-notebook-1:before { + content: "\e75a"; +} +.el-icon-files:before { + content: "\e75b"; +} +.el-icon-collection:before { + content: "\e75c"; +} +.el-icon-receiving:before { + content: "\e75d"; +} +.el-icon-suitcase-1:before { + content: "\e760"; +} +.el-icon-suitcase:before { + content: "\e761"; +} +.el-icon-film:before { + content: "\e763"; +} +.el-icon-collection-tag:before { + content: "\e765"; +} +.el-icon-data-analysis:before { + content: "\e766"; +} +.el-icon-pie-chart:before { + content: "\e767"; +} +.el-icon-data-board:before { + content: "\e768"; +} +.el-icon-data-line:before { + content: "\e76d"; +} +.el-icon-reading:before { + content: "\e769"; +} +.el-icon-magic-stick:before { + content: "\e76a"; +} +.el-icon-coordinate:before { + content: "\e76b"; +} +.el-icon-mouse:before { + content: "\e76c"; +} +.el-icon-brush:before { + content: "\e76e"; +} +.el-icon-headset:before { + content: "\e76f"; +} +.el-icon-umbrella:before { + content: "\e770"; +} +.el-icon-scissors:before { + content: "\e771"; +} +.el-icon-mobile:before { + content: "\e773"; +} +.el-icon-attract:before { + content: "\e774"; +} +.el-icon-monitor:before { + content: "\e775"; +} +.el-icon-search:before { + content: "\e778"; +} +.el-icon-takeaway-box:before { + content: "\e77a"; +} +.el-icon-paperclip:before { + content: "\e77d"; +} +.el-icon-printer:before { + content: "\e77e"; +} +.el-icon-document-add:before { + content: "\e782"; +} +.el-icon-document:before { + content: "\e785"; +} +.el-icon-document-checked:before { + content: "\e786"; +} +.el-icon-document-copy:before { + content: "\e787"; +} +.el-icon-document-delete:before { + content: "\e788"; +} +.el-icon-document-remove:before { + content: "\e789"; +} +.el-icon-tickets:before { + content: "\e78b"; +} +.el-icon-folder-checked:before { + content: "\e77f"; +} +.el-icon-folder-delete:before { + content: "\e780"; +} +.el-icon-folder-remove:before { + content: "\e781"; +} +.el-icon-folder-add:before { + content: "\e783"; +} +.el-icon-folder-opened:before { + content: "\e784"; +} +.el-icon-folder:before { + content: "\e78a"; +} +.el-icon-edit-outline:before { + content: "\e764"; +} +.el-icon-edit:before { + content: "\e78c"; +} +.el-icon-date:before { + content: "\e78e"; +} +.el-icon-c-scale-to-original:before { + content: "\e7c6"; +} +.el-icon-view:before { + content: "\e6ce"; +} +.el-icon-loading:before { + content: "\e6cf"; +} +.el-icon-rank:before { + content: "\e6d1"; +} +.el-icon-sort-down:before { + content: "\e7c4"; +} +.el-icon-sort-up:before { + content: "\e7c5"; +} +.el-icon-sort:before { + content: "\e6d2"; +} +.el-icon-finished:before { + content: "\e6cd"; +} +.el-icon-refresh-left:before { + content: "\e6c7"; +} +.el-icon-refresh-right:before { + content: "\e6c8"; +} +.el-icon-refresh:before { + content: "\e6d0"; +} +.el-icon-video-play:before { + content: "\e7c0"; +} +.el-icon-video-pause:before { + content: "\e7c1"; +} +.el-icon-d-arrow-right:before { + content: "\e6dc"; +} +.el-icon-d-arrow-left:before { + content: "\e6dd"; +} +.el-icon-arrow-up:before { + content: "\e6e1"; +} +.el-icon-arrow-down:before { + content: "\e6df"; +} +.el-icon-arrow-right:before { + content: "\e6e0"; +} +.el-icon-arrow-left:before { + content: "\e6de"; +} +.el-icon-top-right:before { + content: "\e6e7"; +} +.el-icon-top-left:before { + content: "\e6e8"; +} +.el-icon-top:before { + content: "\e6e6"; +} +.el-icon-bottom:before { + content: "\e6eb"; +} +.el-icon-right:before { + content: "\e6e9"; +} +.el-icon-back:before { + content: "\e6ea"; +} +.el-icon-bottom-right:before { + content: "\e6ec"; +} +.el-icon-bottom-left:before { + content: "\e6ed"; +} +.el-icon-caret-top:before { + content: "\e78f"; +} +.el-icon-caret-bottom:before { + content: "\e790"; +} +.el-icon-caret-right:before { + content: "\e791"; +} +.el-icon-caret-left:before { + content: "\e792"; +} +.el-icon-d-caret:before { + content: "\e79a"; +} +.el-icon-share:before { + content: "\e793"; +} +.el-icon-menu:before { + content: "\e798"; +} +.el-icon-s-grid:before { + content: "\e7a6"; +} +.el-icon-s-check:before { + content: "\e7a7"; +} +.el-icon-s-data:before { + content: "\e7a8"; +} +.el-icon-s-opportunity:before { + content: "\e7aa"; +} +.el-icon-s-custom:before { + content: "\e7ab"; +} +.el-icon-s-claim:before { + content: "\e7ad"; +} +.el-icon-s-finance:before { + content: "\e7ae"; +} +.el-icon-s-comment:before { + content: "\e7af"; +} +.el-icon-s-flag:before { + content: "\e7b0"; +} +.el-icon-s-marketing:before { + content: "\e7b1"; +} +.el-icon-s-shop:before { + content: "\e7b4"; +} +.el-icon-s-open:before { + content: "\e7b5"; +} +.el-icon-s-management:before { + content: "\e7b6"; +} +.el-icon-s-ticket:before { + content: "\e7b7"; +} +.el-icon-s-release:before { + content: "\e7b8"; +} +.el-icon-s-home:before { + content: "\e7b9"; +} +.el-icon-s-promotion:before { + content: "\e7ba"; +} +.el-icon-s-operation:before { + content: "\e7bb"; +} +.el-icon-s-unfold:before { + content: "\e7bc"; +} +.el-icon-s-fold:before { + content: "\e7a9"; +} +.el-icon-s-platform:before { + content: "\e7bd"; +} +.el-icon-s-order:before { + content: "\e7be"; +} +.el-icon-s-cooperation:before { + content: "\e7bf"; +} +.el-icon-bell:before { + content: "\e725"; +} +.el-icon-message-solid:before { + content: "\e799"; +} +.el-icon-video-camera:before { + content: "\e772"; +} +.el-icon-video-camera-solid:before { + content: "\e796"; +} +.el-icon-camera:before { + content: "\e779"; +} +.el-icon-camera-solid:before { + content: "\e79b"; +} +.el-icon-download:before { + content: "\e77c"; +} +.el-icon-upload2:before { + content: "\e77b"; +} +.el-icon-upload:before { + content: "\e7c3"; +} +.el-icon-picture-outline-round:before { + content: "\e75f"; +} +.el-icon-picture-outline:before { + content: "\e75e"; +} +.el-icon-picture:before { + content: "\e79f"; +} +.el-icon-close:before { + content: "\e6db"; +} +.el-icon-check:before { + content: "\e6da"; +} +.el-icon-plus:before { + content: "\e6d9"; +} +.el-icon-minus:before { + content: "\e6d8"; +} +.el-icon-help:before { + content: "\e73d"; +} +.el-icon-s-help:before { + content: "\e7b3"; +} +.el-icon-circle-close:before { + content: "\e78d"; +} +.el-icon-circle-check:before { + content: "\e720"; +} +.el-icon-circle-plus-outline:before { + content: "\e723"; +} +.el-icon-remove-outline:before { + content: "\e722"; +} +.el-icon-zoom-out:before { + content: "\e776"; +} +.el-icon-zoom-in:before { + content: "\e777"; +} +.el-icon-error:before { + content: "\e79d"; +} +.el-icon-success:before { + content: "\e79c"; +} +.el-icon-circle-plus:before { + content: "\e7a0"; +} +.el-icon-remove:before { + content: "\e7a2"; +} +.el-icon-info:before { + content: "\e7a1"; +} +.el-icon-question:before { + content: "\e7a4"; +} +.el-icon-warning-outline:before { + content: "\e6c9"; +} +.el-icon-warning:before { + content: "\e7a3"; +} +.el-icon-goods:before { + content: "\e7c2"; +} +.el-icon-s-goods:before { + content: "\e7b2"; +} +.el-icon-star-off:before { + content: "\e717"; +} +.el-icon-star-on:before { + content: "\e797"; +} +.el-icon-more-outline:before { + content: "\e6cc"; +} +.el-icon-more:before { + content: "\e794"; +} +.el-icon-phone-outline:before { + content: "\e6cb"; +} +.el-icon-phone:before { + content: "\e795"; +} +.el-icon-user:before { + content: "\e6e3"; +} +.el-icon-user-solid:before { + content: "\e7a5"; +} +.el-icon-setting:before { + content: "\e6ca"; +} +.el-icon-s-tools:before { + content: "\e7ac"; +} +.el-icon-delete:before { + content: "\e6d7"; +} +.el-icon-delete-solid:before { + content: "\e7c9"; +} +.el-icon-eleme:before { + content: "\e7c7"; +} +.el-icon-platform-eleme:before { + content: "\e7ca"; +} +.el-icon-loading { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} +.el-icon--right { + margin-left: 5px; +} +.el-icon--left { + margin-right: 5px; +} +@-webkit-keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +@keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +.el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: #303133; + font-weight: 700; +} +.el-pagination::after, +.el-pagination::before { + display: table; + content: ""; +} +.el-pagination::after { + clear: both; +} +.el-pagination button, +.el-pagination span:not([class*="suffix"]) { + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + vertical-align: top; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-pagination .el-input__inner { + text-align: center; + -moz-appearance: textfield; + line-height: normal; +} +.el-pagination .el-input__suffix { + right: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-pagination .el-select .el-input { + width: 100px; + margin: 0 5px; +} +.el-pagination .el-select .el-input .el-input__inner { + padding-right: 25px; + border-radius: 3px; +} +.el-pagination button { + border: none; + padding: 0 6px; + background: 0 0; +} +.el-pagination button:focus { + outline: 0; +} +.el-pagination button:hover { + color: #d0378d; +} +.el-pagination button:disabled { + color: #c0c4cc; + background-color: #fff; + cursor: not-allowed; +} +.el-pagination .btn-next, +.el-pagination .btn-prev { + background: center center no-repeat #fff; + background-size: 16px; + cursor: pointer; + margin: 0; + color: #303133; +} +.el-pagination .btn-next .el-icon, +.el-pagination .btn-prev .el-icon { + display: block; + font-size: 12px; + font-weight: 700; +} +.el-pagination .btn-prev { + padding-right: 12px; +} +.el-pagination .btn-next { + padding-left: 12px; +} +.el-pagination .el-pager li.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-pager li, +.el-pager li.btn-quicknext:hover, +.el-pager li.btn-quickprev:hover { + cursor: pointer; +} +.el-pagination--small .btn-next, +.el-pagination--small .btn-prev, +.el-pagination--small .el-pager li, +.el-pagination--small .el-pager li.btn-quicknext, +.el-pagination--small .el-pager li.btn-quickprev, +.el-pagination--small .el-pager li:last-child { + border-color: transparent; + font-size: 12px; + line-height: 22px; + height: 22px; + min-width: 22px; +} +.el-pagination--small .more::before, +.el-pagination--small li.more::before { + line-height: 24px; +} +.el-pagination--small button, +.el-pagination--small span:not([class*="suffix"]) { + height: 22px; + line-height: 22px; +} +.el-pagination--small .el-pagination__editor, +.el-pagination--small .el-pagination__editor.el-input .el-input__inner { + height: 22px; +} +.el-pagination__sizes { + margin: 0 10px 0 0; + font-weight: 400; + color: #606266; +} +.el-pagination__sizes .el-input .el-input__inner { + font-size: 13px; + padding-left: 8px; +} +.el-pagination__sizes .el-input .el-input__inner:hover { + border-color: #d0378d; +} +.el-pagination__total { + margin-right: 10px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump { + margin-left: 24px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump .el-input__inner { + padding: 0 3px; +} +.el-pagination__rightwrapper { + float: right; +} +.el-pagination__editor { + line-height: 18px; + padding: 0 2px; + height: 28px; + text-align: center; + margin: 0 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; +} +.el-pager, +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev { + padding: 0; +} +.el-pagination__editor.el-input { + width: 50px; +} +.el-pagination__editor.el-input .el-input__inner { + height: 28px; +} +.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, +.el-pagination__editor .el-input__inner::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev, +.el-pagination.is-background .el-pager li { + margin: 0 5px; + background-color: #f4f4f5; + color: #606266; + min-width: 30px; + border-radius: 2px; +} +.el-pagination.is-background .btn-next.disabled, +.el-pagination.is-background .btn-next:disabled, +.el-pagination.is-background .btn-prev.disabled, +.el-pagination.is-background .btn-prev:disabled, +.el-pagination.is-background .el-pager li.disabled { + color: #c0c4cc; +} +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: #d0378d; +} +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: #d0378d; + color: #fff; +} +.el-dialog, +.el-pager li { + background: #fff; + -webkit-box-sizing: border-box; +} +.el-pagination.is-background.el-pagination--small .btn-next, +.el-pagination.is-background.el-pagination--small .btn-prev, +.el-pagination.is-background.el-pagination--small .el-pager li { + margin: 0 3px; + min-width: 22px; +} +.el-pager, +.el-pager li { + vertical-align: top; + margin: 0; + display: inline-block; +} +.el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + font-size: 0; +} +.el-date-table, +.el-table th { + -webkit-user-select: none; + -moz-user-select: none; +} +.el-pager .more::before { + line-height: 30px; +} +.el-pager li { + padding: 0 4px; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + box-sizing: border-box; + text-align: center; +} +.el-menu--collapse .el-menu .el-submenu, +.el-menu--popup { + min-width: 200px; +} +.el-pager li.btn-quicknext, +.el-pager li.btn-quickprev { + line-height: 28px; + color: #303133; +} +.el-pager li.btn-quicknext.disabled, +.el-pager li.btn-quickprev.disabled { + color: #c0c4cc; +} +.el-pager li.active + li { + border-left: 0; +} +.el-pager li:hover { + color: #d0378d; +} +.el-pager li.active { + color: #d0378d; + cursor: default; +} +@-webkit-keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@-webkit-keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.el-dialog { + position: relative; + margin: 0 auto 50px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + width: 50%; +} +.el-dialog.is-fullscreen { + width: 100%; + margin-top: 0; + margin-bottom: 0; + height: 100%; + overflow: auto; +} +.el-dialog__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + margin: 0; +} +.el-dialog__header { + padding: 20px 20px 10px; +} +.el-dialog__headerbtn { + position: absolute; + top: 20px; + right: 20px; + padding: 0; + background: 0 0; + border: none; + outline: 0; + cursor: pointer; + font-size: 16px; +} +.el-dialog__headerbtn .el-dialog__close { + color: #909399; +} +.el-dialog__headerbtn:focus .el-dialog__close, +.el-dialog__headerbtn:hover .el-dialog__close { + color: #d0378d; +} +.el-dialog__title { + line-height: 24px; + font-size: 18px; + color: #303133; +} +.el-dialog__body { + padding: 30px 20px; + color: #606266; + font-size: 14px; + word-break: break-all; +} +.el-dialog__footer { + padding: 10px 20px 20px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-dialog--center { + text-align: center; +} +.el-dialog--center .el-dialog__body { + text-align: initial; + padding: 25px 25px 30px; +} +.el-dialog--center .el-dialog__footer { + text-align: inherit; +} +.dialog-fade-enter-active { + -webkit-animation: dialog-fade-in 0.3s; + animation: dialog-fade-in 0.3s; +} +.dialog-fade-leave-active { + -webkit-animation: dialog-fade-out 0.3s; + animation: dialog-fade-out 0.3s; +} +@-webkit-keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-autocomplete { + position: relative; + display: inline-block; +} +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + border: 1px solid #e4e7ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; +} +.el-dropdown-menu, +.el-menu--collapse .el-submenu .el-menu { + z-index: 10; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-autocomplete-suggestion__list { + margin: 0; + padding: 0; +} +.el-autocomplete-suggestion li { + padding: 0 20px; + margin: 0; + line-height: 34px; + cursor: pointer; + color: #606266; + font-size: 14px; + list-style: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-autocomplete-suggestion li.highlighted, +.el-autocomplete-suggestion li:hover { + background-color: #f5f7fa; +} +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000; +} +.el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px; +} +.el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999; +} +.el-autocomplete-suggestion.is-loading li::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-autocomplete-suggestion.is-loading li:hover { + background-color: #fff; +} +.el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; + font-size: 14px; +} +.el-dropdown .el-button-group { + display: block; +} +.el-dropdown .el-button-group .el-button { + float: none; +} +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none; +} +.el-dropdown .el-dropdown__caret-button::before { + content: ""; + position: absolute; + display: block; + width: 1px; + top: 5px; + bottom: 5px; + left: 0; + background: rgba(255, 255, 255, 0.5); +} +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} +.el-dropdown .el-dropdown__caret-button:hover::before { + top: 0; + bottom: 0; +} +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + padding: 10px 0; + margin: 5px 0; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; + outline: 0; +} +.el-dropdown-menu__item:focus, +.el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #faebf4; + color: #d95fa4; +} +.el-dropdown-menu__item i { + margin-right: 5px; +} +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #ebeef5; +} +.el-dropdown-menu__item--divided:before { + content: ""; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #fff; +} +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none; +} +.el-dropdown-menu--medium { + padding: 6px 0; +} +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px; +} +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px; +} +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px; +} +.el-dropdown-menu--small { + padding: 6px 0; +} +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px; +} +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px; +} +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px; +} +.el-dropdown-menu--mini { + padding: 3px 0; +} +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px; +} +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px; +} +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px; +} +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #fff; +} +.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, +.el-menu--horizontal > .el-submenu .el-submenu__title:hover { + background-color: #fff; +} +.el-menu::after, +.el-menu::before { + display: table; + content: ""; +} +.el-menu::after { + clear: both; +} +.el-menu.el-menu--horizontal { + border-bottom: solid 1px #e6e6e6; +} +.el-menu--horizontal { + border-right: none; +} +.el-menu--horizontal > .el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-menu-item a, +.el-menu--horizontal > .el-menu-item a:hover { + color: inherit; +} +.el-menu--horizontal > .el-submenu { + float: left; +} +.el-menu--horizontal > .el-submenu:focus, +.el-menu--horizontal > .el-submenu:hover { + outline: 0; +} +.el-menu--horizontal > .el-submenu:focus .el-submenu__title, +.el-menu--horizontal > .el-submenu:hover .el-submenu__title { + color: #303133; +} +.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { + border-bottom: 2px solid #d0378d; + color: #303133; +} +.el-menu--horizontal > .el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-submenu .el-submenu__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-submenu__title { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; + color: #909399; +} +.el-menu--horizontal .el-menu .el-menu-item.is-active, +.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { + color: #303133; +} +.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { + outline: 0; + color: #303133; +} +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid #d0378d; + color: #303133; +} +.el-menu--collapse { + width: 64px; +} +.el-menu--collapse > .el-menu-item [class^="el-icon-"], +.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { + margin: 0; + vertical-align: middle; + width: 24px; + text-align: center; +} +.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, +.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { + display: none; +} +.el-menu--collapse > .el-menu-item span, +.el-menu--collapse > .el-submenu > .el-submenu__title span { + 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-submenu { + position: relative; +} +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + border: 1px solid #e4e7ed; + border-radius: 2px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu-item, +.el-submenu__title { + height: 56px; + line-height: 56px; + position: relative; + -webkit-box-sizing: border-box; + white-space: nowrap; + list-style: none; +} +.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none; +} +.el-menu--popup { + z-index: 100; + border: none; + padding: 5px 0; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu--popup-bottom-start { + margin-top: 5px; +} +.el-menu--popup-right-start { + margin-left: 5px; + margin-right: 5px; +} +.el-menu-item { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-menu-item * { + vertical-align: middle; +} +.el-menu-item i { + color: #909399; +} +.el-menu-item:focus, +.el-menu-item:hover { + outline: 0; + background-color: #faebf4; +} +.el-menu-item.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-menu-item [class^="el-icon-"] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle; +} +.el-menu-item.is-active { + color: #d0378d; +} +.el-menu-item.is-active i { + color: inherit; +} +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0; +} +.el-submenu__title { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; + transition: border-color 0.3s, background-color 0.3s, color 0.3s; + box-sizing: border-box; +} +.el-submenu__title * { + vertical-align: middle; +} +.el-submenu__title i { + color: #909399; +} +.el-submenu__title:focus, +.el-submenu__title:hover { + outline: 0; + background-color: #faebf4; +} +.el-submenu__title.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu__title:hover { + background-color: #faebf4; +} +.el-submenu .el-menu { + border: none; +} +.el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; + min-width: 200px; +} +.el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 12px; +} +.el-submenu.is-active .el-submenu__title { + border-bottom-color: #d0378d; +} +.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-submenu.is-disabled .el-menu-item, +.el-submenu.is-disabled .el-submenu__title { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu [class^="el-icon-"] { + vertical-align: middle; + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; +} +.el-menu-item-group > ul { + padding: 0; +} +.el-menu-item-group__title { + padding: 7px 0 7px 20px; + line-height: normal; + font-size: 12px; + color: #909399; +} +.el-radio-button__inner, +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; +} +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: 0.2s; + transition: 0.2s; + opacity: 0; +} +.el-radio-group { + font-size: 0; +} +.el-radio-button { + position: relative; + display: inline-block; + outline: 0; +} +.el-radio-button__inner { + white-space: nowrap; + background: #fff; + border: 1px solid #dcdfe6; + font-weight: 500; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button__inner.is-round { + padding: 12px 20px; +} +.el-radio-button__inner:hover { + color: #d0378d; +} +.el-radio-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-radio-button__orig-radio { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; +} +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: #d0378d; + border-color: #d0378d; + -webkit-box-shadow: -1px 0 0 0 #d0378d; + box-shadow: -1px 0 0 0 #d0378d; +} +.el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { + background-color: #f2f6fc; +} +.el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0; +} +.el-popover, +.el-radio-button:first-child:last-child .el-radio-button__inner { + border-radius: 4px; +} +.el-radio-button--medium .el-radio-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button--medium .el-radio-button__inner.is-round { + padding: 10px 20px; +} +.el-radio-button--small .el-radio-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--small .el-radio-button__inner.is-round { + padding: 9px 15px; +} +.el-radio-button--mini .el-radio-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--mini .el-radio-button__inner.is-round { + padding: 7px 15px; +} +.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { + -webkit-box-shadow: 0 0 2px 2px #d0378d; + box-shadow: 0 0 2px 2px #d0378d; +} +.el-switch { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + font-size: 14px; + line-height: 20px; + height: 20px; + vertical-align: middle; +} +.el-switch__core, +.el-switch__label { + display: inline-block; + cursor: pointer; +} +.el-switch.is-disabled .el-switch__core, +.el-switch.is-disabled .el-switch__label { + cursor: not-allowed; +} +.el-switch__label { + -webkit-transition: 0.2s; + transition: 0.2s; + height: 20px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + color: #303133; +} +.el-switch__label.is-active { + color: #d0378d; +} +.el-switch__label--left { + margin-right: 10px; +} +.el-switch__label--right { + margin-left: 10px; +} +.el-switch__label * { + line-height: 1; + font-size: 14px; + display: inline-block; +} +.el-switch__input { + position: absolute; + width: 0; + height: 0; + opacity: 0; + margin: 0; +} +.el-switch__core { + margin: 0; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dcdfe6; + outline: 0; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dcdfe6; + -webkit-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + vertical-align: middle; +} +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 16px; + height: 16px; + background-color: #fff; +} +.el-switch.is-checked .el-switch__core { + border-color: #d0378d; + background-color: #d0378d; +} +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px; +} +.el-switch.is-disabled { + opacity: 0.6; +} +.el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px; +} +.el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px; +} +.el-switch .label-fade-enter, +.el-switch .label-fade-leave-active { + opacity: 0; +} +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: 1px solid #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #d0378d; + background-color: #fff; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} +.el-select-dropdown__wrap { + max-height: 274px; +} +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-select-dropdown__item { + font-size: 14px; + padding: 0 20px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #606266; + height: 34px; + line-height: 34px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.el-select-dropdown__item.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + background-color: #f5f7fa; +} +.el-select-dropdown__item.selected { + color: #d0378d; + font-weight: 700; +} +.el-select-group { + margin: 0; + padding: 0; +} +.el-select-group__wrap { + position: relative; + list-style: none; + margin: 0; + padding: 0; +} +.el-select-group__wrap:not(:last-of-type) { + padding-bottom: 24px; +} +.el-select-group__wrap:not(:last-of-type)::after { + content: ""; + position: absolute; + display: block; + left: 20px; + right: 20px; + bottom: 12px; + height: 1px; + background: #e4e7ed; +} +.el-select-group__title { + padding-left: 20px; + font-size: 12px; + color: #909399; + line-height: 30px; +} +.el-select-group .el-select-dropdown__item { + padding-left: 20px; +} +.el-select { + display: inline-block; + position: relative; +} +.el-select .el-select__tags > span { + display: contents; +} +.el-select:hover .el-input__inner { + border-color: #c0c4cc; +} +.el-select .el-input__inner { + cursor: pointer; + padding-right: 35px; +} +.el-select .el-input__inner:focus { + border-color: #d0378d; +} +.el-select .el-input .el-select__caret { + color: #c0c4cc; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); +} +.el-select .el-input .el-select__caret.is-show-close { + font-size: 14px; + text-align: center; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + border-radius: 100%; + color: #c0c4cc; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-select .el-input .el-select__caret.is-show-close:hover { + color: #909399; +} +.el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} +.el-select .el-input.is-disabled .el-input__inner:hover { + border-color: #e4e7ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: #d0378d; +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: 0; + padding: 0; + margin-left: 15px; + color: #666; + font-size: 14px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} +.el-select__input.is-mini { + height: 14px; +} +.el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: #c0c4cc; + line-height: 18px; + font-size: 14px; +} +.el-select__close:hover { + color: #909399; +} +.el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-select .el-tag__close { + margin-top: -2px; +} +.el-select .el-tag { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; +} +.el-select .el-tag__close.el-icon-close { + background-color: #c0c4cc; + right: -7px; + top: 0; + color: #fff; +} +.el-select .el-tag__close.el-icon-close:hover { + background-color: #909399; +} +.el-table, +.el-table__expanded-cell { + background-color: #fff; +} +.el-select .el-tag__close.el-icon-close::before { + display: block; + -webkit-transform: translate(0, 0.5px); + transform: translate(0, 0.5px); +} +.el-table { + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + font-size: 14px; + color: #606266; +} +.el-table--mini, +.el-table--small, +.el-table__expand-icon { + font-size: 12px; +} +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-table__empty-text { + line-height: 60px; + width: 50%; + color: #909399; +} +.el-table__expand-column .cell { + padding: 0; + text-align: center; +} +.el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; + height: 20px; +} +.el-table__expand-icon--expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-table__expand-icon > .el-icon { + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; +} +.el-table__expanded-cell[class*="cell"] { + padding: 20px 50px; +} +.el-table__expanded-cell:hover { + background-color: transparent !important; +} +.el-table__placeholder { + display: inline-block; + width: 20px; +} +.el-table__append-wrapper { + overflow: hidden; +} +.el-table--fit { + border-right: 0; + border-bottom: 0; +} +.el-table--fit td.gutter, +.el-table--fit th.gutter { + border-right-width: 1px; +} +.el-table--scrollable-x .el-table__body-wrapper { + overflow-x: auto; +} +.el-table--scrollable-y .el-table__body-wrapper { + overflow-y: auto; +} +.el-table thead { + color: #909399; + font-weight: 500; +} +.el-table thead.is-group th { + background: #f5f7fa; +} +.el-table th, +.el-table tr { + background-color: #fff; +} +.el-table td, +.el-table th { + padding: 12px 0; + min-width: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-overflow: ellipsis; + vertical-align: middle; + position: relative; + text-align: left; +} +.el-table td.is-center, +.el-table th.is-center { + text-align: center; +} +.el-table td.is-right, +.el-table th.is-right { + text-align: right; +} +.el-table td.gutter, +.el-table th.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} +.el-table--medium td, +.el-table--medium th { + padding: 10px 0; +} +.el-table--small td, +.el-table--small th { + padding: 8px 0; +} +.el-table--mini td, +.el-table--mini th { + padding: 6px 0; +} +.el-table .cell, +.el-table--border td:first-child .cell, +.el-table--border th:first-child .cell { + padding-left: 10px; +} +.el-table tr input[type="checkbox"] { + margin: 0; +} +.el-table td, +.el-table th.is-leaf { + border-bottom: 1px solid #ebeef5; +} +.el-table th.is-sortable { + cursor: pointer; +} +.el-table th { + overflow: hidden; + -ms-user-select: none; + user-select: none; +} +.el-table th > .cell { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: 100%; +} +.el-table th > .cell.highlight { + color: #d0378d; +} +.el-table th.required > div::before { + display: inline-block; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #ff4d51; + margin-right: 5px; + vertical-align: middle; +} +.el-table td div { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table td.gutter { + width: 0; +} +.el-table .cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-break: break-all; + line-height: 23px; + padding-right: 10px; +} +.el-table .cell.el-tooltip { + white-space: nowrap; + min-width: 50px; +} +.el-table--border, +.el-table--group { + border: 1px solid #ebeef5; +} +.el-table--border::after, +.el-table--group::after, +.el-table::before { + content: ""; + position: absolute; + background-color: #ebeef5; + z-index: 1; +} +.el-table--border::after, +.el-table--group::after { + top: 0; + right: 0; + width: 1px; + height: 100%; +} +.el-table::before { + left: 0; + bottom: 0; + width: 100%; + height: 1px; +} +.el-table--border { + border-right: none; + border-bottom: none; +} +.el-table--border.el-loading-parent--relative { + border-color: transparent; +} +.el-table--border td, +.el-table--border th, +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #ebeef5; +} +.el-table--border th.gutter:last-of-type { + border-bottom: 1px solid #ebeef5; + border-bottom-width: 1px; +} +.el-table--border th, +.el-table__fixed-right-patch { + border-bottom: 1px solid #ebeef5; +} +.el-table__fixed, +.el-table__fixed-right { + position: absolute; + top: 0; + left: 0; + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); +} +.el-table__fixed-right::before, +.el-table__fixed::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #ebeef5; + z-index: 4; +} +.el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: #fff; +} +.el-table__fixed-right { + top: 0; + left: auto; + right: 0; +} +.el-table__fixed-right .el-table__fixed-body-wrapper, +.el-table__fixed-right .el-table__fixed-footer-wrapper, +.el-table__fixed-right .el-table__fixed-header-wrapper { + left: auto; + right: 0; +} +.el-table__fixed-header-wrapper { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper { + position: absolute; + left: 0; + bottom: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper tbody td { + border-top: 1px solid #ebeef5; + background-color: #f5f7fa; + color: #606266; +} +.el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} +.el-table__body-wrapper, +.el-table__footer-wrapper, +.el-table__header-wrapper { + width: 100%; +} +.el-table__footer-wrapper { + margin-top: -1px; +} +.el-table__footer-wrapper td { + border-top: 1px solid #ebeef5; +} +.el-table__body, +.el-table__footer, +.el-table__header { + table-layout: fixed; + border-collapse: separate; +} +.el-table__footer-wrapper, +.el-table__header-wrapper { + overflow: hidden; +} +.el-table__footer-wrapper tbody td, +.el-table__header-wrapper tbody td { + background-color: #f5f7fa; + color: #606266; +} +.el-table__body-wrapper { + overflow: hidden; + position: relative; +} +.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, +.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { + -webkit-box-shadow: none; + box-shadow: none; +} +.el-picker-panel, +.el-table-filter { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { + border-left: 1px solid #ebeef5; +} +.el-table .caret-wrapper { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + width: 24px; + vertical-align: middle; + cursor: pointer; + overflow: initial; + position: relative; +} +.el-table .sort-caret { + width: 0; + height: 0; + border: 5px solid transparent; + position: absolute; + left: 7px; +} +.el-table .sort-caret.ascending { + border-bottom-color: #c0c4cc; + top: 5px; +} +.el-table .sort-caret.descending { + border-top-color: #c0c4cc; + bottom: 7px; +} +.el-table .ascending .sort-caret.ascending { + border-bottom-color: #d0378d; +} +.el-table .descending .sort-caret.descending { + border-top-color: #d0378d; +} +.el-table .hidden-columns { + position: absolute; + z-index: -1; +} +.el-table--striped .el-table__body tr.el-table__row--striped td { + background: #fafafa; +} +.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { + background-color: #faebf4; +} +.el-table__body tr.hover-row.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped > td, +.el-table__body tr.hover-row > td { + background-color: #f5f7fa; +} +.el-table__body tr.current-row > td { + background-color: #faebf4; +} +.el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid #ebeef5; + z-index: 10; +} +.el-table__column-filter-trigger { + display: inline-block; + line-height: 34px; + cursor: pointer; +} +.el-table__column-filter-trigger i { + color: #909399; + font-size: 12px; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} +.el-table--enable-row-transition .el-table__body td { + -webkit-transition: background-color 0.25s ease; + transition: background-color 0.25s ease; +} +.el-table--enable-row-hover .el-table__body tr:hover > td { + background-color: #f5f7fa; +} +.el-table--fluid-height .el-table__fixed, +.el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} +.el-table [class*="el-table__row--level"] .el-table__expand-icon { + display: inline-block; + width: 20px; + line-height: 20px; + height: 20px; + text-align: center; + margin-right: 3px; +} +.el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} +.el-table-filter { + border: 1px solid #ebeef5; + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 2px 0; +} +.el-date-table td, +.el-date-table td div { + height: 30px; + -webkit-box-sizing: border-box; +} +.el-table-filter__list { + padding: 5px 0; + margin: 0; + list-style: none; + min-width: 100px; +} +.el-table-filter__list-item { + line-height: 36px; + padding: 0 10px; + cursor: pointer; + font-size: 14px; +} +.el-table-filter__list-item:hover { + background-color: #faebf4; + color: #d95fa4; +} +.el-table-filter__list-item.is-active { + background-color: #d0378d; + color: #fff; +} +.el-table-filter__content { + min-width: 100px; +} +.el-table-filter__bottom { + border-top: 1px solid #ebeef5; + padding: 8px; +} +.el-table-filter__bottom button { + background: 0 0; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px; +} +.el-date-table td.in-range div, +.el-date-table td.in-range div:hover, +.el-date-table.is-week-mode .el-date-table__row.current div, +.el-date-table.is-week-mode .el-date-table__row:hover div { + background-color: #f2f6fc; +} +.el-table-filter__bottom button:hover { + color: #d0378d; +} +.el-table-filter__bottom button:focus { + outline: 0; +} +.el-table-filter__bottom button.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-table-filter__wrap { + max-height: 280px; +} +.el-table-filter__checkbox-group { + padding: 10px; +} +.el-table-filter__checkbox-group label.el-checkbox { + display: block; + margin-right: 5px; + margin-bottom: 8px; + margin-left: 5px; +} +.el-table-filter__checkbox-group .el-checkbox:last-child { + margin-bottom: 0; +} +.el-date-table { + font-size: 12px; + -ms-user-select: none; + user-select: none; +} +.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { + color: #606266; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td { + width: 32px; + padding: 4px 0; + box-sizing: border-box; + text-align: center; + cursor: pointer; + position: relative; +} +.el-date-table td div { + padding: 3px 0; + box-sizing: border-box; +} +.el-date-table td span { + width: 24px; + height: 24px; + display: block; + margin: 0 auto; + line-height: 24px; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; +} +.el-date-table td.next-month, +.el-date-table td.prev-month { + color: #c0c4cc; +} +.el-date-table td.today { + position: relative; +} +.el-date-table td.today span { + color: #d0378d; + font-weight: 700; +} +.el-date-table td.today.end-date span, +.el-date-table td.today.start-date span { + color: #fff; +} +.el-date-table td.available:hover { + color: #d0378d; +} +.el-date-table td.current:not(.disabled) span { + color: #fff; + background-color: #d0378d; +} +.el-date-table td.end-date div, +.el-date-table td.start-date div { + color: #fff; +} +.el-date-table td.end-date span, +.el-date-table td.start-date span { + background-color: #d0378d; +} +.el-date-table td.start-date div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table td.end-date div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td.disabled div { + background-color: #f5f7fa; + opacity: 1; + cursor: not-allowed; + color: #c0c4cc; +} +.el-date-table td.selected div { + margin-left: 5px; + margin-right: 5px; + background-color: #f2f6fc; + border-radius: 15px; +} +.el-date-table td.selected div:hover { + background-color: #f2f6fc; +} +.el-date-table td.selected span { + background-color: #d0378d; + color: #fff; + border-radius: 15px; +} +.el-date-table td.week { + font-size: 80%; + color: #606266; +} +.el-month-table, +.el-year-table { + font-size: 12px; + border-collapse: collapse; +} +.el-date-table th { + padding: 5px; + color: #606266; + font-weight: 400; + border-bottom: solid 1px #ebeef5; +} +.el-month-table { + margin: -1px; +} +.el-month-table td { + text-align: center; + padding: 8px 0; + cursor: pointer; +} +.el-month-table td div { + height: 48px; + padding: 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-month-table td.today .cell { + color: #d0378d; + font-weight: 700; +} +.el-month-table td.today.end-date .cell, +.el-month-table td.today.start-date .cell { + color: #fff; +} +.el-month-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-month-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-month-table td .cell { + width: 60px; + height: 36px; + display: block; + line-height: 36px; + color: #606266; + margin: 0 auto; + border-radius: 18px; +} +.el-month-table td .cell:hover { + color: #d0378d; +} +.el-month-table td.in-range div, +.el-month-table td.in-range div:hover { + background-color: #f2f6fc; +} +.el-month-table td.end-date div, +.el-month-table td.start-date div { + color: #fff; +} +.el-month-table td.end-date .cell, +.el-month-table td.start-date .cell { + color: #fff; + background-color: #d0378d; +} +.el-month-table td.start-date div { + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; +} +.el-month-table td.end-date div { + border-top-right-radius: 24px; + border-bottom-right-radius: 24px; +} +.el-month-table td.current:not(.disabled) .cell { + color: #d0378d; +} +.el-year-table { + margin: -1px; +} +.el-year-table .el-icon { + color: #303133; +} +.el-year-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} +.el-year-table td.today .cell { + color: #d0378d; + font-weight: 700; +} +.el-year-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-year-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-year-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: #606266; + margin: 0 auto; +} +.el-year-table td .cell:hover, +.el-year-table td.current:not(.disabled) .cell { + color: #d0378d; +} +.el-date-range-picker { + width: 646px; +} +.el-date-range-picker.has-sidebar { + width: 756px; +} +.el-date-range-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-range-picker .el-picker-panel__body { + min-width: 513px; +} +.el-date-range-picker .el-picker-panel__content { + margin: 0; +} +.el-date-range-picker__header { + position: relative; + text-align: center; + height: 28px; +} +.el-date-range-picker__header [class*="arrow-left"] { + float: left; +} +.el-date-range-picker__header [class*="arrow-right"] { + float: right; +} +.el-date-range-picker__header div { + font-size: 16px; + font-weight: 500; + margin-right: 50px; +} +.el-date-range-picker__content { + float: left; + width: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 16px; +} +.el-date-range-picker__content.is-left { + border-right: 1px solid #e4e4e4; +} +.el-date-range-picker__content .el-date-range-picker__header div { + margin-left: 50px; + margin-right: 50px; +} +.el-date-range-picker__editors-wrap { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; +} +.el-date-range-picker__editors-wrap.is-right { + text-align: right; +} +.el-date-range-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-range-picker__time-header > .el-icon-arrow-right { + font-size: 20px; + vertical-align: middle; + display: table-cell; + color: #303133; +} +.el-date-range-picker__time-picker-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-range-picker__time-picker-wrap .el-picker-panel { + position: absolute; + top: 13px; + right: 0; + z-index: 1; + background: #fff; +} +.el-date-picker { + width: 322px; +} +.el-date-picker.has-sidebar.has-time { + width: 434px; +} +.el-date-picker.has-sidebar { + width: 438px; +} +.el-date-picker.has-time .el-picker-panel__body-wrapper { + position: relative; +} +.el-date-picker .el-picker-panel__content { + width: 292px; +} +.el-date-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-picker__header { + margin: 12px; + text-align: center; +} +.el-date-picker__header--bordered { + margin-bottom: 0; + padding-bottom: 12px; + border-bottom: solid 1px #ebeef5; +} +.el-date-picker__header--bordered + .el-picker-panel__content { + margin-top: 0; +} +.el-date-picker__header-label { + font-size: 16px; + font-weight: 500; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; + color: #606266; +} +.el-date-picker__header-label.active, +.el-date-picker__header-label:hover { + color: #d0378d; +} +.el-date-picker__prev-btn { + float: left; +} +.el-date-picker__next-btn { + float: right; +} +.el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} +.el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} +.time-select { + margin: 5px 0; + min-width: 0; +} +.time-select .el-picker-panel__content { + max-height: 200px; + margin: 0; +} +.time-select-item { + padding: 8px 10px; + font-size: 14px; + line-height: 20px; +} +.time-select-item.selected:not(.disabled) { + color: #d0378d; + font-weight: 700; +} +.time-select-item.disabled { + color: #e4e7ed; + cursor: not-allowed; +} +.time-select-item:hover { + background-color: #f5f7fa; + font-weight: 700; + cursor: pointer; +} +.el-date-editor { + position: relative; + display: inline-block; + text-align: left; +} +.el-date-editor.el-input, +.el-date-editor.el-input__inner { + width: 220px; +} +.el-date-editor--monthrange.el-input, +.el-date-editor--monthrange.el-input__inner { + width: 300px; +} +.el-date-editor--daterange.el-input, +.el-date-editor--daterange.el-input__inner, +.el-date-editor--timerange.el-input, +.el-date-editor--timerange.el-input__inner { + width: 350px; +} +.el-date-editor--datetimerange.el-input, +.el-date-editor--datetimerange.el-input__inner { + width: 400px; +} +.el-date-editor--dates .el-input__inner { + text-overflow: ellipsis; + white-space: nowrap; +} +.el-date-editor .el-icon-circle-close { + cursor: pointer; +} +.el-date-editor .el-range__icon { + font-size: 14px; + margin-left: -5px; + color: #c0c4cc; + float: left; + line-height: 32px; +} +.el-date-editor .el-range-input, +.el-date-editor .el-range-separator { + height: 100%; + margin: 0; + text-align: center; + display: inline-block; + font-size: 14px; +} +.el-date-editor .el-range-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + padding: 0; + width: 39%; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-separator { + padding: 0 5px; + line-height: 32px; + width: 5%; + color: #303133; +} +.el-date-editor .el-range__close-icon { + font-size: 14px; + color: #c0c4cc; + width: 25px; + display: inline-block; + float: right; + line-height: 32px; +} +.el-range-editor.el-input__inner { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 3px 10px; +} +.el-range-editor .el-range-input { + line-height: 1; +} +.el-range-editor.is-active, +.el-range-editor.is-active:hover { + border-color: #d0378d; +} +.el-range-editor--medium.el-input__inner { + height: 36px; +} +.el-range-editor--medium .el-range-separator { + line-height: 28px; + font-size: 14px; +} +.el-range-editor--medium .el-range-input { + font-size: 14px; +} +.el-range-editor--medium .el-range__close-icon, +.el-range-editor--medium .el-range__icon { + line-height: 28px; +} +.el-range-editor--small.el-input__inner { + height: 32px; +} +.el-range-editor--small .el-range-separator { + line-height: 24px; + font-size: 13px; +} +.el-range-editor--small .el-range-input { + font-size: 13px; +} +.el-range-editor--small .el-range__close-icon, +.el-range-editor--small .el-range__icon { + line-height: 24px; +} +.el-range-editor--mini.el-input__inner { + height: 28px; +} +.el-range-editor--mini .el-range-separator { + line-height: 20px; + font-size: 12px; +} +.el-range-editor--mini .el-range-input { + font-size: 12px; +} +.el-range-editor--mini .el-range__close-icon, +.el-range-editor--mini .el-range__icon { + line-height: 20px; +} +.el-range-editor.is-disabled { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled:focus, +.el-range-editor.is-disabled:hover { + border-color: #e4e7ed; +} +.el-range-editor.is-disabled input { + background-color: #f5f7fa; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled .el-range-separator { + color: #c0c4cc; +} +.el-picker-panel { + color: #606266; + border: 1px solid #e4e7ed; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #fff; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-popover, +.el-time-panel { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-picker-panel__body-wrapper::after, +.el-picker-panel__body::after { + content: ""; + display: table; + clear: both; +} +.el-picker-panel__content { + position: relative; + margin: 15px; +} +.el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; + font-size: 0; +} +.el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: #606266; + padding-left: 12px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: #d0378d; +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #d0378d; +} +.el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: 0 0; + cursor: pointer; + outline: 0; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: #d0378d; +} +.el-picker-panel__icon-btn.is-disabled { + color: #bbb; +} +.el-picker-panel__icon-btn.is-disabled:hover { + cursor: not-allowed; +} +.el-picker-panel__link-btn { + vertical-align: middle; +} +.el-picker-panel [slot="sidebar"], +.el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + background-color: #fff; + overflow: auto; +} +.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, +.el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} +.el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33.3%; +} +.el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} +.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} +.el-time-spinner__input.el-input .el-input__inner, +.el-time-spinner__list { + padding: 0; + text-align: center; +} +.el-time-spinner__wrapper.is-arrow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + overflow: hidden; +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { + -webkit-transform: translateY(-32px); + transform: translateY(-32px); +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #fff; + cursor: default; +} +.el-time-spinner__arrow { + font-size: 12px; + color: #909399; + position: absolute; + left: 0; + width: 100%; + z-index: 1; + text-align: center; + height: 30px; + line-height: 30px; + cursor: pointer; +} +.el-time-spinner__arrow:hover { + color: #d0378d; +} +.el-time-spinner__arrow.el-icon-arrow-up { + top: 10px; +} +.el-time-spinner__arrow.el-icon-arrow-down { + bottom: 10px; +} +.el-time-spinner__input.el-input { + width: 70%; +} +.el-time-spinner__list { + margin: 0; + list-style: none; +} +.el-time-spinner__list::after, +.el-time-spinner__list::before { + content: ""; + display: block; + width: 100%; + height: 80px; +} +.el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; + color: #606266; +} +.el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #f5f7fa; + cursor: pointer; +} +.el-time-spinner__item.active:not(.disabled) { + color: #303133; + font-weight: 700; +} +.el-time-spinner__item.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-time-panel { + margin: 5px 0; + border: 1px solid #e4e7ed; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.el-slider__button, +.el-slider__button-wrapper { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} +.el-time-panel__content::after, +.el-time-panel__content::before { + content: ""; + top: 50%; + position: absolute; + margin-top: -15px; + height: 32px; + z-index: -1; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + text-align: left; + border-top: 1px solid #e4e7ed; + border-bottom: 1px solid #e4e7ed; +} +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12%; +} +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12%; +} +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2); +} +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3); +} +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: #d0378d; +} +.el-time-range-picker { + width: 354px; + overflow: visible; +} +.el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px; +} +.el-time-range-picker__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block; +} +.el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px; +} +.el-time-range-picker__body { + border-radius: 2px; + border: 1px solid #e4e7ed; +} +.el-popover { + position: absolute; + background: #fff; + min-width: 150px; + border: 1px solid #ebeef5; + padding: 12px; + z-index: 2000; + color: #606266; + line-height: 1.4; + text-align: justify; + font-size: 14px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} +.el-popover--plain { + padding: 18px 20px; +} +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.2s ease forwards; +} +@keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} +.el-popup-parent--hidden { + overflow: hidden; +} +.el-message-box { + display: inline-block; + width: 420px; + padding-bottom: 10px; + vertical-align: middle; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ebeef5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.el-message-box__wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; +} +.el-message-box__wrapper::after { + content: ""; + display: inline-block; + height: 100%; + width: 0; + vertical-align: middle; +} +.el-message-box__header { + position: relative; + padding: 15px 15px 10px; +} +.el-message-box__title { + padding-left: 0; + margin-bottom: 0; + font-size: 18px; + line-height: 1; + color: #303133; +} +.el-message-box__headerbtn { + position: absolute; + top: 15px; + right: 15px; + padding: 0; + border: none; + outline: 0; + background: 0 0; + font-size: 16px; + cursor: pointer; +} +.el-form-item.is-error .el-input__inner, +.el-form-item.is-error .el-input__inner:focus, +.el-form-item.is-error .el-textarea__inner, +.el-form-item.is-error .el-textarea__inner:focus, +.el-message-box__input input.invalid, +.el-message-box__input input.invalid:focus { + border-color: #f56c6c; +} +.el-message-box__headerbtn .el-message-box__close { + color: #909399; +} +.el-message-box__headerbtn:focus .el-message-box__close, +.el-message-box__headerbtn:hover .el-message-box__close { + color: #d0378d; +} +.el-message-box__content { + padding: 10px 15px; + color: #606266; + font-size: 14px; +} +.el-message-box__container { + position: relative; +} +.el-message-box__input { + padding-top: 15px; +} +.el-message-box__status { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 24px !important; +} +.el-message-box__status::before { + padding-left: 1px; +} +.el-message-box__status + .el-message-box__message { + padding-left: 36px; + padding-right: 12px; +} +.el-message-box__status.el-icon-success { + color: #67c23a; +} +.el-message-box__status.el-icon-info { + color: #909399; +} +.el-message-box__status.el-icon-warning { + color: #e6a23c; +} +.el-message-box__status.el-icon-error { + color: #f56c6c; +} +.el-message-box__message { + margin: 0; +} +.el-message-box__message p { + margin: 0; + line-height: 24px; +} +.el-message-box__errormsg { + color: #f56c6c; + font-size: 12px; + min-height: 18px; + margin-top: 2px; +} +.el-message-box__btns { + padding: 5px 15px 0; + text-align: right; +} +.el-message-box__btns button:nth-child(2) { + margin-left: 10px; +} +.el-message-box__btns-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.el-message-box--center { + padding-bottom: 30px; +} +.el-message-box--center .el-message-box__header { + padding-top: 30px; +} +.el-message-box--center .el-message-box__title { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message-box--center .el-message-box__status { + position: relative; + top: auto; + padding-right: 5px; + text-align: center; + -webkit-transform: translateY(-1px); + transform: translateY(-1px); +} +.el-message-box--center .el-message-box__message { + margin-left: 0; +} +.el-message-box--center .el-message-box__btns, +.el-message-box--center .el-message-box__content { + text-align: center; +} +.el-message-box--center .el-message-box__content { + padding-left: 27px; + padding-right: 27px; +} +.msgbox-fade-enter-active { + -webkit-animation: msgbox-fade-in 0.3s; + animation: msgbox-fade-in 0.3s; +} +.msgbox-fade-leave-active { + -webkit-animation: msgbox-fade-out 0.3s; + animation: msgbox-fade-out 0.3s; +} +@-webkit-keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-breadcrumb { + font-size: 14px; + line-height: 1; +} +.el-breadcrumb::after, +.el-breadcrumb::before { + display: table; + content: ""; +} +.el-breadcrumb::after { + clear: both; +} +.el-breadcrumb__separator { + margin: 0 9px; + font-weight: 700; + color: #c0c4cc; +} +.el-breadcrumb__separator[class*="icon"] { + margin: 0 6px; + font-weight: 400; +} +.el-breadcrumb__item { + float: left; +} +.el-breadcrumb__inner { + color: #606266; +} +.el-breadcrumb__inner a, +.el-breadcrumb__inner.is-link { + font-weight: 700; + text-decoration: none; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + color: #303133; +} +.el-breadcrumb__inner a:hover, +.el-breadcrumb__inner.is-link:hover { + color: #d0378d; + cursor: pointer; +} +.el-breadcrumb__item:last-child .el-breadcrumb__inner, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, +.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { + font-weight: 400; + color: #606266; + cursor: text; +} +.el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} +.el-form--label-left .el-form-item__label { + text-align: left; +} +.el-form--label-top .el-form-item__label { + float: none; + display: inline-block; + text-align: left; + padding: 0 0 10px; +} +.el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} +.el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} +.el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} +.el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} +.el-form-item { + margin-bottom: 22px; +} +.el-form-item::after, +.el-form-item::before { + display: table; + content: ""; +} +.el-form-item::after { + clear: both; +} +.el-form-item .el-form-item { + margin-bottom: 0; +} +.el-form-item--mini.el-form-item, +.el-form-item--small.el-form-item { + margin-bottom: 18px; +} +.el-form-item .el-input__validateIcon { + display: none; +} +.el-form-item--medium .el-form-item__content, +.el-form-item--medium .el-form-item__label { + line-height: 36px; +} +.el-form-item--small .el-form-item__content, +.el-form-item--small .el-form-item__label { + line-height: 32px; +} +.el-form-item--small .el-form-item__error { + padding-top: 2px; +} +.el-form-item--mini .el-form-item__content, +.el-form-item--mini .el-form-item__label { + line-height: 28px; +} +.el-form-item--mini .el-form-item__error { + padding-top: 1px; +} +.el-form-item__label-wrap { + float: left; +} +.el-form-item__label-wrap .el-form-item__label { + display: inline-block; + float: none; +} +.el-form-item__label { + text-align: right; + vertical-align: middle; + float: left; + font-size: 14px; + color: #606266; + line-height: 40px; + padding: 0 12px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-form-item__content { + line-height: 40px; + position: relative; + font-size: 14px; +} +.el-form-item__content::after, +.el-form-item__content::before { + display: table; + content: ""; +} +.el-form-item__content::after { + clear: both; +} +.el-form-item__content .el-input-group { + vertical-align: top; +} +.el-form-item__error { + color: #f56c6c; + font-size: 12px; + line-height: 1; + padding-top: 4px; + position: absolute; + top: 100%; + left: 0; +} +.el-form-item__error--inline { + position: relative; + top: auto; + left: auto; + display: inline-block; + margin-left: 10px; +} +.el-form-item.is-required:not(.is-no-asterisk) + .el-form-item__label-wrap + > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: "*"; + color: #f56c6c; + margin-right: 4px; +} +.el-form-item.is-error .el-input-group__append .el-input__inner, +.el-form-item.is-error .el-input-group__prepend .el-input__inner { + border-color: transparent; +} +.el-form-item.is-error .el-input__validateIcon { + color: #f56c6c; +} +.el-form-item--feedback .el-input__validateIcon { + display: inline-block; +} +.el-tabs__header { + padding: 0; + position: relative; + margin: 0 0 15px; +} +.el-tabs__active-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + background-color: #d0378d; + z-index: 1; + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + list-style: none; +} +.el-tabs__new-tab { + float: right; + border: 1px solid #d3dce6; + height: 18px; + width: 18px; + line-height: 18px; + margin: 12px 0 9px 10px; + border-radius: 3px; + text-align: center; + font-size: 12px; + color: #d3dce6; + cursor: pointer; + -webkit-transition: all 0.15s; + transition: all 0.15s; +} +.el-collapse-item__arrow, +.el-tabs__nav { + -webkit-transition: -webkit-transform 0.3s; +} +.el-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); +} +.el-tabs__new-tab:hover { + color: #d0378d; +} +.el-tabs__nav-wrap { + overflow: hidden; + margin-bottom: -1px; + position: relative; +} +.el-tabs__nav-wrap::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #e4e7ed; + z-index: 1; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, +.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs__nav-wrap.is-scrollable { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs__nav-scroll { + overflow: hidden; +} +.el-tabs__nav-next, +.el-tabs__nav-prev { + position: absolute; + cursor: pointer; + line-height: 44px; + font-size: 12px; + color: #909399; +} +.el-tabs__nav-next { + right: 0; +} +.el-tabs__nav-prev { + left: 0; +} +.el-tabs__nav { + white-space: nowrap; + position: relative; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + float: left; + z-index: 2; +} +.el-tabs__nav.is-stretch { + min-width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-tabs__nav.is-stretch > * { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; +} +.el-tabs__item { + padding: 0 20px; + height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 40px; + display: inline-block; + list-style: none; + font-size: 14px; + font-weight: 500; + color: #303133; + position: relative; +} +.el-tabs__item:focus, +.el-tabs__item:focus:active { + outline: 0; +} +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px #d0378d inset; + box-shadow: 0 0 2px 2px #d0378d inset; + border-radius: 3px; +} +.el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin-left: 5px; +} +.el-tabs__item .el-icon-close:before { + -webkit-transform: scale(0.9); + transform: scale(0.9); + display: inline-block; +} +.el-tabs__item .el-icon-close:hover { + background-color: #c0c4cc; + color: #fff; +} +.el-tabs__item.is-active { + color: #d0378d; +} +.el-tabs__item:hover { + color: #d0378d; + cursor: pointer; +} +.el-tabs__item.is-disabled { + color: #c0c4cc; + cursor: default; +} +.el-tabs__content { + overflow: hidden; + position: relative; +} +.el-tabs--card > .el-tabs__header { + border-bottom: 1px solid #e4e7ed; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: 1px solid #e4e7ed; + border-bottom: none; + border-radius: 4px 4px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs--card > .el-tabs__header .el-tabs__active-bar { + display: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { + position: relative; + font-size: 12px; + width: 0; + height: 14px; + vertical-align: middle; + line-height: 15px; + overflow: hidden; + top: -1px; + right: -2px; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { + width: 14px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item { + border-bottom: 1px solid transparent; + border-left: 1px solid #e4e7ed; + -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { + border-left: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { + padding-left: 13px; + padding-right: 13px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border-bottom-color: #fff; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-left: 20px; + padding-right: 20px; +} +.el-tabs--border-card { + background: #fff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.el-tabs--border-card > .el-tabs__content { + padding: 15px; +} +.el-tabs--border-card > .el-tabs__header { + background-color: #f5f7fa; + border-bottom: 1px solid #e4e7ed; + margin: 0; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item { + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + border: 1px solid transparent; + margin-top: -1px; + color: #909399; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, +.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { + color: #d0378d; + background-color: #fff; + border-right-color: #dcdfe6; + border-left-color: #dcdfe6; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { + color: #d0378d; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { + color: #c0c4cc; +} +.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { + margin-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--bottom .el-tabs__item.is-top:nth-child(2), +.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--top .el-tabs__item.is-top:nth-child(2) { + padding-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:last-child, +.el-tabs--bottom .el-tabs__item.is-top:last-child, +.el-tabs--top .el-tabs__item.is-bottom:last-child, +.el-tabs--top .el-tabs__item.is-top:last-child { + padding-right: 0; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { + padding-left: 20px; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { + padding-right: 20px; +} +.el-tabs--bottom .el-tabs__header.is-bottom { + margin-bottom: 0; + margin-top: 10px; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { + border-bottom: 0; + border-top: 1px solid #dcdfe6; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { + margin-top: -1px; + margin-bottom: 0; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { + border: 1px solid transparent; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { + margin: 0 -1px -1px; +} +.el-tabs--left, +.el-tabs--right { + overflow: hidden; +} +.el-tabs--left .el-tabs__header.is-left, +.el-tabs--left .el-tabs__header.is-right, +.el-tabs--left .el-tabs__nav-scroll, +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__header.is-left, +.el-tabs--right .el-tabs__header.is-right, +.el-tabs--right .el-tabs__nav-scroll, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + height: 100%; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__active-bar.is-right, +.el-tabs--right .el-tabs__active-bar.is-left, +.el-tabs--right .el-tabs__active-bar.is-right { + top: 0; + bottom: auto; + width: 2px; + height: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-bottom: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + height: 30px; + line-height: 30px; + width: 100%; + text-align: center; + cursor: pointer; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { + -webkit-transform: rotateZ(90deg); + transform: rotateZ(90deg); +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + left: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { + right: auto; + bottom: 0; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-left::after { + right: 0; + left: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { + padding: 30px 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left::after, +.el-tabs--left .el-tabs__nav-wrap.is-right::after, +.el-tabs--right .el-tabs__nav-wrap.is-left::after, +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + height: 100%; + width: 2px; + bottom: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav.is-left, +.el-tabs--left .el-tabs__nav.is-right, +.el-tabs--right .el-tabs__nav.is-left, +.el-tabs--right .el-tabs__nav.is-right { + float: none; +} +.el-tabs--left .el-tabs__item.is-left, +.el-tabs--left .el-tabs__item.is-right, +.el-tabs--right .el-tabs__item.is-left, +.el-tabs--right .el-tabs__item.is-right { + display: block; +} +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, +.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { + display: none; +} +.el-tabs--left .el-tabs__header.is-left { + float: left; + margin-bottom: 0; + margin-right: 10px; +} +.el-tabs--left .el-tabs__nav-wrap.is-left { + margin-right: -1px; +} +.el-tabs--left .el-tabs__item.is-left { + text-align: right; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left { + border-left: none; + border-right: 1px solid #e4e7ed; + border-bottom: none; + border-top: 1px solid #e4e7ed; + text-align: left; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { + border-right: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { + border: 1px solid #e4e7ed; + border-right-color: #fff; + border-left: none; + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__nav { + border-radius: 4px 0 0 4px; + border-bottom: 1px solid #e4e7ed; + border-right: none; +} +.el-tabs--left.el-tabs--card .el-tabs__new-tab { + float: none; +} +.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { + border-right: 1px solid #dfe4ed; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { + border: 1px solid transparent; + margin: -1px 0 -1px -1px; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { + border-color: #d1dbe5 transparent; +} +.el-tabs--right .el-tabs__header.is-right { + float: right; + margin-bottom: 0; + margin-left: 10px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-left: -1px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + left: 0; + right: auto; +} +.el-tabs--right .el-tabs__active-bar.is-right { + left: 0; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right { + border-bottom: none; + border-top: 1px solid #e4e7ed; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { + border-left: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { + border: 1px solid #e4e7ed; + border-left-color: #fff; + border-right: none; + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__nav { + border-radius: 0 4px 4px 0; + border-bottom: 1px solid #e4e7ed; + border-left: none; +} +.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { + border-left: 1px solid #dfe4ed; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { + border: 1px solid transparent; + margin: -1px -1px -1px 0; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { + border-color: #d1dbe5 transparent; +} +.slideInLeft-transition, +.slideInRight-transition { + display: inline-block; +} +.slideInRight-enter { + -webkit-animation: slideInRight-enter 0.3s; + animation: slideInRight-enter 0.3s; +} +.slideInRight-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInRight-leave 0.3s; + animation: slideInRight-leave 0.3s; +} +.slideInLeft-enter { + -webkit-animation: slideInLeft-enter 0.3s; + animation: slideInLeft-enter 0.3s; +} +.slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInLeft-leave 0.3s; + animation: slideInLeft-leave 0.3s; +} +@-webkit-keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@-webkit-keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +.el-tree { + position: relative; + cursor: default; + background: #fff; + color: #606266; +} +.el-tree__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} +.el-tree__empty-text { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: #909399; + font-size: 14px; +} +.el-tree__drop-indicator { + position: absolute; + left: 0; + right: 0; + height: 1px; + background-color: #d0378d; +} +.el-tree-node { + white-space: nowrap; + outline: 0; +} +.el-tree-node:focus > .el-tree-node__content { + background-color: #f5f7fa; +} +.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { + background-color: #d0378d; + color: #fff; +} +.el-tree-node__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 26px; + cursor: pointer; +} +.el-tree-node__content > .el-tree-node__expand-icon { + padding: 6px; +} +.el-tree-node__content > label.el-checkbox { + margin-right: 8px; +} +.el-tree-node__content:hover { + background-color: #f5f7fa; +} +.el-tree.is-dragging .el-tree-node__content { + cursor: move; +} +.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { + cursor: not-allowed; +} +.el-tree-node__expand-icon { + cursor: pointer; + color: #c0c4cc; + font-size: 12px; + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; +} +.el-tree-node__expand-icon.expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-tree-node__expand-icon.is-leaf { + color: transparent; + cursor: default; +} +.el-tree-node__label { + font-size: 14px; +} +.el-tree-node__loading-icon { + margin-right: 8px; + font-size: 14px; + color: #c0c4cc; +} +.el-tree-node > .el-tree-node__children { + overflow: hidden; + background-color: transparent; +} +.el-tree-node.is-expanded > .el-tree-node__children { + display: block; +} +.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + background-color: #fbeff6; +} +.el-alert { + width: 100%; + padding: 8px 16px; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + position: relative; + background-color: #fff; + overflow: hidden; + opacity: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.el-alert.is-light .el-alert__closebtn { + color: #c0c4cc; +} +.el-alert.is-dark .el-alert__closebtn, +.el-alert.is-dark .el-alert__description { + color: #fff; +} +.el-alert.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-alert--success.is-light { + background-color: #f0f9eb; + color: #67c23a; +} +.el-alert--success.is-light .el-alert__description { + color: #67c23a; +} +.el-alert--success.is-dark { + background-color: #67c23a; + color: #fff; +} +.el-alert--info.is-light { + background-color: #f4f4f5; + color: #909399; +} +.el-alert--info.is-dark { + background-color: #909399; + color: #fff; +} +.el-alert--info .el-alert__description { + color: #909399; +} +.el-alert--warning.is-light { + background-color: #fdf6ec; + color: #e6a23c; +} +.el-alert--warning.is-light .el-alert__description { + color: #e6a23c; +} +.el-alert--warning.is-dark { + background-color: #e6a23c; + color: #fff; +} +.el-alert--error.is-light { + background-color: #fef0f0; + color: #f56c6c; +} +.el-alert--error.is-light .el-alert__description { + color: #f56c6c; +} +.el-alert--error.is-dark { + background-color: #f56c6c; + color: #fff; +} +.el-alert__content { + display: table-cell; + padding: 0 8px; +} +.el-alert__icon { + font-size: 16px; + width: 16px; +} +.el-alert__icon.is-big { + font-size: 28px; + width: 28px; +} +.el-alert__title { + font-size: 13px; + line-height: 18px; +} +.el-alert__title.is-bold { + font-weight: 700; +} +.el-alert .el-alert__description { + font-size: 12px; + margin: 5px 0 0; +} +.el-alert__closebtn { + font-size: 12px; + opacity: 1; + position: absolute; + top: 12px; + right: 15px; + cursor: pointer; +} +.el-alert-fade-enter, +.el-alert-fade-leave-active, +.el-loading-fade-enter, +.el-loading-fade-leave-active, +.el-notification-fade-leave-active { + opacity: 0; +} +.el-alert__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px; +} +.el-notification { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 330px; + padding: 14px 26px 14px 13px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #ebeef5; + position: fixed; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; + transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, + -webkit-transform 0.3s; + overflow: hidden; +} +.el-notification.right { + right: 16px; +} +.el-notification.left { + left: 16px; +} +.el-notification__group { + margin-left: 13px; + margin-right: 8px; +} +.el-notification__title { + font-weight: 700; + font-size: 16px; + color: #303133; + margin: 0; +} +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 0; + color: #606266; + text-align: justify; +} +.el-notification__content p { + margin: 0; +} +.el-notification__icon { + height: 24px; + width: 24px; + font-size: 24px; +} +.el-notification__closeBtn { + position: absolute; + top: 18px; + right: 15px; + cursor: pointer; + color: #909399; + font-size: 16px; +} +.el-notification__closeBtn:hover { + color: #606266; +} +.el-notification .el-icon-success { + color: #67c23a; +} +.el-notification .el-icon-error { + color: #f56c6c; +} +.el-notification .el-icon-info { + color: #909399; +} +.el-notification .el-icon-warning { + color: #e6a23c; +} +.el-notification-fade-enter.right { + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.el-notification-fade-enter.left { + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.el-input-number { + position: relative; + display: inline-block; + width: 180px; + line-height: 38px; +} +.el-input-number .el-input { + display: block; +} +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center; +} +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; + color: #606266; + cursor: pointer; + font-size: 13px; +} +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: #d0378d; +} +.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: #d0378d; +} +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dcdfe6; +} +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dcdfe6; +} +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed; +} +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; + cursor: not-allowed; +} +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px; +} +.el-input-number--medium .el-input__inner { + padding-left: 43px; + padding-right: 43px; +} +.el-input-number--small { + width: 130px; + line-height: 30px; +} +.el-input-number--small .el-input-number__decrease, +.el-input-number--small .el-input-number__increase { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__decrease [class*="el-icon"], +.el-input-number--small .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.el-input-number--small .el-input__inner { + padding-left: 39px; + padding-right: 39px; +} +.el-input-number--mini { + width: 130px; + line-height: 26px; +} +.el-input-number--mini .el-input-number__decrease, +.el-input-number--mini .el-input-number__increase { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__decrease [class*="el-icon"], +.el-input-number--mini .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number--mini .el-input__inner { + padding-left: 35px; + padding-right: 35px; +} +.el-input-number.is-without-controls .el-input__inner { + padding-left: 15px; + padding-right: 15px; +} +.el-input-number.is-controls-right .el-input__inner { + padding-left: 15px; + padding-right: 50px; +} +.el-input-number.is-controls-right .el-input-number__decrease, +.el-input-number.is-controls-right .el-input-number__increase { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"], +.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number.is-controls-right .el-input-number__increase { + border-radius: 0 4px 0 0; + border-bottom: 1px solid #dcdfe6; +} +.el-input-number.is-controls-right .el-input-number__decrease { + right: 1px; + bottom: 1px; + top: auto; + left: auto; + border-right: none; + border-left: 1px solid #dcdfe6; + border-radius: 0 0 4px; +} +.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], +.el-input-number.is-controls-right[class*="medium"] [class*="increase"] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*="small"] [class*="decrease"], +.el-input-number.is-controls-right[class*="small"] [class*="increase"] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], +.el-input-number.is-controls-right[class*="mini"] [class*="increase"] { + line-height: 13px; +} +.el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; + min-width: 10px; + word-wrap: break-word; +} +.el-tooltip__popper .popper__arrow, +.el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-tooltip__popper .popper__arrow { + border-width: 6px; +} +.el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} +.el-progress-bar__inner::after, +.el-row::after, +.el-row::before, +.el-slider::after, +.el-slider::before, +.el-slider__button-wrapper::after, +.el-upload-cover::after { + content: ""; +} +.el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper.is-dark { + background: #303133; + color: #fff; +} +.el-tooltip__popper.is-light { + background: #fff; + border: 1px solid #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} +.el-slider::after, +.el-slider::before { + display: table; +} +.el-slider__button-wrapper .el-tooltip, +.el-slider__button-wrapper::after { + vertical-align: middle; + display: inline-block; +} +.el-slider::after { + clear: both; +} +.el-slider__runway { + width: 100%; + height: 6px; + margin: 16px 0; + background-color: #e4e7ed; + border-radius: 3px; + position: relative; + cursor: pointer; + vertical-align: middle; +} +.el-slider__runway.show-input { + margin-right: 160px; + width: auto; +} +.el-slider__runway.disabled { + cursor: default; +} +.el-slider__runway.disabled .el-slider__bar { + background-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button { + border-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button-wrapper.dragging, +.el-slider__runway.disabled .el-slider__button-wrapper.hover, +.el-slider__runway.disabled .el-slider__button-wrapper:hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button.dragging, +.el-slider__runway.disabled .el-slider__button.hover, +.el-slider__runway.disabled .el-slider__button:hover { + -webkit-transform: scale(1); + transform: scale(1); + cursor: not-allowed; +} +.el-slider__button-wrapper, +.el-slider__stop { + -webkit-transform: translateX(-50%); + position: absolute; +} +.el-slider__input { + float: right; + margin-top: 3px; + width: 130px; +} +.el-slider__input.el-input-number--mini { + margin-top: 5px; +} +.el-slider__input.el-input-number--medium { + margin-top: 0; +} +.el-slider__input.el-input-number--large { + margin-top: -2px; +} +.el-slider__bar { + height: 6px; + background-color: #d0378d; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute; +} +.el-slider__button-wrapper { + height: 36px; + width: 36px; + z-index: 1001; + top: -15px; + transform: translateX(-50%); + background-color: transparent; + text-align: center; + user-select: none; + line-height: normal; +} +.el-slider__button-wrapper::after { + height: 100%; +} +.el-slider__button-wrapper.hover, +.el-slider__button-wrapper:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button-wrapper.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__button { + width: 16px; + height: 16px; + border: 2px solid #d0378d; + background-color: #fff; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + user-select: none; +} +.el-image-viewer__btn, +.el-step__icon-inner { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-slider__button.dragging, +.el-slider__button.hover, +.el-slider__button:hover { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.el-slider__button.hover, +.el-slider__button:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__stop { + height: 6px; + width: 6px; + border-radius: 100%; + background-color: #fff; + transform: translateX(-50%); +} +.el-slider__marks { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.el-slider__marks-text { + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 14px; + color: #909399; + margin-top: 15px; +} +.el-slider.is-vertical { + position: relative; +} +.el-slider.is-vertical .el-slider__runway { + width: 6px; + height: 100%; + margin: 0 16px; +} +.el-slider.is-vertical .el-slider__bar { + width: 6px; + height: auto; + border-radius: 0 0 3px 3px; +} +.el-slider.is-vertical .el-slider__button-wrapper { + top: auto; + left: -15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical .el-slider__stop { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical.el-slider--with-input { + padding-bottom: 58px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input { + overflow: visible; + float: none; + position: absolute; + bottom: 22px; + width: 36px; + margin-top: 15px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { + text-align: center; + padding-left: 5px; + padding-right: 5px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { + top: 32px; + margin-top: -1px; + border: 1px solid #dcdfe6; + line-height: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { + width: 18px; + right: 18px; + border-bottom-left-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { + width: 19px; + border-bottom-right-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input + .el-slider__input + .el-input-number__increase + ~ .el-input + .el-input__inner { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { + border-color: #c0c4cc; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { + border-color: #d0378d; +} +.el-slider.is-vertical .el-slider__marks-text { + margin-top: 0; + left: 15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-loading-parent--relative { + position: relative !important; +} +.el-loading-parent--hidden { + overflow: hidden !important; +} +.el-loading-mask { + position: absolute; + z-index: 2000; + background-color: rgba(255, 255, 255, 0.9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-loading-mask.is-fullscreen { + position: fixed; +} +.el-loading-mask.is-fullscreen .el-loading-spinner { + margin-top: -25px; +} +.el-loading-mask.is-fullscreen .el-loading-spinner .circular { + height: 50px; + width: 50px; +} +.el-loading-spinner { + top: 50%; + margin-top: -21px; + width: 100%; + text-align: center; + position: absolute; +} +.el-col-pull-0, +.el-col-pull-1, +.el-col-pull-10, +.el-col-pull-11, +.el-col-pull-13, +.el-col-pull-14, +.el-col-pull-15, +.el-col-pull-16, +.el-col-pull-17, +.el-col-pull-18, +.el-col-pull-19, +.el-col-pull-2, +.el-col-pull-20, +.el-col-pull-21, +.el-col-pull-22, +.el-col-pull-23, +.el-col-pull-24, +.el-col-pull-3, +.el-col-pull-4, +.el-col-pull-5, +.el-col-pull-6, +.el-col-pull-7, +.el-col-pull-8, +.el-col-pull-9, +.el-col-push-0, +.el-col-push-1, +.el-col-push-10, +.el-col-push-11, +.el-col-push-12, +.el-col-push-13, +.el-col-push-14, +.el-col-push-15, +.el-col-push-16, +.el-col-push-17, +.el-col-push-18, +.el-col-push-19, +.el-col-push-2, +.el-col-push-20, +.el-col-push-21, +.el-col-push-22, +.el-col-push-23, +.el-col-push-24, +.el-col-push-3, +.el-col-push-4, +.el-col-push-5, +.el-col-push-6, +.el-col-push-7, +.el-col-push-8, +.el-col-push-9, +.el-row { + position: relative; +} +.el-loading-spinner .el-loading-text { + color: #d0378d; + margin: 3px 0; + font-size: 14px; +} +.el-loading-spinner .circular { + height: 42px; + width: 42px; + -webkit-animation: loading-rotate 2s linear infinite; + animation: loading-rotate 2s linear infinite; +} +.el-loading-spinner .path { + -webkit-animation: loading-dash 1.5s ease-in-out infinite; + animation: loading-dash 1.5s ease-in-out infinite; + stroke-dasharray: 90, 150; + stroke-dashoffset: 0; + stroke-width: 2; + stroke: #d0378d; + stroke-linecap: round; +} +.el-loading-spinner i { + color: #d0378d; +} +@-webkit-keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +@keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +.el-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-row::after, +.el-row::before { + display: table; +} +.el-row::after { + clear: both; +} +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-col-0, +.el-row--flex:after, +.el-row--flex:before { + display: none; +} +.el-row--flex.is-justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-row--flex.is-justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.el-row--flex.is-justify-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.el-row--flex.is-justify-space-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-row--flex.is-align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-row--flex.is-align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +[class*="el-col-"] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-upload--picture-card, +.el-upload-dragger { + -webkit-box-sizing: border-box; + cursor: pointer; +} +.el-col-0 { + width: 0%; +} +.el-col-offset-0 { + margin-left: 0; +} +.el-col-pull-0 { + right: 0; +} +.el-col-push-0 { + left: 0; +} +.el-col-1 { + width: 4.16667%; +} +.el-col-offset-1 { + margin-left: 4.16667%; +} +.el-col-pull-1 { + right: 4.16667%; +} +.el-col-push-1 { + left: 4.16667%; +} +.el-col-2 { + width: 8.33333%; +} +.el-col-offset-2 { + margin-left: 8.33333%; +} +.el-col-pull-2 { + right: 8.33333%; +} +.el-col-push-2 { + left: 8.33333%; +} +.el-col-3 { + width: 12.5%; +} +.el-col-offset-3 { + margin-left: 12.5%; +} +.el-col-pull-3 { + right: 12.5%; +} +.el-col-push-3 { + left: 12.5%; +} +.el-col-4 { + width: 16.66667%; +} +.el-col-offset-4 { + margin-left: 16.66667%; +} +.el-col-pull-4 { + right: 16.66667%; +} +.el-col-push-4 { + left: 16.66667%; +} +.el-col-5 { + width: 20.83333%; +} +.el-col-offset-5 { + margin-left: 20.83333%; +} +.el-col-pull-5 { + right: 20.83333%; +} +.el-col-push-5 { + left: 20.83333%; +} +.el-col-6 { + width: 25%; +} +.el-col-offset-6 { + margin-left: 25%; +} +.el-col-pull-6 { + right: 25%; +} +.el-col-push-6 { + left: 25%; +} +.el-col-7 { + width: 29.16667%; +} +.el-col-offset-7 { + margin-left: 29.16667%; +} +.el-col-pull-7 { + right: 29.16667%; +} +.el-col-push-7 { + left: 29.16667%; +} +.el-col-8 { + width: 33.33333%; +} +.el-col-offset-8 { + margin-left: 33.33333%; +} +.el-col-pull-8 { + right: 33.33333%; +} +.el-col-push-8 { + left: 33.33333%; +} +.el-col-9 { + width: 37.5%; +} +.el-col-offset-9 { + margin-left: 37.5%; +} +.el-col-pull-9 { + right: 37.5%; +} +.el-col-push-9 { + left: 37.5%; +} +.el-col-10 { + width: 41.66667%; +} +.el-col-offset-10 { + margin-left: 41.66667%; +} +.el-col-pull-10 { + right: 41.66667%; +} +.el-col-push-10 { + left: 41.66667%; +} +.el-col-11 { + width: 45.83333%; +} +.el-col-offset-11 { + margin-left: 45.83333%; +} +.el-col-pull-11 { + right: 45.83333%; +} +.el-col-push-11 { + left: 45.83333%; +} +.el-col-12 { + width: 50%; +} +.el-col-offset-12 { + margin-left: 50%; +} +.el-col-pull-12 { + position: relative; + right: 50%; +} +.el-col-push-12 { + left: 50%; +} +.el-col-13 { + width: 54.16667%; +} +.el-col-offset-13 { + margin-left: 54.16667%; +} +.el-col-pull-13 { + right: 54.16667%; +} +.el-col-push-13 { + left: 54.16667%; +} +.el-col-14 { + width: 58.33333%; +} +.el-col-offset-14 { + margin-left: 58.33333%; +} +.el-col-pull-14 { + right: 58.33333%; +} +.el-col-push-14 { + left: 58.33333%; +} +.el-col-15 { + width: 62.5%; +} +.el-col-offset-15 { + margin-left: 62.5%; +} +.el-col-pull-15 { + right: 62.5%; +} +.el-col-push-15 { + left: 62.5%; +} +.el-col-16 { + width: 66.66667%; +} +.el-col-offset-16 { + margin-left: 66.66667%; +} +.el-col-pull-16 { + right: 66.66667%; +} +.el-col-push-16 { + left: 66.66667%; +} +.el-col-17 { + width: 70.83333%; +} +.el-col-offset-17 { + margin-left: 70.83333%; +} +.el-col-pull-17 { + right: 70.83333%; +} +.el-col-push-17 { + left: 70.83333%; +} +.el-col-18 { + width: 75%; +} +.el-col-offset-18 { + margin-left: 75%; +} +.el-col-pull-18 { + right: 75%; +} +.el-col-push-18 { + left: 75%; +} +.el-col-19 { + width: 79.16667%; +} +.el-col-offset-19 { + margin-left: 79.16667%; +} +.el-col-pull-19 { + right: 79.16667%; +} +.el-col-push-19 { + left: 79.16667%; +} +.el-col-20 { + width: 83.33333%; +} +.el-col-offset-20 { + margin-left: 83.33333%; +} +.el-col-pull-20 { + right: 83.33333%; +} +.el-col-push-20 { + left: 83.33333%; +} +.el-col-21 { + width: 87.5%; +} +.el-col-offset-21 { + margin-left: 87.5%; +} +.el-col-pull-21 { + right: 87.5%; +} +.el-col-push-21 { + left: 87.5%; +} +.el-col-22 { + width: 91.66667%; +} +.el-col-offset-22 { + margin-left: 91.66667%; +} +.el-col-pull-22 { + right: 91.66667%; +} +.el-col-push-22 { + left: 91.66667%; +} +.el-col-23 { + width: 95.83333%; +} +.el-col-offset-23 { + margin-left: 95.83333%; +} +.el-col-pull-23 { + right: 95.83333%; +} +.el-col-push-23 { + left: 95.83333%; +} +.el-col-24 { + width: 100%; +} +.el-col-offset-24 { + margin-left: 100%; +} +.el-col-pull-24 { + right: 100%; +} +.el-col-push-24 { + left: 100%; +} +@media only screen and (max-width: 767px) { + .el-col-xs-0 { + display: none; + width: 0%; + } + .el-col-xs-offset-0 { + margin-left: 0; + } + .el-col-xs-pull-0 { + position: relative; + right: 0; + } + .el-col-xs-push-0 { + position: relative; + left: 0; + } + .el-col-xs-1 { + width: 4.16667%; + } + .el-col-xs-offset-1 { + margin-left: 4.16667%; + } + .el-col-xs-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xs-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xs-2 { + width: 8.33333%; + } + .el-col-xs-offset-2 { + margin-left: 8.33333%; + } + .el-col-xs-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xs-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xs-3 { + width: 12.5%; + } + .el-col-xs-offset-3 { + margin-left: 12.5%; + } + .el-col-xs-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xs-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xs-4 { + width: 16.66667%; + } + .el-col-xs-offset-4 { + margin-left: 16.66667%; + } + .el-col-xs-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xs-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xs-5 { + width: 20.83333%; + } + .el-col-xs-offset-5 { + margin-left: 20.83333%; + } + .el-col-xs-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xs-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xs-6 { + width: 25%; + } + .el-col-xs-offset-6 { + margin-left: 25%; + } + .el-col-xs-pull-6 { + position: relative; + right: 25%; + } + .el-col-xs-push-6 { + position: relative; + left: 25%; + } + .el-col-xs-7 { + width: 29.16667%; + } + .el-col-xs-offset-7 { + margin-left: 29.16667%; + } + .el-col-xs-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xs-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xs-8 { + width: 33.33333%; + } + .el-col-xs-offset-8 { + margin-left: 33.33333%; + } + .el-col-xs-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xs-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xs-9 { + width: 37.5%; + } + .el-col-xs-offset-9 { + margin-left: 37.5%; + } + .el-col-xs-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xs-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xs-10 { + width: 41.66667%; + } + .el-col-xs-offset-10 { + margin-left: 41.66667%; + } + .el-col-xs-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xs-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xs-11 { + width: 45.83333%; + } + .el-col-xs-offset-11 { + margin-left: 45.83333%; + } + .el-col-xs-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xs-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xs-12 { + width: 50%; + } + .el-col-xs-offset-12 { + margin-left: 50%; + } + .el-col-xs-pull-12 { + position: relative; + right: 50%; + } + .el-col-xs-push-12 { + position: relative; + left: 50%; + } + .el-col-xs-13 { + width: 54.16667%; + } + .el-col-xs-offset-13 { + margin-left: 54.16667%; + } + .el-col-xs-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xs-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xs-14 { + width: 58.33333%; + } + .el-col-xs-offset-14 { + margin-left: 58.33333%; + } + .el-col-xs-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xs-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xs-15 { + width: 62.5%; + } + .el-col-xs-offset-15 { + margin-left: 62.5%; + } + .el-col-xs-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xs-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xs-16 { + width: 66.66667%; + } + .el-col-xs-offset-16 { + margin-left: 66.66667%; + } + .el-col-xs-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xs-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xs-17 { + width: 70.83333%; + } + .el-col-xs-offset-17 { + margin-left: 70.83333%; + } + .el-col-xs-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xs-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xs-18 { + width: 75%; + } + .el-col-xs-offset-18 { + margin-left: 75%; + } + .el-col-xs-pull-18 { + position: relative; + right: 75%; + } + .el-col-xs-push-18 { + position: relative; + left: 75%; + } + .el-col-xs-19 { + width: 79.16667%; + } + .el-col-xs-offset-19 { + margin-left: 79.16667%; + } + .el-col-xs-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xs-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xs-20 { + width: 83.33333%; + } + .el-col-xs-offset-20 { + margin-left: 83.33333%; + } + .el-col-xs-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xs-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xs-21 { + width: 87.5%; + } + .el-col-xs-offset-21 { + margin-left: 87.5%; + } + .el-col-xs-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xs-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xs-22 { + width: 91.66667%; + } + .el-col-xs-offset-22 { + margin-left: 91.66667%; + } + .el-col-xs-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xs-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xs-23 { + width: 95.83333%; + } + .el-col-xs-offset-23 { + margin-left: 95.83333%; + } + .el-col-xs-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xs-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xs-24 { + width: 100%; + } + .el-col-xs-offset-24 { + margin-left: 100%; + } + .el-col-xs-pull-24 { + position: relative; + right: 100%; + } + .el-col-xs-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 768px) { + .el-col-sm-0 { + display: none; + width: 0%; + } + .el-col-sm-offset-0 { + margin-left: 0; + } + .el-col-sm-pull-0 { + position: relative; + right: 0; + } + .el-col-sm-push-0 { + position: relative; + left: 0; + } + .el-col-sm-1 { + width: 4.16667%; + } + .el-col-sm-offset-1 { + margin-left: 4.16667%; + } + .el-col-sm-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-sm-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-sm-2 { + width: 8.33333%; + } + .el-col-sm-offset-2 { + margin-left: 8.33333%; + } + .el-col-sm-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-sm-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-sm-3 { + width: 12.5%; + } + .el-col-sm-offset-3 { + margin-left: 12.5%; + } + .el-col-sm-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-sm-push-3 { + position: relative; + left: 12.5%; + } + .el-col-sm-4 { + width: 16.66667%; + } + .el-col-sm-offset-4 { + margin-left: 16.66667%; + } + .el-col-sm-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-sm-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-sm-5 { + width: 20.83333%; + } + .el-col-sm-offset-5 { + margin-left: 20.83333%; + } + .el-col-sm-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-sm-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-sm-6 { + width: 25%; + } + .el-col-sm-offset-6 { + margin-left: 25%; + } + .el-col-sm-pull-6 { + position: relative; + right: 25%; + } + .el-col-sm-push-6 { + position: relative; + left: 25%; + } + .el-col-sm-7 { + width: 29.16667%; + } + .el-col-sm-offset-7 { + margin-left: 29.16667%; + } + .el-col-sm-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-sm-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-sm-8 { + width: 33.33333%; + } + .el-col-sm-offset-8 { + margin-left: 33.33333%; + } + .el-col-sm-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-sm-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-sm-9 { + width: 37.5%; + } + .el-col-sm-offset-9 { + margin-left: 37.5%; + } + .el-col-sm-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-sm-push-9 { + position: relative; + left: 37.5%; + } + .el-col-sm-10 { + width: 41.66667%; + } + .el-col-sm-offset-10 { + margin-left: 41.66667%; + } + .el-col-sm-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-sm-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-sm-11 { + width: 45.83333%; + } + .el-col-sm-offset-11 { + margin-left: 45.83333%; + } + .el-col-sm-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-sm-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-sm-12 { + width: 50%; + } + .el-col-sm-offset-12 { + margin-left: 50%; + } + .el-col-sm-pull-12 { + position: relative; + right: 50%; + } + .el-col-sm-push-12 { + position: relative; + left: 50%; + } + .el-col-sm-13 { + width: 54.16667%; + } + .el-col-sm-offset-13 { + margin-left: 54.16667%; + } + .el-col-sm-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-sm-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-sm-14 { + width: 58.33333%; + } + .el-col-sm-offset-14 { + margin-left: 58.33333%; + } + .el-col-sm-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-sm-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-sm-15 { + width: 62.5%; + } + .el-col-sm-offset-15 { + margin-left: 62.5%; + } + .el-col-sm-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-sm-push-15 { + position: relative; + left: 62.5%; + } + .el-col-sm-16 { + width: 66.66667%; + } + .el-col-sm-offset-16 { + margin-left: 66.66667%; + } + .el-col-sm-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-sm-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-sm-17 { + width: 70.83333%; + } + .el-col-sm-offset-17 { + margin-left: 70.83333%; + } + .el-col-sm-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-sm-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-sm-18 { + width: 75%; + } + .el-col-sm-offset-18 { + margin-left: 75%; + } + .el-col-sm-pull-18 { + position: relative; + right: 75%; + } + .el-col-sm-push-18 { + position: relative; + left: 75%; + } + .el-col-sm-19 { + width: 79.16667%; + } + .el-col-sm-offset-19 { + margin-left: 79.16667%; + } + .el-col-sm-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-sm-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-sm-20 { + width: 83.33333%; + } + .el-col-sm-offset-20 { + margin-left: 83.33333%; + } + .el-col-sm-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-sm-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-sm-21 { + width: 87.5%; + } + .el-col-sm-offset-21 { + margin-left: 87.5%; + } + .el-col-sm-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-sm-push-21 { + position: relative; + left: 87.5%; + } + .el-col-sm-22 { + width: 91.66667%; + } + .el-col-sm-offset-22 { + margin-left: 91.66667%; + } + .el-col-sm-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-sm-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-sm-23 { + width: 95.83333%; + } + .el-col-sm-offset-23 { + margin-left: 95.83333%; + } + .el-col-sm-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-sm-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-sm-24 { + width: 100%; + } + .el-col-sm-offset-24 { + margin-left: 100%; + } + .el-col-sm-pull-24 { + position: relative; + right: 100%; + } + .el-col-sm-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 992px) { + .el-col-md-0 { + display: none; + width: 0%; + } + .el-col-md-offset-0 { + margin-left: 0; + } + .el-col-md-pull-0 { + position: relative; + right: 0; + } + .el-col-md-push-0 { + position: relative; + left: 0; + } + .el-col-md-1 { + width: 4.16667%; + } + .el-col-md-offset-1 { + margin-left: 4.16667%; + } + .el-col-md-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-md-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-md-2 { + width: 8.33333%; + } + .el-col-md-offset-2 { + margin-left: 8.33333%; + } + .el-col-md-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-md-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-md-3 { + width: 12.5%; + } + .el-col-md-offset-3 { + margin-left: 12.5%; + } + .el-col-md-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-md-push-3 { + position: relative; + left: 12.5%; + } + .el-col-md-4 { + width: 16.66667%; + } + .el-col-md-offset-4 { + margin-left: 16.66667%; + } + .el-col-md-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-md-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-md-5 { + width: 20.83333%; + } + .el-col-md-offset-5 { + margin-left: 20.83333%; + } + .el-col-md-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-md-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-md-6 { + width: 25%; + } + .el-col-md-offset-6 { + margin-left: 25%; + } + .el-col-md-pull-6 { + position: relative; + right: 25%; + } + .el-col-md-push-6 { + position: relative; + left: 25%; + } + .el-col-md-7 { + width: 29.16667%; + } + .el-col-md-offset-7 { + margin-left: 29.16667%; + } + .el-col-md-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-md-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-md-8 { + width: 33.33333%; + } + .el-col-md-offset-8 { + margin-left: 33.33333%; + } + .el-col-md-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-md-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-md-9 { + width: 37.5%; + } + .el-col-md-offset-9 { + margin-left: 37.5%; + } + .el-col-md-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-md-push-9 { + position: relative; + left: 37.5%; + } + .el-col-md-10 { + width: 41.66667%; + } + .el-col-md-offset-10 { + margin-left: 41.66667%; + } + .el-col-md-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-md-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-md-11 { + width: 45.83333%; + } + .el-col-md-offset-11 { + margin-left: 45.83333%; + } + .el-col-md-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-md-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-md-12 { + width: 50%; + } + .el-col-md-offset-12 { + margin-left: 50%; + } + .el-col-md-pull-12 { + position: relative; + right: 50%; + } + .el-col-md-push-12 { + position: relative; + left: 50%; + } + .el-col-md-13 { + width: 54.16667%; + } + .el-col-md-offset-13 { + margin-left: 54.16667%; + } + .el-col-md-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-md-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-md-14 { + width: 58.33333%; + } + .el-col-md-offset-14 { + margin-left: 58.33333%; + } + .el-col-md-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-md-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-md-15 { + width: 62.5%; + } + .el-col-md-offset-15 { + margin-left: 62.5%; + } + .el-col-md-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-md-push-15 { + position: relative; + left: 62.5%; + } + .el-col-md-16 { + width: 66.66667%; + } + .el-col-md-offset-16 { + margin-left: 66.66667%; + } + .el-col-md-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-md-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-md-17 { + width: 70.83333%; + } + .el-col-md-offset-17 { + margin-left: 70.83333%; + } + .el-col-md-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-md-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-md-18 { + width: 75%; + } + .el-col-md-offset-18 { + margin-left: 75%; + } + .el-col-md-pull-18 { + position: relative; + right: 75%; + } + .el-col-md-push-18 { + position: relative; + left: 75%; + } + .el-col-md-19 { + width: 79.16667%; + } + .el-col-md-offset-19 { + margin-left: 79.16667%; + } + .el-col-md-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-md-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-md-20 { + width: 83.33333%; + } + .el-col-md-offset-20 { + margin-left: 83.33333%; + } + .el-col-md-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-md-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-md-21 { + width: 87.5%; + } + .el-col-md-offset-21 { + margin-left: 87.5%; + } + .el-col-md-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-md-push-21 { + position: relative; + left: 87.5%; + } + .el-col-md-22 { + width: 91.66667%; + } + .el-col-md-offset-22 { + margin-left: 91.66667%; + } + .el-col-md-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-md-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-md-23 { + width: 95.83333%; + } + .el-col-md-offset-23 { + margin-left: 95.83333%; + } + .el-col-md-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-md-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-md-24 { + width: 100%; + } + .el-col-md-offset-24 { + margin-left: 100%; + } + .el-col-md-pull-24 { + position: relative; + right: 100%; + } + .el-col-md-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1200px) { + .el-col-lg-0 { + display: none; + width: 0%; + } + .el-col-lg-offset-0 { + margin-left: 0; + } + .el-col-lg-pull-0 { + position: relative; + right: 0; + } + .el-col-lg-push-0 { + position: relative; + left: 0; + } + .el-col-lg-1 { + width: 4.16667%; + } + .el-col-lg-offset-1 { + margin-left: 4.16667%; + } + .el-col-lg-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-lg-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-lg-2 { + width: 8.33333%; + } + .el-col-lg-offset-2 { + margin-left: 8.33333%; + } + .el-col-lg-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-lg-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-lg-3 { + width: 12.5%; + } + .el-col-lg-offset-3 { + margin-left: 12.5%; + } + .el-col-lg-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-lg-push-3 { + position: relative; + left: 12.5%; + } + .el-col-lg-4 { + width: 16.66667%; + } + .el-col-lg-offset-4 { + margin-left: 16.66667%; + } + .el-col-lg-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-lg-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-lg-5 { + width: 20.83333%; + } + .el-col-lg-offset-5 { + margin-left: 20.83333%; + } + .el-col-lg-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-lg-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-lg-6 { + width: 25%; + } + .el-col-lg-offset-6 { + margin-left: 25%; + } + .el-col-lg-pull-6 { + position: relative; + right: 25%; + } + .el-col-lg-push-6 { + position: relative; + left: 25%; + } + .el-col-lg-7 { + width: 29.16667%; + } + .el-col-lg-offset-7 { + margin-left: 29.16667%; + } + .el-col-lg-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-lg-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-lg-8 { + width: 33.33333%; + } + .el-col-lg-offset-8 { + margin-left: 33.33333%; + } + .el-col-lg-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-lg-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-lg-9 { + width: 37.5%; + } + .el-col-lg-offset-9 { + margin-left: 37.5%; + } + .el-col-lg-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-lg-push-9 { + position: relative; + left: 37.5%; + } + .el-col-lg-10 { + width: 41.66667%; + } + .el-col-lg-offset-10 { + margin-left: 41.66667%; + } + .el-col-lg-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-lg-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-lg-11 { + width: 45.83333%; + } + .el-col-lg-offset-11 { + margin-left: 45.83333%; + } + .el-col-lg-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-lg-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-lg-12 { + width: 50%; + } + .el-col-lg-offset-12 { + margin-left: 50%; + } + .el-col-lg-pull-12 { + position: relative; + right: 50%; + } + .el-col-lg-push-12 { + position: relative; + left: 50%; + } + .el-col-lg-13 { + width: 54.16667%; + } + .el-col-lg-offset-13 { + margin-left: 54.16667%; + } + .el-col-lg-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-lg-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-lg-14 { + width: 58.33333%; + } + .el-col-lg-offset-14 { + margin-left: 58.33333%; + } + .el-col-lg-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-lg-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-lg-15 { + width: 62.5%; + } + .el-col-lg-offset-15 { + margin-left: 62.5%; + } + .el-col-lg-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-lg-push-15 { + position: relative; + left: 62.5%; + } + .el-col-lg-16 { + width: 66.66667%; + } + .el-col-lg-offset-16 { + margin-left: 66.66667%; + } + .el-col-lg-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-lg-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-lg-17 { + width: 70.83333%; + } + .el-col-lg-offset-17 { + margin-left: 70.83333%; + } + .el-col-lg-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-lg-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-lg-18 { + width: 75%; + } + .el-col-lg-offset-18 { + margin-left: 75%; + } + .el-col-lg-pull-18 { + position: relative; + right: 75%; + } + .el-col-lg-push-18 { + position: relative; + left: 75%; + } + .el-col-lg-19 { + width: 79.16667%; + } + .el-col-lg-offset-19 { + margin-left: 79.16667%; + } + .el-col-lg-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-lg-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-lg-20 { + width: 83.33333%; + } + .el-col-lg-offset-20 { + margin-left: 83.33333%; + } + .el-col-lg-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-lg-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-lg-21 { + width: 87.5%; + } + .el-col-lg-offset-21 { + margin-left: 87.5%; + } + .el-col-lg-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-lg-push-21 { + position: relative; + left: 87.5%; + } + .el-col-lg-22 { + width: 91.66667%; + } + .el-col-lg-offset-22 { + margin-left: 91.66667%; + } + .el-col-lg-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-lg-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-lg-23 { + width: 95.83333%; + } + .el-col-lg-offset-23 { + margin-left: 95.83333%; + } + .el-col-lg-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-lg-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-lg-24 { + width: 100%; + } + .el-col-lg-offset-24 { + margin-left: 100%; + } + .el-col-lg-pull-24 { + position: relative; + right: 100%; + } + .el-col-lg-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1920px) { + .el-col-xl-0 { + display: none; + width: 0%; + } + .el-col-xl-offset-0 { + margin-left: 0; + } + .el-col-xl-pull-0 { + position: relative; + right: 0; + } + .el-col-xl-push-0 { + position: relative; + left: 0; + } + .el-col-xl-1 { + width: 4.16667%; + } + .el-col-xl-offset-1 { + margin-left: 4.16667%; + } + .el-col-xl-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xl-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xl-2 { + width: 8.33333%; + } + .el-col-xl-offset-2 { + margin-left: 8.33333%; + } + .el-col-xl-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xl-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xl-3 { + width: 12.5%; + } + .el-col-xl-offset-3 { + margin-left: 12.5%; + } + .el-col-xl-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xl-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xl-4 { + width: 16.66667%; + } + .el-col-xl-offset-4 { + margin-left: 16.66667%; + } + .el-col-xl-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xl-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xl-5 { + width: 20.83333%; + } + .el-col-xl-offset-5 { + margin-left: 20.83333%; + } + .el-col-xl-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xl-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xl-6 { + width: 25%; + } + .el-col-xl-offset-6 { + margin-left: 25%; + } + .el-col-xl-pull-6 { + position: relative; + right: 25%; + } + .el-col-xl-push-6 { + position: relative; + left: 25%; + } + .el-col-xl-7 { + width: 29.16667%; + } + .el-col-xl-offset-7 { + margin-left: 29.16667%; + } + .el-col-xl-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xl-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xl-8 { + width: 33.33333%; + } + .el-col-xl-offset-8 { + margin-left: 33.33333%; + } + .el-col-xl-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xl-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xl-9 { + width: 37.5%; + } + .el-col-xl-offset-9 { + margin-left: 37.5%; + } + .el-col-xl-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xl-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xl-10 { + width: 41.66667%; + } + .el-col-xl-offset-10 { + margin-left: 41.66667%; + } + .el-col-xl-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xl-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xl-11 { + width: 45.83333%; + } + .el-col-xl-offset-11 { + margin-left: 45.83333%; + } + .el-col-xl-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xl-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xl-12 { + width: 50%; + } + .el-col-xl-offset-12 { + margin-left: 50%; + } + .el-col-xl-pull-12 { + position: relative; + right: 50%; + } + .el-col-xl-push-12 { + position: relative; + left: 50%; + } + .el-col-xl-13 { + width: 54.16667%; + } + .el-col-xl-offset-13 { + margin-left: 54.16667%; + } + .el-col-xl-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xl-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xl-14 { + width: 58.33333%; + } + .el-col-xl-offset-14 { + margin-left: 58.33333%; + } + .el-col-xl-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xl-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xl-15 { + width: 62.5%; + } + .el-col-xl-offset-15 { + margin-left: 62.5%; + } + .el-col-xl-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xl-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xl-16 { + width: 66.66667%; + } + .el-col-xl-offset-16 { + margin-left: 66.66667%; + } + .el-col-xl-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xl-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xl-17 { + width: 70.83333%; + } + .el-col-xl-offset-17 { + margin-left: 70.83333%; + } + .el-col-xl-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xl-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xl-18 { + width: 75%; + } + .el-col-xl-offset-18 { + margin-left: 75%; + } + .el-col-xl-pull-18 { + position: relative; + right: 75%; + } + .el-col-xl-push-18 { + position: relative; + left: 75%; + } + .el-col-xl-19 { + width: 79.16667%; + } + .el-col-xl-offset-19 { + margin-left: 79.16667%; + } + .el-col-xl-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xl-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xl-20 { + width: 83.33333%; + } + .el-col-xl-offset-20 { + margin-left: 83.33333%; + } + .el-col-xl-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xl-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xl-21 { + width: 87.5%; + } + .el-col-xl-offset-21 { + margin-left: 87.5%; + } + .el-col-xl-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xl-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xl-22 { + width: 91.66667%; + } + .el-col-xl-offset-22 { + margin-left: 91.66667%; + } + .el-col-xl-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xl-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xl-23 { + width: 95.83333%; + } + .el-col-xl-offset-23 { + margin-left: 95.83333%; + } + .el-col-xl-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xl-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xl-24 { + width: 100%; + } + .el-col-xl-offset-24 { + margin-left: 100%; + } + .el-col-xl-pull-24 { + position: relative; + right: 100%; + } + .el-col-xl-push-24 { + position: relative; + left: 100%; + } +} +@-webkit-keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + outline: 0; +} +.el-upload__input { + display: none; +} +.el-upload__tip { + font-size: 12px; + color: #606266; + margin-top: 7px; +} +.el-upload iframe { + position: absolute; + z-index: -1; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} +.el-upload--picture-card { + background-color: #fbfdff; + border: 1px dashed #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + line-height: 146px; + vertical-align: top; +} +.el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} +.el-upload--picture-card:hover, +.el-upload:focus { + border-color: #d0378d; + color: #d0378d; +} +.el-upload:focus .el-upload-dragger { + border-color: #d0378d; +} +.el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + position: relative; + overflow: hidden; +} +.el-upload-dragger .el-icon-upload { + font-size: 67px; + color: #c0c4cc; + margin: 40px 0 16px; + line-height: 50px; +} +.el-upload-dragger + .el-upload__tip { + text-align: center; +} +.el-upload-dragger ~ .el-upload__files { + border-top: 1px solid #dcdfe6; + margin-top: 7px; + padding-top: 5px; +} +.el-upload-dragger .el-upload__text { + color: #606266; + font-size: 14px; + text-align: center; +} +.el-upload-dragger .el-upload__text em { + color: #d0378d; + font-style: normal; +} +.el-upload-dragger:hover { + border-color: #d0378d; +} +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, 0.06); + border: 2px dashed #d0378d; +} +.el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.el-upload-list__item { + -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + font-size: 14px; + color: #606266; + line-height: 1.8; + margin-top: 5px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 100%; +} +.el-upload-list__item .el-progress { + position: absolute; + top: 20px; + width: 100%; +} +.el-upload-list__item .el-progress__text { + position: absolute; + right: 0; + top: -13px; +} +.el-upload-list__item .el-progress-bar { + margin-right: 0; + padding-right: 0; +} +.el-upload-list__item:first-child { + margin-top: 10px; +} +.el-upload-list__item .el-icon-upload-success { + color: #67c23a; +} +.el-upload-list__item .el-icon-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + opacity: 0.75; + color: #606266; +} +.el-upload-list__item .el-icon-close:hover { + opacity: 1; +} +.el-upload-list__item .el-icon-close-tip { + display: none; + position: absolute; + top: 5px; + right: 5px; + font-size: 12px; + cursor: pointer; + opacity: 1; + color: #d0378d; +} +.el-upload-list__item:hover { + background-color: #f5f7fa; +} +.el-upload-list__item:hover .el-icon-close { + display: inline-block; +} +.el-upload-list__item:hover .el-progress__text { + display: none; +} +.el-upload-list__item.is-success .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item.is-success .el-upload-list__item-name:focus, +.el-upload-list__item.is-success .el-upload-list__item-name:hover { + color: #d0378d; + cursor: pointer; +} +.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { + display: inline-block; +} +.el-upload-list__item.is-success:active .el-icon-close-tip, +.el-upload-list__item.is-success:focus .el-upload-list__item-status-label, +.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, +.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { + display: none; +} +.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item-name { + color: #606266; + display: block; + margin-right: 40px; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + -webkit-transition: color 0.3s; + transition: color 0.3s; + white-space: nowrap; +} +.el-upload-list__item-name [class^="el-icon"] { + height: 100%; + margin-right: 7px; + color: #909399; + line-height: inherit; +} +.el-upload-list__item-status-label { + position: absolute; + right: 5px; + top: 0; + line-height: inherit; + display: none; +} +.el-upload-list__item-delete { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + color: #606266; + display: none; +} +.el-upload-list__item-delete:hover { + color: #d0378d; +} +.el-upload-list--picture-card { + margin: 0; + display: inline; + vertical-align: top; +} +.el-upload-list--picture-card .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 148px; + height: 148px; + margin: 0 8px 8px 0; + display: inline-block; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-check, +.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-close, +.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture-card .el-upload-list__item-name { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item-thumbnail { + width: 100%; + height: 100%; +} +.el-upload-list--picture-card .el-upload-list__item-status-label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-list--picture-card .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture-card .el-upload-list__item-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + cursor: default; + text-align: center; + color: #fff; + opacity: 0; + font-size: 20px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-upload-list--picture-card .el-upload-list__item-actions::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-upload-list--picture-card .el-upload-list__item-actions span { + display: none; + cursor: pointer; +} +.el-upload-list--picture-card .el-upload-list__item-actions span + span { + margin-left: 15px; +} +.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { + position: static; + font-size: inherit; + color: inherit; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover { + opacity: 1; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover span { + display: inline-block; +} +.el-upload-list--picture-card .el-progress { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + bottom: auto; + width: 126px; +} +.el-upload-list--picture-card .el-progress .el-progress__text { + top: 50%; +} +.el-upload-list--picture .el-upload-list__item { + overflow: hidden; + z-index: 0; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; +} +.el-upload-list--picture .el-upload-list__item .el-icon-check, +.el-upload-list--picture .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + top: -2px; + right: -12px; +} +.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; +} +.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { + display: none; +} +.el-upload-list--picture .el-upload-list__item-thumbnail { + vertical-align: middle; + display: inline-block; + width: 70px; + height: 70px; + float: left; + position: relative; + z-index: 1; + margin-left: -80px; + background-color: #fff; +} +.el-upload-list--picture .el-upload-list__item-name { + display: block; + margin-top: 20px; +} +.el-upload-list--picture .el-upload-list__item-name i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; +} +.el-upload-list--picture .el-upload-list__item-status-label { + position: absolute; + right: -17px; + top: -7px; + width: 46px; + height: 26px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 1px 1px #ccc; + box-shadow: 0 1px 1px #ccc; +} +.el-upload-list--picture .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 12px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture .el-progress { + position: relative; + top: -7px; +} +.el-upload-cover { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 10; + cursor: default; +} +.el-upload-cover::after { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.el-upload-cover img { + display: block; + width: 100%; + height: 100%; +} +.el-upload-cover__label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-cover__label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + color: #fff; +} +.el-upload-cover__progress { + display: inline-block; + vertical-align: middle; + position: static; + width: 243px; +} +.el-upload-cover__progress + .el-upload__inner { + opacity: 0; +} +.el-upload-cover__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.el-upload-cover__interact { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.72); + text-align: center; +} +.el-upload-cover__interact .btn { + display: inline-block; + color: #fff; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + margin-top: 60px; +} +.el-upload-cover__interact .btn span { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.el-upload-cover__interact .btn:not(:first-child) { + margin-left: 35px; +} +.el-upload-cover__interact .btn:hover { + -webkit-transform: translateY(-13px); + transform: translateY(-13px); +} +.el-upload-cover__interact .btn:hover span { + opacity: 1; +} +.el-upload-cover__interact .btn i { + color: #fff; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} +.el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #fff; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 400; + text-align: left; + padding: 0 10px; + margin: 0; + line-height: 36px; + font-size: 14px; + color: #303133; +} +.el-upload-cover + .el-upload__inner { + opacity: 0; + position: relative; + z-index: 1; +} +.el-progress { + position: relative; + line-height: 1; +} +.el-progress__text { + font-size: 14px; + color: #606266; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} +.el-progress__text i { + vertical-align: middle; + display: block; +} +.el-progress--circle, +.el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, +.el-progress--dashboard .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.el-progress--circle .el-progress__text i, +.el-progress--dashboard .el-progress__text i { + vertical-align: middle; + display: inline-block; +} +.el-progress--without-text .el-progress__text { + display: none; +} +.el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} +.el-progress-bar, +.el-progress-bar__inner::after, +.el-progress-bar__innerText, +.el-spinner { + display: inline-block; + vertical-align: middle; +} +.el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} +.el-progress.is-success .el-progress-bar__inner { + background-color: #67c23a; +} +.el-progress.is-success .el-progress__text { + color: #67c23a; +} +.el-progress.is-warning .el-progress-bar__inner { + background-color: #e6a23c; +} +.el-progress.is-warning .el-progress__text { + color: #e6a23c; +} +.el-progress.is-exception .el-progress-bar__inner { + background-color: #f56c6c; +} +.el-progress.is-exception .el-progress__text { + color: #f56c6c; +} +.el-progress-bar { + padding-right: 50px; + width: 100%; + margin-right: -55px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #ebeef5; + overflow: hidden; + position: relative; + vertical-align: middle; +} +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: #d0378d; + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.el-card, +.el-message { + border-radius: 4px; + overflow: hidden; +} +.el-progress-bar__inner::after { + height: 100%; +} +.el-progress-bar__innerText { + color: #fff; + font-size: 12px; + margin: 0 5px; +} +@keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-time-spinner { + width: 100%; + white-space: nowrap; +} +.el-spinner-inner { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + width: 50px; + height: 50px; +} +.el-spinner-inner .path { + stroke: #ececec; + stroke-linecap: round; + -webkit-animation: dash 1.5s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite; +} +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +@keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +.el-message { + min-width: 380px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: #ebeef5; + position: fixed; + left: 50%; + top: 20px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #edf2fc; + -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s; + transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; + padding: 15px 15px 15px 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-message.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message.is-closable .el-message__content { + padding-right: 16px; +} +.el-message p { + margin: 0; +} +.el-message--info .el-message__content { + color: #909399; +} +.el-message--success { + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-message--success .el-message__content { + color: #67c23a; +} +.el-message--warning { + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-message--warning .el-message__content { + color: #e6a23c; +} +.el-message--error { + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-message--error .el-message__content { + color: #f56c6c; +} +.el-message__icon { + margin-right: 10px; +} +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1; +} +.el-message__closeBtn { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + color: #c0c4cc; + font-size: 16px; +} +.el-message__closeBtn:hover { + color: #909399; +} +.el-message .el-icon-success { + color: #67c23a; +} +.el-message .el-icon-error { + color: #f56c6c; +} +.el-message .el-icon-info { + color: #909399; +} +.el-message .el-icon-warning { + color: #e6a23c; +} +.el-message-fade-enter, +.el-message-fade-leave-active { + opacity: 0; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} +.el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} +.el-badge__content { + background-color: #f56c6c; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #fff; +} +.el-badge__content.is-fixed { + position: absolute; + top: 0; + right: 10px; + -webkit-transform: translateY(-50%) translateX(100%); + transform: translateY(-50%) translateX(100%); +} +.el-rate__icon, +.el-rate__item { + position: relative; + display: inline-block; +} +.el-badge__content.is-fixed.is-dot { + right: 5px; +} +.el-badge__content.is-dot { + height: 8px; + width: 8px; + padding: 0; + right: 0; + border-radius: 50%; +} +.el-badge__content--primary { + background-color: #d0378d; +} +.el-badge__content--success { + background-color: #67c23a; +} +.el-badge__content--warning { + background-color: #e6a23c; +} +.el-badge__content--info { + background-color: #909399; +} +.el-badge__content--danger { + background-color: #f56c6c; +} +.el-card { + border: 1px solid #ebeef5; + background-color: #fff; + color: #303133; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-card.is-always-shadow, +.el-card.is-hover-shadow:focus, +.el-card.is-hover-shadow:hover { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-card__header { + padding: 18px 20px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-card__body { + padding: 20px; +} +.el-rate { + height: 20px; + line-height: 1; +} +.el-rate__item { + font-size: 0; + vertical-align: middle; +} +.el-rate__icon { + font-size: 18px; + margin-right: 6px; + color: #c0c4cc; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-rate__decimal, +.el-rate__icon .path2 { + position: absolute; + top: 0; + left: 0; +} +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.el-rate__decimal { + display: inline-block; + overflow: hidden; +} +.el-step.is-vertical, +.el-steps { + display: -webkit-box; + display: -ms-flexbox; +} +.el-rate__text { + font-size: 14px; + vertical-align: middle; +} +.el-steps { + display: flex; +} +.el-steps--simple { + padding: 13px 8%; + border-radius: 4px; + background: #f5f7fa; +} +.el-steps--horizontal { + white-space: nowrap; +} +.el-steps--vertical { + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column; + flex-flow: column; +} +.el-step { + position: relative; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.el-step:last-of-type .el-step__line { + display: none; +} +.el-step:last-of-type.is-flex { + -ms-flex-preferred-size: auto !important; + flex-basis: auto !important; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; +} +.el-step:last-of-type .el-step__description, +.el-step:last-of-type .el-step__main { + padding-right: 0; +} +.el-step__head { + position: relative; + width: 100%; +} +.el-step__head.is-process { + color: #303133; + border-color: #303133; +} +.el-step__head.is-wait { + color: #c0c4cc; + border-color: #c0c4cc; +} +.el-step__head.is-success { + color: #67c23a; + border-color: #67c23a; +} +.el-step__head.is-error { + color: #f56c6c; + border-color: #f56c6c; +} +.el-step__head.is-finish { + color: #d0378d; + border-color: #d0378d; +} +.el-step__icon { + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 24px; + height: 24px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; +} +.el-step__icon.is-text { + border-radius: 50%; + border: 2px solid; + border-color: inherit; +} +.el-step__icon.is-icon { + width: 40px; +} +.el-step__icon-inner { + display: inline-block; + user-select: none; + text-align: center; + font-weight: 700; + line-height: 1; + color: inherit; +} +.el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 25px; + font-weight: 400; +} +.el-step__icon-inner.is-status { + -webkit-transform: translateY(1px); + transform: translateY(1px); +} +.el-step__line { + position: absolute; + border-color: inherit; + background-color: #c0c4cc; +} +.el-step__line-inner { + display: block; + border-width: 1px; + border-style: solid; + border-color: inherit; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 0; + height: 0; +} +.el-step__main { + white-space: normal; + text-align: left; +} +.el-step__title { + font-size: 16px; + line-height: 38px; +} +.el-step__title.is-process { + font-weight: 700; + color: #303133; +} +.el-step__title.is-wait { + color: #c0c4cc; +} +.el-step__title.is-success { + color: #67c23a; +} +.el-step__title.is-error { + color: #f56c6c; +} +.el-step__title.is-finish { + color: #d0378d; +} +.el-step__description { + padding-right: 10%; + margin-top: -5px; + font-size: 12px; + line-height: 20px; + font-weight: 400; +} +.el-step__description.is-process { + color: #303133; +} +.el-step__description.is-wait { + color: #c0c4cc; +} +.el-step__description.is-success { + color: #67c23a; +} +.el-step__description.is-error { + color: #f56c6c; +} +.el-step__description.is-finish { + color: #d0378d; +} +.el-step.is-horizontal { + display: inline-block; +} +.el-step.is-horizontal .el-step__line { + height: 2px; + top: 11px; + left: 0; + right: 0; +} +.el-step.is-vertical { + display: flex; +} +.el-step.is-vertical .el-step__head { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 24px; +} +.el-step.is-vertical .el-step__main { + padding-left: 10px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-vertical .el-step__title { + line-height: 24px; + padding-bottom: 8px; +} +.el-step.is-vertical .el-step__line { + width: 2px; + top: 0; + bottom: 0; + left: 11px; +} +.el-step.is-vertical .el-step__icon.is-icon { + width: 24px; +} +.el-step.is-center .el-step__head, +.el-step.is-center .el-step__main { + text-align: center; +} +.el-step.is-center .el-step__description { + padding-left: 20%; + padding-right: 20%; +} +.el-step.is-center .el-step__line { + left: 50%; + right: -50%; +} +.el-step.is-simple { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-step.is-simple .el-step__head { + width: auto; + font-size: 0; + padding-right: 10px; +} +.el-step.is-simple .el-step__icon { + background: 0 0; + width: 16px; + height: 16px; + font-size: 12px; +} +.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 18px; +} +.el-step.is-simple .el-step__icon-inner.is-status { + -webkit-transform: scale(0.8) translateY(1px); + transform: scale(0.8) translateY(1px); +} +.el-step.is-simple .el-step__main { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-simple .el-step__title { + font-size: 16px; + line-height: 20px; +} +.el-step.is-simple:not(:last-of-type) .el-step__title { + max-width: 50%; + word-break: break-all; +} +.el-step.is-simple .el-step__arrow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-step.is-simple .el-step__arrow::after, +.el-step.is-simple .el-step__arrow::before { + content: ""; + display: inline-block; + position: absolute; + height: 15px; + width: 1px; + background: #c0c4cc; +} +.el-step.is-simple .el-step__arrow::before { + -webkit-transform: rotate(-45deg) translateY(-4px); + transform: rotate(-45deg) translateY(-4px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.el-step.is-simple .el-step__arrow::after { + -webkit-transform: rotate(45deg) translateY(4px); + transform: rotate(45deg) translateY(4px); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.el-step.is-simple:last-of-type .el-step__arrow { + display: none; +} +.el-carousel { + position: relative; +} +.el-carousel--horizontal { + overflow-x: hidden; +} +.el-carousel--vertical { + overflow-y: hidden; +} +.el-carousel__container { + position: relative; + height: 300px; +} +.el-carousel__arrow { + border: none; + outline: 0; + padding: 0; + margin: 0; + height: 36px; + width: 36px; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #fff; + position: absolute; + top: 50%; + z-index: 10; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + font-size: 12px; +} +.el-carousel__arrow--left { + left: 16px; +} +.el-carousel__arrow--right { + right: 16px; +} +.el-carousel__arrow:hover { + background-color: rgba(31, 45, 61, 0.23); +} +.el-carousel__arrow i { + cursor: pointer; +} +.el-carousel__indicators { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + z-index: 2; +} +.el-carousel__indicators--horizontal { + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.el-carousel__indicators--vertical { + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-carousel__indicators--outside { + bottom: 26px; + text-align: center; + position: static; + -webkit-transform: none; + transform: none; +} +.el-carousel__indicators--outside .el-carousel__indicator:hover button { + opacity: 0.64; +} +.el-carousel__indicators--outside button { + background-color: #c0c4cc; + opacity: 0.24; +} +.el-carousel__indicators--labels { + left: 0; + right: 0; + -webkit-transform: none; + transform: none; + text-align: center; +} +.el-carousel__indicators--labels .el-carousel__button { + height: auto; + width: auto; + padding: 2px 18px; + font-size: 12px; +} +.el-carousel__indicators--labels .el-carousel__indicator { + padding: 6px 4px; +} +.el-carousel__indicator { + background-color: transparent; + cursor: pointer; +} +.el-carousel__indicator:hover button { + opacity: 0.72; +} +.el-carousel__indicator--horizontal { + display: inline-block; + padding: 12px 4px; +} +.el-carousel__indicator--vertical { + padding: 4px 12px; +} +.el-carousel__indicator--vertical .el-carousel__button { + width: 2px; + height: 15px; +} +.el-carousel__indicator.is-active button { + opacity: 1; +} +.el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #fff; + border: none; + outline: 0; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-carousel__item, +.el-carousel__mask { + height: 100%; + top: 0; + left: 0; + position: absolute; +} +.carousel-arrow-left-enter, +.carousel-arrow-left-leave-active { + -webkit-transform: translateY(-50%) translateX(-10px); + transform: translateY(-50%) translateX(-10px); + opacity: 0; +} +.carousel-arrow-right-enter, +.carousel-arrow-right-leave-active { + -webkit-transform: translateY(-50%) translateX(10px); + transform: translateY(-50%) translateX(10px); + opacity: 0; +} +.el-carousel__item { + width: 100%; + display: inline-block; + overflow: hidden; + z-index: 0; +} +.el-carousel__item.is-active { + z-index: 2; +} +.el-carousel__item.is-animating { + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card { + width: 50%; + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} +.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, +.el-carousel__item--card.is-in-stage:hover .el-carousel__mask { + opacity: 0.12; +} +.el-carousel__item--card.is-active { + z-index: 2; +} +.el-carousel__mask { + width: 100%; + background-color: #fff; + opacity: 0.24; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.el-fade-in-enter, +.el-fade-in-leave-active, +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active, +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-left-enter-active, +.el-zoom-in-left-leave-active { + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: top left; + transform-origin: top left; +} +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + -webkit-transform: scale(0.45, 0.45); + transform: scale(0.45, 0.45); +} +.collapse-transition { + -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; +} +.horizontal-collapse-transition { + -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; +} +.el-list-enter-active, +.el-list-leave-active { + -webkit-transition: all 1s; + transition: all 1s; +} +.el-list-enter, +.el-list-leave-active { + opacity: 0; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} +.el-opacity-transition { + -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-collapse { + border-top: 1px solid #ebeef5; + border-bottom: 1px solid #ebeef5; +} +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed; +} +.el-collapse-item__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + line-height: 48px; + background-color: #fff; + color: #303133; + cursor: pointer; + border-bottom: 1px solid #ebeef5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color 0.3s; + transition: border-bottom-color 0.3s; + outline: 0; +} +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-weight: 300; +} +.el-collapse-item__arrow.is-active { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-collapse-item__header.focusing:focus:not(:hover) { + color: #d0378d; +} +.el-collapse-item__header.is-active { + border-bottom-color: transparent; +} +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5; +} +.el-cascader__tags, +.el-tag { + -webkit-box-sizing: border-box; +} +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #303133; + line-height: 1.769230769230769; +} +.el-collapse-item:last-child { + margin-bottom: -1px; +} +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-popper .popper__arrow { + border-width: 6px; + -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0; +} +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0; +} +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5; +} +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff; +} +.el-popper[x-placement^="right"] { + margin-left: 12px; +} +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0; +} +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} +.el-popper[x-placement^="left"] { + margin-right: 12px; +} +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5; +} +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff; +} +.el-tag { + background-color: #faebf4; + border-color: #f6d7e8; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: #d0378d; + border-width: 1px; + border-style: solid; + border-radius: 4px; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: #d0378d; +} +.el-tag .el-tag__close { + color: #d0378d; +} +.el-tag .el-tag__close:hover { + color: #fff; + background-color: #d0378d; +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #f0f9eb; + border-color: #e1f3d8; + color: #67c23a; +} +.el-tag.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag.el-tag--warning { + background-color: #fdf6ec; + border-color: #faecd8; + color: #e6a23c; +} +.el-tag.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag.el-tag--danger { + background-color: #fef0f0; + border-color: #fde2e2; + color: #f56c6c; +} +.el-tag.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + height: 16px; + width: 16px; + line-height: 16px; + vertical-align: middle; + top: -1px; + right: -5px; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: #d0378d; + border-color: #d0378d; + color: #fff; +} +.el-tag--dark.is-hit { + border-color: #d0378d; +} +.el-tag--dark .el-tag__close { + color: #fff; +} +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: #d95fa4; +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: #fff; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--dark.el-tag--info .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--dark.el-tag--success .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #85ce61; +} +.el-tag--dark.el-tag--warning { + background-color: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--dark.el-tag--warning .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #ebb563; +} +.el-tag--dark.el-tag--danger { + background-color: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--dark.el-tag--danger .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f78989; +} +.el-tag--plain { + background-color: #fff; + border-color: #ecafd1; + color: #d0378d; +} +.el-tag--plain.is-hit { + border-color: #d0378d; +} +.el-tag--plain .el-tag__close { + color: #d0378d; +} +.el-tag--plain .el-tag__close:hover { + color: #fff; + background-color: #d0378d; +} +.el-tag--plain.el-tag--info { + background-color: #fff; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: #fff; + border-color: #c2e7b0; + color: #67c23a; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #f5dab1; + color: #e6a23c; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #fbc4c4; + color: #f56c6c; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +.el-cascader { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 40px; +} +.el-cascader:not(.is-disabled):hover .el-input__inner { + cursor: pointer; + border-color: #c0c4cc; +} +.el-cascader .el-input .el-input__inner:focus, +.el-cascader .el-input.is-focus .el-input__inner { + border-color: #d0378d; +} +.el-cascader .el-input { + cursor: pointer; +} +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis; +} +.el-cascader .el-input .el-icon-arrow-down { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + font-size: 14px; +} +.el-cascader .el-input .el-icon-arrow-down.is-reverse { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-cascader .el-input .el-icon-circle-close:hover { + color: #909399; +} +.el-cascader--medium { + font-size: 14px; + line-height: 36px; +} +.el-cascader--small { + font-size: 13px; + line-height: 32px; +} +.el-cascader--mini { + font-size: 12px; + line-height: 28px; +} +.el-cascader.is-disabled .el-cascader__label { + z-index: 2; + color: #c0c4cc; +} +.el-cascader__dropdown { + margin: 5px 0; + font-size: 14px; + background: #fff; + border: 1px solid #e4e7ed; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-cascader__tags { + position: absolute; + left: 0; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: normal; + text-align: left; + box-sizing: border-box; +} +.el-cascader__tags .el-tag { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 100%; + margin: 2px 0 2px 6px; + text-overflow: ellipsis; + background: #f0f2f5; +} +.el-cascader__tags .el-tag:not(.is-hit) { + border-color: transparent; +} +.el-cascader__tags .el-tag > span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + background-color: #c0c4cc; + color: #fff; +} +.el-cascader__tags .el-tag .el-icon-close:hover { + background-color: #909399; +} +.el-cascader__suggestion-panel { + border-radius: 4px; +} +.el-cascader__suggestion-list { + max-height: 204px; + margin: 0; + padding: 6px 0; + font-size: 14px; + color: #606266; + text-align: center; +} +.el-cascader__suggestion-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-cascader__suggestion-item:focus, +.el-cascader__suggestion-item:hover { + background: #f5f7fa; +} +.el-cascader__suggestion-item.is-checked { + color: #d0378d; + font-weight: 700; +} +.el-cascader__suggestion-item > span { + margin-right: 10px; +} +.el-cascader__empty-text { + margin: 10px 0; + color: #c0c4cc; +} +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__search-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::placeholder { + color: #c0c4cc; +} +.el-color-predefine { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 12px; + margin-top: 8px; + width: 280px; +} +.el-color-predefine__colors { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-color-predefine__color-selector { + margin: 0 0 8px 8px; + width: 20px; + height: 20px; + border-radius: 4px; + cursor: pointer; +} +.el-color-predefine__color-selector:nth-child(10n + 1) { + margin-left: 0; +} +.el-color-predefine__color-selector.selected { + -webkit-box-shadow: 0 0 3px 2px #d0378d; + box-shadow: 0 0 3px 2px #d0378d; +} +.el-color-predefine__color-selector > div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + border-radius: 3px; +} +.el-color-predefine__color-selector.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-hue-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background-color: red; + padding: 0 2px; +} +.el-color-hue-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to right, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); + height: 100%; +} +.el-color-hue-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-hue-slider.is-vertical { + width: 12px; + height: 180px; + padding: 2px 0; +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient( + to bottom, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-svpanel { + position: relative; + width: 280px; + height: 180px; +} +.el-color-svpanel__black, +.el-color-svpanel__white { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.el-color-svpanel__white { + background: -webkit-gradient( + linear, + left top, + right top, + from(#fff), + to(rgba(255, 255, 255, 0)) + ); + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} +.el-color-svpanel__black { + background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} +.el-color-svpanel__cursor { + position: absolute; +} +.el-color-svpanel__cursor > div { + cursor: head; + width: 4px; + height: 4px; + -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); +} +.el-color-alpha-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-alpha-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); + height: 100%; +} +.el-color-alpha-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-alpha-slider.is-vertical { + width: 20px; + height: 180px; +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(255, 255, 255, 0)), + to(white) + ); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-dropdown { + width: 300px; +} +.el-color-dropdown__main-wrapper { + margin-bottom: 6px; +} +.el-color-dropdown__main-wrapper::after { + content: ""; + display: table; + clear: both; +} +.el-color-dropdown__btns { + margin-top: 6px; + text-align: right; +} +.el-color-dropdown__value { + float: left; + line-height: 26px; + font-size: 12px; + color: #000; + width: 160px; +} +.el-color-dropdown__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-color-dropdown__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-color-dropdown__btn:hover { + color: #d0378d; + border-color: #d0378d; +} +.el-color-dropdown__link-btn { + cursor: pointer; + color: #d0378d; + text-decoration: none; + padding: 15px; + font-size: 12px; +} +.el-color-dropdown__link-btn:hover { + color: tint(#d0378d, 20%); +} +.el-color-picker { + display: inline-block; + position: relative; + line-height: normal; + height: 40px; +} +.el-color-picker.is-disabled .el-color-picker__trigger { + cursor: not-allowed; +} +.el-color-picker--medium { + height: 36px; +} +.el-color-picker--medium .el-color-picker__trigger { + height: 36px; + width: 36px; +} +.el-color-picker--medium .el-color-picker__mask { + height: 34px; + width: 34px; +} +.el-color-picker--small { + height: 32px; +} +.el-color-picker--small .el-color-picker__trigger { + height: 32px; + width: 32px; +} +.el-color-picker--small .el-color-picker__mask { + height: 30px; + width: 30px; +} +.el-color-picker--small .el-color-picker__empty, +.el-color-picker--small .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker--mini { + height: 28px; +} +.el-color-picker--mini .el-color-picker__trigger { + height: 28px; + width: 28px; +} +.el-color-picker--mini .el-color-picker__mask { + height: 26px; + width: 26px; +} +.el-color-picker--mini .el-color-picker__empty, +.el-color-picker--mini .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker__mask { + height: 38px; + width: 38px; + border-radius: 4px; + position: absolute; + top: 1px; + left: 1px; + z-index: 1; + cursor: not-allowed; + background-color: rgba(255, 255, 255, 0.7); +} +.el-color-picker__trigger { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + width: 40px; + padding: 4px; + border: 1px solid #e6e6e6; + border-radius: 4px; + font-size: 0; + position: relative; + cursor: pointer; +} +.el-color-picker__color { + position: relative; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #999; + border-radius: 2px; + width: 100%; + height: 100%; + text-align: center; +} +.el-color-picker__color.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-picker__color-inner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.el-color-picker__empty, +.el-color-picker__icon { + top: 50%; + left: 50%; + font-size: 12px; + position: absolute; +} +.el-color-picker__empty { + color: #999; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.el-color-picker__icon { + display: inline-block; + width: 100%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + color: #fff; + text-align: center; +} +.el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px; +} +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + font-size: inherit; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dcdfe6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea__inner:hover { + border-color: #c0c4cc; +} +.el-textarea__inner:focus { + outline: 0; + border-color: #d0378d; +} +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea.is-exceed .el-textarea__inner { + border-color: #f56c6c; +} +.el-textarea.is-exceed .el-input__count { + color: #f56c6c; +} +.el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px; +} +.el-input::-webkit-scrollbar:horizontal { + height: 6px; +} +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc; +} +.el-input::-webkit-scrollbar-corner { + background: #fff; +} +.el-input::-webkit-scrollbar-track { + background: #fff; +} +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px; +} +.el-input .el-input__clear { + color: #c0c4cc; + font-size: 14px; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + display: inline-block; + font-size: inherit; + height: 40px; + line-height: 40px; + outline: 0; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-input__prefix, +.el-input__suffix { + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + height: 100%; + color: #c0c4cc; + text-align: center; +} +.el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input__inner:hover { + border-color: #c0c4cc; +} +.el-input.is-active .el-input__inner, +.el-input__inner:focus { + border-color: #d0378d; + outline: 0; +} +.el-input__suffix { + right: 5px; + transition: all 0.3s; +} +.el-input__suffix-inner { + pointer-events: all; +} +.el-input__prefix { + left: 5px; + transition: all 0.3s; +} +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + line-height: 40px; +} +.el-input__icon:after { + content: ""; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} +.el-input__validateIcon { + pointer-events: none; +} +.el-input.is-disabled .el-input__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__icon { + cursor: not-allowed; +} +.el-link, +.el-transfer-panel__filter .el-icon-circle-close { + cursor: pointer; +} +.el-input.is-exceed .el-input__inner { + border-color: #f56c6c; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #f56c6c; +} +.el-input--suffix .el-input__inner { + padding-right: 30px; +} +.el-input--prefix .el-input__inner { + padding-left: 30px; +} +.el-input--medium { + font-size: 14px; +} +.el-input--medium .el-input__inner { + height: 36px; + line-height: 36px; +} +.el-input--medium .el-input__icon { + line-height: 36px; +} +.el-input--small { + font-size: 13px; +} +.el-input--small .el-input__inner { + height: 32px; + line-height: 32px; +} +.el-input--small .el-input__icon { + line-height: 32px; +} +.el-input--mini { + font-size: 12px; +} +.el-input--mini .el-input__inner { + height: 28px; + line-height: 28px; +} +.el-input--mini .el-input__icon { + line-height: 28px; +} +.el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} +.el-input-group__append, +.el-input-group__prepend { + background-color: #f5f7fa; + color: #909399; + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 4px; + padding: 0 20px; + width: 1px; + white-space: nowrap; +} +.el-input-group--prepend .el-input__inner, +.el-input-group__append { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--append .el-input__inner, +.el-input-group__prepend { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group__append:focus, +.el-input-group__prepend:focus { + outline: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-select, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-select { + display: inline-block; + margin: -10px -20px; +} +.el-input-group__append button.el-button, +.el-input-group__append div.el-select .el-input__inner, +.el-input-group__append div.el-select:hover .el-input__inner, +.el-input-group__prepend button.el-button, +.el-input-group__prepend div.el-select .el-input__inner, +.el-input-group__prepend div.el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-input, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-input { + font-size: inherit; +} +.el-input-group__prepend { + border-right: 0; +} +.el-input-group__append { + border-left: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner, +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} +.el-transfer { + font-size: 14px; +} +.el-transfer__buttons { + display: inline-block; + vertical-align: middle; + padding: 0 30px; +} +.el-transfer__button { + display: block; + margin: 0 auto; + padding: 10px; + border-radius: 50%; + color: #fff; + background-color: #d0378d; + font-size: 0; +} +.el-transfer-panel__item + .el-transfer-panel__item, +.el-transfer__button [class*="el-icon-"] + span { + margin-left: 0; +} +.el-transfer__button.is-with-texts { + border-radius: 4px; +} +.el-transfer__button.is-disabled, +.el-transfer__button.is-disabled:hover { + border: 1px solid #dcdfe6; + background-color: #f5f7fa; + color: #c0c4cc; +} +.el-transfer__button:first-child { + margin-bottom: 10px; +} +.el-transfer__button:nth-child(2) { + margin: 0; +} +.el-transfer__button i, +.el-transfer__button span { + font-size: 14px; +} +.el-transfer-panel { + border: 1px solid #ebeef5; + border-radius: 4px; + overflow: hidden; + background: #fff; + display: inline-block; + vertical-align: middle; + width: 200px; + max-height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; +} +.el-transfer-panel__body { + height: 246px; +} +.el-transfer-panel__body.is-with-footer { + padding-bottom: 40px; +} +.el-transfer-panel__list { + margin: 0; + padding: 6px 0; + list-style: none; + height: 246px; + overflow: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-transfer-panel__list.is-filterable { + height: 194px; + padding-top: 0; +} +.el-transfer-panel__item { + height: 30px; + line-height: 30px; + padding-left: 15px; + display: block !important; +} +.el-transfer-panel__item.el-checkbox { + color: #606266; +} +.el-transfer-panel__item:hover { + color: #d0378d; +} +.el-transfer-panel__item.el-checkbox .el-checkbox__label { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 24px; + line-height: 30px; +} +.el-transfer-panel__item .el-checkbox__input { + position: absolute; + top: 8px; +} +.el-transfer-panel__filter { + text-align: center; + margin: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: auto; +} +.el-transfer-panel__filter .el-input__inner { + height: 32px; + width: 100%; + font-size: 12px; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 16px; + padding-right: 10px; + padding-left: 30px; +} +.el-transfer-panel__filter .el-input__icon { + margin-left: 5px; +} +.el-transfer-panel .el-transfer-panel__header { + height: 40px; + line-height: 40px; + background: #f5f7fa; + margin: 0; + padding-left: 15px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #000; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox { + display: block; + line-height: 40px; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { + font-size: 16px; + color: #303133; + font-weight: 400; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { + position: absolute; + right: 15px; + color: #909399; + font-size: 12px; + font-weight: 400; +} +.el-divider__text, +.el-link { + font-weight: 500; + font-size: 14px; +} +.el-transfer-panel .el-transfer-panel__footer { + height: 40px; + background: #fff; + margin: 0; + padding: 0; + border-top: 1px solid #ebeef5; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; +} +.el-transfer-panel .el-transfer-panel__footer::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-container, +.el-timeline-item__node { + display: -webkit-box; + display: -ms-flexbox; +} +.el-transfer-panel .el-transfer-panel__footer .el-checkbox { + padding-left: 20px; + color: #606266; +} +.el-transfer-panel .el-transfer-panel__empty { + margin: 0; + height: 30px; + line-height: 30px; + padding: 6px 15px 0; + color: #909399; + text-align: center; +} +.el-transfer-panel .el-checkbox__label { + padding-left: 8px; +} +.el-transfer-panel .el-checkbox__inner { + height: 14px; + width: 14px; + border-radius: 3px; +} +.el-transfer-panel .el-checkbox__inner::after { + height: 6px; + width: 3px; + left: 4px; +} +.el-container { + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; +} +.el-container.is-vertical, +.el-drawer { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; +} +.el-aside, +.el-header { + -webkit-box-sizing: border-box; +} +.el-container.is-vertical { + -ms-flex-direction: column; + flex-direction: column; +} +.el-header { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-aside { + overflow: auto; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-footer, +.el-main { + -webkit-box-sizing: border-box; +} +.el-main { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + overflow: auto; + box-sizing: border-box; + padding: 20px; +} +.el-footer { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-timeline { + margin: 0; + font-size: 14px; + list-style: none; +} +.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { + display: none; +} +.el-timeline-item { + position: relative; + padding-bottom: 20px; +} +.el-timeline-item__wrapper { + position: relative; + padding-left: 28px; + top: -3px; +} +.el-timeline-item__tail { + position: absolute; + left: 4px; + height: 100%; + border-left: 2px solid #e4e7ed; +} +.el-timeline-item__icon { + color: #fff; + font-size: 13px; +} +.el-timeline-item__node { + position: absolute; + background-color: #e4e7ed; + border-radius: 50%; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image__error, +.el-timeline-item__dot { + display: -webkit-box; + display: -ms-flexbox; +} +.el-timeline-item__node--normal { + left: -1px; + width: 12px; + height: 12px; +} +.el-timeline-item__node--large { + left: -2px; + width: 14px; + height: 14px; +} +.el-timeline-item__node--primary { + background-color: #d0378d; +} +.el-timeline-item__node--success { + background-color: #67c23a; +} +.el-timeline-item__node--warning { + background-color: #e6a23c; +} +.el-timeline-item__node--danger { + background-color: #f56c6c; +} +.el-timeline-item__node--info { + background-color: #909399; +} +.el-timeline-item__dot { + position: absolute; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-timeline-item__content { + color: #303133; +} +.el-timeline-item__timestamp { + color: #909399; + line-height: 1; + font-size: 13px; +} +.el-timeline-item__timestamp.is-top { + margin-bottom: 8px; + padding-top: 4px; +} +.el-timeline-item__timestamp.is-bottom { + margin-top: 8px; +} +.el-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: 0; + padding: 0; +} +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid #d0378d; +} +.el-link.el-link--default:after, +.el-link.el-link--primary.is-underline:hover:after, +.el-link.el-link--primary:after { + border-color: #d0378d; +} +.el-link.is-disabled { + cursor: not-allowed; +} +.el-link [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-link.el-link--default { + color: #606266; +} +.el-link.el-link--default:hover { + color: #d0378d; +} +.el-link.el-link--default.is-disabled { + color: #c0c4cc; +} +.el-link.el-link--primary { + color: #d0378d; +} +.el-link.el-link--primary:hover { + color: #d95fa4; +} +.el-link.el-link--primary.is-disabled { + color: #e89bc6; +} +.el-link.el-link--danger.is-underline:hover:after, +.el-link.el-link--danger:after { + border-color: #f56c6c; +} +.el-link.el-link--danger { + color: #f56c6c; +} +.el-link.el-link--danger:hover { + color: #f78989; +} +.el-link.el-link--danger.is-disabled { + color: #fab6b6; +} +.el-link.el-link--success.is-underline:hover:after, +.el-link.el-link--success:after { + border-color: #67c23a; +} +.el-link.el-link--success { + color: #67c23a; +} +.el-link.el-link--success:hover { + color: #85ce61; +} +.el-link.el-link--success.is-disabled { + color: #b3e19d; +} +.el-link.el-link--warning.is-underline:hover:after, +.el-link.el-link--warning:after { + border-color: #e6a23c; +} +.el-link.el-link--warning { + color: #e6a23c; +} +.el-link.el-link--warning:hover { + color: #ebb563; +} +.el-link.el-link--warning.is-disabled { + color: #f3d19e; +} +.el-link.el-link--info.is-underline:hover:after, +.el-link.el-link--info:after { + border-color: #909399; +} +.el-link.el-link--info { + color: #909399; +} +.el-link.el-link--info:hover { + color: #a6a9ad; +} +.el-link.el-link--info.is-disabled { + color: #c8c9cc; +} +.el-divider { + background-color: #dcdfe6; + position: relative; +} +.el-divider--horizontal { + display: block; + height: 1px; + width: 100%; + margin: 24px 0; +} +.el-divider--vertical { + display: inline-block; + width: 1px; + height: 1em; + margin: 0 8px; + vertical-align: middle; + position: relative; +} +.el-divider__text { + position: absolute; + background-color: #fff; + padding: 0 20px; + color: #303133; +} +.el-image__error, +.el-image__placeholder { + background: #f5f7fa; +} +.el-divider__text.is-left { + left: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-divider__text.is-center { + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.el-divider__text.is-right { + right: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-image__error, +.el-image__inner, +.el-image__placeholder { + width: 100%; + height: 100%; +} +.el-image { + position: relative; + display: inline-block; + overflow: hidden; +} +.el-image__inner { + vertical-align: top; +} +.el-image__inner--center { + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: block; +} +.el-image__error { + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + color: #c0c4cc; + vertical-align: middle; +} +.el-image__preview { + cursor: pointer; +} +.el-image-viewer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.el-image-viewer__btn { + position: absolute; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + opacity: 0.8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + user-select: none; +} +.el-button, +.el-checkbox { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 24px; + color: #fff; + background-color: #606266; +} +.el-image-viewer__canvas { + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image-viewer__actions { + left: 50%; + bottom: 30px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 282px; + height: 44px; + padding: 0 23px; + background-color: #606266; + border-color: #fff; + border-radius: 22px; +} +.el-image-viewer__actions__inner { + width: 100%; + height: 100%; + text-align: justify; + cursor: default; + font-size: 23px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-image-viewer__next, +.el-image-viewer__prev { + top: 50%; + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; +} +.el-image-viewer__prev { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 40px; +} +.el-image-viewer__next { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 40px; + text-indent: 2px; +} +.el-image-viewer__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.5; + background: #000; +} +.viewer-fade-enter-active { + -webkit-animation: viewer-fade-in 0.3s; + animation: viewer-fade-in 0.3s; +} +.viewer-fade-leave-active { + -webkit-animation: viewer-fade-out 0.3s; + animation: viewer-fade-out 0.3s; +} +@-webkit-keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 500; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button + .el-button { + margin-left: 10px; +} +.el-button:focus, +.el-button:hover { + color: #d0378d; + border-color: #f1c3dd; + background-color: #faebf4; +} +.el-button:active { + color: #bb327f; + border-color: #bb327f; + outline: 0; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-button.is-plain:focus, +.el-button.is-plain:hover { + background: #fff; + border-color: #d0378d; + color: #d0378d; +} +.el-button.is-active, +.el-button.is-plain:active { + color: #bb327f; + border-color: #bb327f; +} +.el-button.is-plain:active { + background: #fff; + outline: 0; +} +.el-button.is-disabled, +.el-button.is-disabled:focus, +.el-button.is-disabled:hover { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, +.el-button.is-disabled.is-plain:focus, +.el-button.is-disabled.is-plain:hover { + background-color: #fff; + border-color: #ebeef5; + color: #c0c4cc; +} +.el-button.is-loading { + position: relative; + pointer-events: none; +} +.el-button.is-loading:before { + pointer-events: none; + content: ""; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, 0.35); +} +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} +.el-button--primary { + color: #fff; + background-color: #d0378d; + border-color: #d0378d; +} +.el-button--primary:focus, +.el-button--primary:hover { + background: #d95fa4; + border-color: #d95fa4; + color: #fff; +} +.el-button--primary.is-active, +.el-button--primary:active { + background: #bb327f; + border-color: #bb327f; + color: #fff; +} +.el-button--primary:active { + outline: 0; +} +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:active, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:hover { + color: #fff; + background-color: #e89bc6; + border-color: #e89bc6; +} +.el-button--primary.is-plain { + color: #d0378d; + background: #faebf4; + border-color: #ecafd1; +} +.el-button--primary.is-plain:focus, +.el-button--primary.is-plain:hover { + background: #d0378d; + border-color: #d0378d; + color: #fff; +} +.el-button--primary.is-plain:active { + background: #bb327f; + border-color: #bb327f; + color: #fff; + outline: 0; +} +.el-button--primary.is-plain.is-disabled, +.el-button--primary.is-plain.is-disabled:active, +.el-button--primary.is-plain.is-disabled:focus, +.el-button--primary.is-plain.is-disabled:hover { + color: #e387bb; + background-color: #faebf4; + border-color: #f6d7e8; +} +.el-button--success { + color: #fff; + background-color: #67c23a; + border-color: #67c23a; +} +.el-button--success:focus, +.el-button--success:hover { + background: #85ce61; + border-color: #85ce61; + color: #fff; +} +.el-button--success.is-active, +.el-button--success:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; +} +.el-button--success:active { + outline: 0; +} +.el-button--success.is-disabled, +.el-button--success.is-disabled:active, +.el-button--success.is-disabled:focus, +.el-button--success.is-disabled:hover { + color: #fff; + background-color: #b3e19d; + border-color: #b3e19d; +} +.el-button--success.is-plain { + color: #67c23a; + background: #f0f9eb; + border-color: #c2e7b0; +} +.el-button--success.is-plain:focus, +.el-button--success.is-plain:hover { + background: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-button--success.is-plain:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; + outline: 0; +} +.el-button--success.is-plain.is-disabled, +.el-button--success.is-plain.is-disabled:active, +.el-button--success.is-plain.is-disabled:focus, +.el-button--success.is-plain.is-disabled:hover { + color: #a4da89; + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-button--warning { + color: #fff; + background-color: #e6a23c; + border-color: #e6a23c; +} +.el-button--warning:focus, +.el-button--warning:hover { + background: #ebb563; + border-color: #ebb563; + color: #fff; +} +.el-button--warning.is-active, +.el-button--warning:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; +} +.el-button--warning:active { + outline: 0; +} +.el-button--warning.is-disabled, +.el-button--warning.is-disabled:active, +.el-button--warning.is-disabled:focus, +.el-button--warning.is-disabled:hover { + color: #fff; + background-color: #f3d19e; + border-color: #f3d19e; +} +.el-button--warning.is-plain { + color: #e6a23c; + background: #fdf6ec; + border-color: #f5dab1; +} +.el-button--warning.is-plain:focus, +.el-button--warning.is-plain:hover { + background: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-button--warning.is-plain:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; + outline: 0; +} +.el-button--warning.is-plain.is-disabled, +.el-button--warning.is-plain.is-disabled:active, +.el-button--warning.is-plain.is-disabled:focus, +.el-button--warning.is-plain.is-disabled:hover { + color: #f0c78a; + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-button--danger { + color: #fff; + background-color: #f56c6c; + border-color: #f56c6c; +} +.el-button--danger:focus, +.el-button--danger:hover { + background: #f78989; + border-color: #f78989; + color: #fff; +} +.el-button--danger.is-active, +.el-button--danger:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; +} +.el-button--danger:active { + outline: 0; +} +.el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, +.el-button--danger.is-disabled:hover { + color: #fff; + background-color: #fab6b6; + border-color: #fab6b6; +} +.el-button--danger.is-plain { + color: #f56c6c; + background: #fef0f0; + border-color: #fbc4c4; +} +.el-button--danger.is-plain:focus, +.el-button--danger.is-plain:hover { + background: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-button--danger.is-plain:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; + outline: 0; +} +.el-button--danger.is-plain.is-disabled, +.el-button--danger.is-plain.is-disabled:active, +.el-button--danger.is-plain.is-disabled:focus, +.el-button--danger.is-plain.is-disabled:hover { + color: #f9a7a7; + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-button--info { + color: #fff; + background-color: #909399; + border-color: #909399; +} +.el-button--info:focus, +.el-button--info:hover { + background: #a6a9ad; + border-color: #a6a9ad; + color: #fff; +} +.el-button--info.is-active, +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff; +} +.el-button--info:active { + outline: 0; +} +.el-button--info.is-disabled, +.el-button--info.is-disabled:active, +.el-button--info.is-disabled:focus, +.el-button--info.is-disabled:hover { + color: #fff; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:focus, +.el-button--info.is-plain:hover { + background: #909399; + border-color: #909399; + color: #fff; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0; +} +.el-button--info.is-plain.is-disabled, +.el-button--info.is-plain.is-disabled:active, +.el-button--info.is-plain.is-disabled:focus, +.el-button--info.is-plain.is-disabled:hover { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} +.el-button--text, +.el-button--text.is-disabled, +.el-button--text.is-disabled:focus, +.el-button--text.is-disabled:hover, +.el-button--text:active { + border-color: transparent; +} +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--mini, +.el-button--small { + font-size: 12px; + border-radius: 3px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} +.el-button--small, +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} +.el-button--mini, +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} +.el-button--text { + color: #d0378d; + background: 0 0; + padding-left: 0; + padding-right: 0; +} +.el-button--text:focus, +.el-button--text:hover { + color: #d95fa4; + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #bb327f; + background-color: transparent; +} +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::after, +.el-button-group::before { + display: table; + content: ""; +} +.el-button-group::after { + clear: both; +} +.el-button-group > .el-button { + float: left; + position: relative; +} +.el-button-group > .el-button + .el-button { + margin-left: 0; +} +.el-button-group > .el-button.is-disabled { + z-index: 1; +} +.el-button-group > .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-button-group > .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-button-group > .el-button:first-child:last-child { + border-radius: 4px; +} +.el-button-group > .el-button:first-child:last-child.is-round { + border-radius: 20px; +} +.el-button-group > .el-button:first-child:last-child.is-circle { + border-radius: 50%; +} +.el-button-group > .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} +.el-button-group > .el-button:not(:last-child) { + margin-right: -1px; +} +.el-button-group > .el-button.is-active, +.el-button-group > .el-button:active, +.el-button-group > .el-button:focus, +.el-button-group > .el-button:hover { + z-index: 1; +} +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-calendar { + background-color: #fff; +} +.el-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #ebeef5; +} +.el-backtop, +.el-page-header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-calendar__title { + color: #000; + -ms-flex-item-align: center; + align-self: center; +} +.el-calendar__body { + padding: 12px 20px 35px; +} +.el-calendar-table { + table-layout: fixed; + width: 100%; +} +.el-calendar-table thead th { + padding: 12px 0; + color: #606266; + font-weight: 400; +} +.el-calendar-table:not(.is-range) td.next, +.el-calendar-table:not(.is-range) td.prev { + color: #c0c4cc; +} +.el-backtop, +.el-calendar-table td.is-today { + color: #d0378d; +} +.el-calendar-table td { + border-bottom: 1px solid #ebeef5; + border-right: 1px solid #ebeef5; + vertical-align: top; + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.el-calendar-table td.is-selected { + background-color: #f2f8fe; +} +.el-calendar-table tr:first-child td { + border-top: 1px solid #ebeef5; +} +.el-calendar-table tr td:first-child { + border-left: 1px solid #ebeef5; +} +.el-calendar-table tr.el-calendar-table__row--hide-border td { + border-top: none; +} +.el-calendar-table .el-calendar-day { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + height: 85px; +} +.el-calendar-table .el-calendar-day:hover { + cursor: pointer; + background-color: #f2f8fe; +} +.el-backtop { + position: fixed; + background-color: #fff; + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 20px; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + cursor: pointer; + z-index: 5; +} +.el-backtop:hover { + background-color: #f2f6fc; +} +.el-page-header { + display: flex; + line-height: 24px; +} +.el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + margin-right: 40px; + position: relative; +} +.el-page-header__left::after { + content: ""; + position: absolute; + width: 1px; + height: 16px; + right: -20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #dcdfe6; +} +.el-checkbox, +.el-checkbox__input { + display: inline-block; + position: relative; + white-space: nowrap; +} +.el-page-header__left .el-icon-back { + font-size: 18px; + margin-right: 6px; + -ms-flex-item-align: center; + align-self: center; +} +.el-page-header__title { + font-size: 14px; + font-weight: 500; +} +.el-page-header__content { + font-size: 18px; + color: #303133; +} +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + cursor: pointer; + user-select: none; + margin-right: 30px; +} +.el-checkbox-button__inner, +.el-radio { + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.el-checkbox.is-bordered { + padding: 9px 20px 9px 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: normal; + height: 40px; +} +.el-checkbox.is-bordered.is-checked { + border-color: #d0378d; +} +.el-checkbox.is-bordered.is-disabled { + border-color: #ebeef5; + cursor: not-allowed; +} +.el-checkbox.is-bordered + .el-checkbox.is-bordered { + margin-left: 10px; +} +.el-checkbox.is-bordered.el-checkbox--medium { + padding: 7px 20px 7px 10px; + border-radius: 4px; + height: 36px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { + line-height: 17px; + font-size: 14px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { + height: 14px; + width: 14px; +} +.el-checkbox.is-bordered.el-checkbox--small { + padding: 5px 15px 5px 10px; + border-radius: 3px; + height: 32px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { + line-height: 15px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox.is-bordered.el-checkbox--mini { + padding: 3px 15px 3px 10px; + border-radius: 3px; + height: 28px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { + line-height: 12px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox__input { + cursor: pointer; + outline: 0; + line-height: 1; + vertical-align: middle; +} +.el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: #edf2fc; + border-color: #dcdfe6; + cursor: not-allowed; +} +.el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + background-color: #c0c4cc; + border-color: #c0c4cc; +} +.el-checkbox__input.is-checked .el-checkbox__inner, +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #d0378d; + border-color: #d0378d; +} +.el-checkbox__input.is-disabled + span.el-checkbox__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-checkbox__input.is-checked .el-checkbox__inner::after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1); +} +.el-checkbox__input.is-checked + .el-checkbox__label { + color: #d0378d; +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #d0378d; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #fff; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.5); + left: 0; + right: 0; + top: 5px; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} +.el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: #fff; + z-index: 1; + -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: #d0378d; +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} +.el-checkbox__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} +.el-checkbox-button, +.el-checkbox-button__inner { + display: inline-block; + position: relative; +} +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} +.el-checkbox:last-of-type { + margin-right: 0; +} +.el-checkbox-button__inner { + line-height: 1; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button__inner.is-round { + padding: 12px 20px; +} +.el-checkbox-button__inner:hover { + color: #d0378d; +} +.el-checkbox-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio, +.el-radio__input { + line-height: 1; + white-space: nowrap; + outline: 0; +} +.el-checkbox-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-checkbox-button__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + z-index: -1; +} +.el-radio, +.el-radio__inner, +.el-radio__input { + position: relative; + display: inline-block; +} +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: #d0378d; + border-color: #d0378d; + -webkit-box-shadow: -1px 0 0 0 #e387bb; + box-shadow: -1px 0 0 0 #e387bb; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: #d0378d; +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #ebeef5; +} +.el-checkbox-button:first-child .el-checkbox-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-checkbox-button.is-focus .el-checkbox-button__inner { + border-color: #d0378d; +} +.el-checkbox-button:last-child .el-checkbox-button__inner { + border-radius: 0 4px 4px 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner.is-round { + padding: 10px 20px; +} +.el-checkbox-button--small .el-checkbox-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--small .el-checkbox-button__inner.is-round { + padding: 9px 15px; +} +.el-checkbox-button--mini .el-checkbox-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--mini .el-checkbox-button__inner.is-round { + padding: 7px 15px; +} +.el-checkbox-group { + font-size: 0; +} +.el-radio, +.el-radio--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.el-radio { + color: #606266; + cursor: pointer; + margin-right: 30px; +} +.el-cascader-node > .el-radio, +.el-radio:last-child { + margin-right: 0; +} +.el-radio.is-bordered { + padding: 12px 20px 0 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; +} +.el-radio.is-bordered.is-checked { + border-color: #d0378d; +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5; +} +.el-radio__input.is-disabled .el-radio__inner, +.el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; +} +.el-radio.is-bordered + .el-radio.is-bordered { + margin-left: 10px; +} +.el-radio--medium.is-bordered { + padding: 10px 20px 0 10px; + border-radius: 4px; + height: 36px; +} +.el-radio--mini.is-bordered .el-radio__label, +.el-radio--small.is-bordered .el-radio__label { + font-size: 12px; +} +.el-radio--medium.is-bordered .el-radio__inner { + height: 14px; + width: 14px; +} +.el-radio--small.is-bordered { + padding: 8px 15px 0 10px; + border-radius: 3px; + height: 32px; +} +.el-radio--small.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio--mini.is-bordered { + padding: 6px 15px 0 10px; + border-radius: 3px; + height: 28px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio__input { + cursor: pointer; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + cursor: not-allowed; +} +.el-radio__input.is-disabled .el-radio__inner::after { + cursor: not-allowed; + background-color: #f5f7fa; +} +.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { + cursor: not-allowed; +} +.el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #c0c4cc; +} +.el-radio__input.is-disabled + span.el-radio__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-radio__input.is-checked .el-radio__inner { + border-color: #d0378d; + background: #d0378d; +} +.el-radio__input.is-checked .el-radio__inner::after { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); +} +.el-radio__input.is-checked + .el-radio__label { + color: #d0378d; +} +.el-radio__input.is-focus .el-radio__inner { + border-color: #d0378d; +} +.el-radio__inner { + border: 1px solid #dcdfe6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #fff; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: #d0378d; +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #fff; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; +} +.el-radio__original { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px #d0378d; + box-shadow: 0 0 2px 2px #d0378d; +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:active > .el-scrollbar__bar, +.el-scrollbar:focus > .el-scrollbar__bar, +.el-scrollbar:hover > .el-scrollbar__bar { + opacity: 1; + -webkit-transition: opacity 340ms ease-out; + transition: opacity 340ms ease-out; +} +.el-scrollbar__wrap { + overflow: scroll; + height: 100%; +} +.el-scrollbar__wrap--hidden-default { + scrollbar-width: none; +} +.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} +.el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(144, 147, 153, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.5); +} +.el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + -webkit-transition: opacity 120ms ease-out; + transition: opacity 120ms ease-out; +} +.el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} +.el-scrollbar__bar.is-vertical > div { + width: 100%; +} +.el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} +.el-scrollbar__bar.is-horizontal > div { + height: 100%; +} +.el-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-panel.is-bordered { + border: 1px solid #e4e7ed; + border-radius: 4px; +} +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #e4e7ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-avatar, +.el-drawer { + -webkit-box-sizing: border-box; + overflow: hidden; +} +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #c0c4cc; +} +.el-cascader-node { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: 0; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, +.el-cascader-node.is-active, +.el-cascader-node.is-selectable.in-checked-path { + color: #d0378d; + font-weight: 700; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):focus, +.el-cascader-node:not(.is-disabled):hover { + background: #f5f7fa; +} +.el-cascader-node.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} +.el-avatar { + display: inline-block; + box-sizing: border-box; + text-align: center; + color: #fff; + background: #c0c4cc; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} +.el-drawer, +.el-drawer__header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-avatar--circle { + border-radius: 50%; +} +.el-avatar--square { + border-radius: 4px; +} +.el-avatar--icon { + font-size: 18px; +} +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} +.el-drawer.btt, +.el-drawer.ttb, +.el-drawer__container { + left: 0; + right: 0; + width: 100%; +} +.el-drawer.ltr, +.el-drawer.rtl, +.el-drawer__container { + top: 0; + bottom: 0; + height: 100%; +} +@-webkit-keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@-webkit-keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@-webkit-keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@-webkit-keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +@keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +.el-drawer { + position: absolute; + box-sizing: border-box; + background-color: #fff; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12); + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12); + outline: 0; +} +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out 0.3s; + animation: rtl-drawer-out 0.3s; + right: 0; +} +.el-drawer__open .el-drawer.rtl { + -webkit-animation: rtl-drawer-in 0.3s 1ms; + animation: rtl-drawer-in 0.3s 1ms; +} +.el-drawer.ltr { + -webkit-animation: ltr-drawer-out 0.3s; + animation: ltr-drawer-out 0.3s; + left: 0; +} +.el-drawer__open .el-drawer.ltr { + -webkit-animation: ltr-drawer-in 0.3s 1ms; + animation: ltr-drawer-in 0.3s 1ms; +} +.el-drawer.ttb { + -webkit-animation: ttb-drawer-out 0.3s; + animation: ttb-drawer-out 0.3s; + top: 0; +} +.el-drawer__open .el-drawer.ttb { + -webkit-animation: ttb-drawer-in 0.3s 1ms; + animation: ttb-drawer-in 0.3s 1ms; +} +.el-drawer.btt { + -webkit-animation: btt-drawer-out 0.3s; + animation: btt-drawer-out 0.3s; + bottom: 0; +} +.el-drawer__open .el-drawer.btt { + -webkit-animation: btt-drawer-in 0.3s 1ms; + animation: btt-drawer-in 0.3s 1ms; +} +.el-drawer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + margin: 0; +} +.el-drawer__header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #72767b; + display: flex; + margin-bottom: 32px; + padding: 20px 20px 0; +} +.el-drawer__header > :first-child { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__title { + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: inherit; + font-size: 1rem; +} +.el-drawer__close-btn { + border: none; + cursor: pointer; + font-size: 20px; + color: inherit; + background-color: transparent; +} +.el-drawer__body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-drawer__container { + position: relative; +} +.el-drawer-fade-enter-active { + -webkit-animation: el-drawer-fade-in 0.3s; + animation: el-drawer-fade-in 0.3s; +} +.el-drawer-fade-leave-active { + animation: el-drawer-fade-in 0.3s reverse; +} +.el-popconfirm__main { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-popconfirm__icon { + margin-right: 5px; +} +.el-popconfirm__action { + text-align: right; + margin: 0; +} + +.app-slider { + background-color: #fff !important; +} +.app-slider__logo { + background-image: linear-gradient(to bottom, #d0378d, #982f87); +} +.app-slider span, +.app-slider .icon-svg { + color: #666; +} +.app-slider .cl-slider-menu .el-menu .el-submenu__title:hover, +.app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active, +.app-slider .cl-slider-menu .el-menu .el-menu-item:hover, +.app-slider .cl-slider-menu .el-menu .el-menu-item.is-active { + background-color: #fff !important; + border-right: 2px solid #d0378d; +} +.app-slider .cl-slider-menu .el-menu .el-submenu__title:hover span, +.app-slider .cl-slider-menu .el-menu .el-submenu__title:hover .icon-svg, +.app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active span, +.app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active .icon-svg, +.app-slider .cl-slider-menu .el-menu .el-menu-item:hover span, +.app-slider .cl-slider-menu .el-menu .el-menu-item:hover .icon-svg, +.app-slider .cl-slider-menu .el-menu .el-menu-item.is-active span, +.app-slider .cl-slider-menu .el-menu .el-menu-item.is-active .icon-svg { + color: #d0378d; + font-weight: bold; +} diff --git a/common/Resource.php b/common/Resource.php new file mode 100644 index 0000000..d44fbe4 --- /dev/null +++ b/common/Resource.php @@ -0,0 +1,30 @@ +getRoot() . implode(DIRECTORY_SEPARATOR, ['admin', 'view', 'index', 'index.html']); + $loginView = $this->getRoot() . implode(DIRECTORY_SEPARATOR, ['admin', 'view', 'index', 'login.html']); + + adminModule::getInstance()->addIndexView($indexView, 'COOL-ADMIN样式'); + adminModule::getInstance()->addLoginView($loginView, 'COOL-ADMIN样式'); + } +}