@charset "UTF-8" /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ @charset "UTF-8"; /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ .en { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.3; word-break: break-word; } body .el-table th.gutter { display: table-cell !important; } body .el-table colgroup.gutter { display: table-cell !important; } table { width: 100% !important; } #nprogress .bar { background: var(--q-color-brand) !important; } #nprogress .peg { box-shadow: none !important; } .page-banner { width: 100%; height: 100px; background-color: #1d2836; color: #fff; font-size: 18px; position: fixed; bottom: 0; padding: 30px 300px; display: flex; justify-content: space-between; z-index: 999; } .page-banner a { color: #305163; } @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{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}} @charset "UTF-8"; /* 改变 icon 字体路径变量，必需*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ @font-face { font-family: "element-icons"; src: url(../fonts/element-icons.woff) format("woff"), url(../fonts/element-icons.ttf) format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ font-weight: normal; font-display: "auto"; font-style: normal; } [class^=el-icon-], [class*=" el-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "element-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; /* Better Font Rendering =========== */ -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 { animation: rotating 2s linear infinite; } .el-icon--right { margin-left: 5px; } .el-icon--left { margin-right: 5px; } @keyframes rotating { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } .el-select-dropdown { position: absolute; z-index: 1001; border: solid 1px #E4E7ED; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 5px 0; } .el-select-dropdown.is-multiple .el-select-dropdown__item { padding-right: 40px; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #409EFF; background-color: #FFFFFF; } .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: bold; -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; box-sizing: border-box; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tag { background-color: #ecf5ff; border-color: #d9ecff; color: #409eff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409EFF; border-width: 1px; border-style: solid; border-radius: 4px; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409EFF; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #409eff; border-color: #409eff; color: white; } .el-tag--dark.is-hit { border-color: #409EFF; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #F56C6C; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #f78989; } .el-tag--plain { background-color: white; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409EFF; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: white; 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: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; 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: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; 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: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; 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: #FFFFFF; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #F5F7FA; } .el-select-dropdown__item.selected { color: #409EFF; font-weight: bold; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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-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: #409EFF; } .el-select .el-input .el-select__caret { color: #C0C4CC; font-size: 14px; transition: transform 0.3s; transform: rotateZ(180deg); cursor: pointer; } .el-select .el-input .el-select__caret.is-reverse { transform: rotateZ(0deg); } .el-select .el-input .el-select__caret.is-show-close { font-size: 14px; text-align: center; transform: rotateZ(180deg); border-radius: 100%; color: #C0C4CC; 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: #409EFF; } .el-select > .el-input { display: block; } .el-select__input { border: none; outline: none; 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%; transform: translateY(-50%); display: flex; align-items: center; flex-wrap: wrap; } .el-select__tags-text { overflow: hidden; text-overflow: ellipsis; } .el-select .el-tag { box-sizing: border-box; border-color: transparent; margin: 2px 0 2px 6px; background-color: #f0f2f5; display: flex; max-width: 100%; align-items: center; } .el-select .el-tag__close.el-icon-close { background-color: #C0C4CC; top: 0; color: #FFFFFF; flex-shrink: 0; } .el-select .el-tag__close.el-icon-close:hover { background-color: #909399; } .el-select .el-tag__close.el-icon-close::before { display: block; transform: translate(0, 0.5px); } .el-pagination { white-space: nowrap; padding: 2px 5px; color: #303133; font-weight: bold; } .el-pagination::before, .el-pagination::after { display: table; content: ""; } .el-pagination::after { clear: both; } .el-pagination span:not([class*=suffix]), .el-pagination button { display: inline-block; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; vertical-align: top; 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; 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: transparent; } .el-pagination button:focus { outline: none; } .el-pagination button:hover { color: #409EFF; } .el-pagination button:disabled { color: #C0C4CC; background-color: #FFFFFF; cursor: not-allowed; } .el-pagination .btn-prev, .el-pagination .btn-next { background: center center no-repeat; background-size: 16px; background-color: #FFFFFF; cursor: pointer; margin: 0; color: #303133; } .el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon { display: block; font-size: 12px; font-weight: bold; } .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-pagination--small .btn-prev, .el-pagination--small .btn-next, .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 .arrow.disabled { visibility: hidden; } .el-pagination--small .more::before, .el-pagination--small li.more::before { line-height: 24px; } .el-pagination--small span:not([class*=suffix]), .el-pagination--small button { height: 22px; line-height: 22px; } .el-pagination--small .el-pagination__editor { height: 22px; } .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px; } .el-pagination__sizes { margin: 0 10px 0 0; font-weight: normal; 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: #409EFF; } .el-pagination__total { margin-right: 10px; font-weight: normal; color: #606266; } .el-pagination__jump { margin-left: 24px; font-weight: normal; 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; box-sizing: border-box; border-radius: 3px; } .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-prev, .el-pagination.is-background .btn-next, .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-prev.disabled, .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .el-pager li.disabled { color: #C0C4CC; } .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next { padding: 0; } .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled { color: #C0C4CC; } .el-pagination.is-background .el-pager li:not(.disabled):hover { color: #409EFF; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #409EFF; color: #FFFFFF; } .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0 3px; min-width: 22px; } .el-pager { -webkit-user-select: none; -moz-user-select: none; user-select: none; list-style: none; display: inline-block; vertical-align: top; font-size: 0; padding: 0; margin: 0; } .el-pager .more::before { line-height: 30px; } .el-pager li { padding: 0 4px; background: #FFFFFF; vertical-align: top; display: inline-block; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; cursor: pointer; box-sizing: border-box; text-align: center; margin: 0; } .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.btn-quickprev:hover { cursor: pointer; } .el-pager li.btn-quicknext:hover { cursor: pointer; } .el-pager li.active + li { border-left: 0; } .el-pager li:hover { color: #409EFF; } .el-pager li.active { color: #409EFF; cursor: default; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .v-modal-enter { animation: v-modal-in 0.2s ease; } .v-modal-leave { 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: #000000; } .el-popup-parent--hidden { overflow: hidden; } .el-dialog { position: relative; margin: 0 auto 50px; background: #FFFFFF; border-radius: 2px; 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; padding-bottom: 10px; } .el-dialog__headerbtn { position: absolute; top: 20px; right: 20px; padding: 0; background: transparent; border: none; outline: none; 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: #409EFF; } .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: 20px; padding-top: 10px; text-align: right; 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 { animation: dialog-fade-in 0.3s; } .dialog-fade-leave-active { animation: dialog-fade-out 0.3s; } @keyframes dialog-fade-in { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes dialog-fade-out { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, -20px, 0); opacity: 0; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } .el-autocomplete { position: relative; display: inline-block; } .el-autocomplete-suggestion { margin: 5px 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; border: 1px solid #E4E7ED; box-sizing: border-box; background-color: #FFFFFF; } .el-autocomplete-suggestion__wrap { max-height: 280px; padding: 10px 0; 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:hover { background-color: #F5F7FA; } .el-autocomplete-suggestion li.highlighted { background-color: #F5F7FA; } .el-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid #000000; } .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: #FFFFFF; } .el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-color: #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button.is-round { padding: 12px 20px; } .el-button:hover, .el-button:focus { color: #409EFF; border-color: #c6e2ff; background-color: #ecf5ff; } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*=el-icon-] + span { margin-left: 5px; } .el-button.is-plain:hover, .el-button.is-plain:focus { background: #FFFFFF; border-color: #409EFF; color: #409EFF; } .el-button.is-plain:active { background: #FFFFFF; border-color: #3a8ee6; color: #3a8ee6; outline: none; } .el-button.is-active { color: #3a8ee6; border-color: #3a8ee6; } .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; 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:hover, .el-button.is-disabled.is-plain:focus { background-color: #FFFFFF; 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: #FFFFFF; background-color: #409EFF; border-color: #409EFF; } .el-button--primary:hover, .el-button--primary:focus { background: #66b1ff; border-color: #66b1ff; color: #FFFFFF; } .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { color: #FFFFFF; background-color: #a0cfff; border-color: #a0cfff; } .el-button--primary.is-plain { color: #409EFF; background: #ecf5ff; border-color: #b3d8ff; } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #409EFF; border-color: #409EFF; color: #FFFFFF; } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff; } .el-button--success { color: #FFFFFF; background-color: #67C23A; border-color: #67C23A; } .el-button--success:hover, .el-button--success:focus { background: #85ce61; border-color: #85ce61; color: #FFFFFF; } .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; } .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { color: #FFFFFF; background-color: #b3e19d; border-color: #b3e19d; } .el-button--success.is-plain { color: #67C23A; background: #f0f9eb; border-color: #c2e7b0; } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #67C23A; border-color: #67C23A; color: #FFFFFF; } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8; } .el-button--warning { color: #FFFFFF; background-color: #E6A23C; border-color: #E6A23C; } .el-button--warning:hover, .el-button--warning:focus { background: #ebb563; border-color: #ebb563; color: #FFFFFF; } .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { color: #FFFFFF; background-color: #f3d19e; border-color: #f3d19e; } .el-button--warning.is-plain { color: #E6A23C; background: #fdf6ec; border-color: #f5dab1; } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #E6A23C; border-color: #E6A23C; color: #FFFFFF; } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8; } .el-button--danger { color: #FFFFFF; background-color: #F56C6C; border-color: #F56C6C; } .el-button--danger:hover, .el-button--danger:focus { background: #f78989; border-color: #f78989; color: #FFFFFF; } .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { color: #FFFFFF; background-color: #fab6b6; border-color: #fab6b6; } .el-button--danger.is-plain { color: #F56C6C; background: #fef0f0; border-color: #fbc4c4; } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #F56C6C; border-color: #F56C6C; color: #FFFFFF; } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2; } .el-button--info { color: #FFFFFF; background-color: #909399; border-color: #909399; } .el-button--info:hover, .el-button--info:focus { background: #a6a9ad; border-color: #a6a9ad; color: #FFFFFF; } .el-button--info:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-active { background: #82848a; border-color: #82848a; color: #FFFFFF; } .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { color: #FFFFFF; background-color: #c8c9cc; border-color: #c8c9cc; } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6; } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #909399; border-color: #909399; color: #FFFFFF; } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb; } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .el-button--medium.is-round { padding: 10px 20px; } .el-button--medium.is-circle { padding: 10px; } .el-button--small { padding: 9px 15px; font-size: 12px; border-radius: 3px; } .el-button--small.is-round { padding: 9px 15px; } .el-button--small.is-circle { padding: 9px; } .el-button--mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; } .el-button--mini.is-round { padding: 7px 15px; } .el-button--mini.is-circle { padding: 7px; } .el-button--text { border-color: transparent; color: #409EFF; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: #66b1ff; border-color: transparent; background-color: transparent; } .el-button--text:active { color: #3a8ee6; border-color: transparent; background-color: transparent; } .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { border-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::before, .el-button-group::after { 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-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-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:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { z-index: 1; } .el-button-group > .el-button.is-active { 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); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } .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:not(.is-disabled)::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 .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { outline-width: 0; } .el-dropdown [disabled] { cursor: not-allowed; color: #bbb; } .el-dropdown-menu { position: absolute; top: 0; left: 0; z-index: 10; padding: 10px 0; margin: 5px 0; background-color: #FFFFFF; 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: none; } .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus { background-color: #ecf5ff; color: #66b1ff; } .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: #FFFFFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-menu { border-right: solid 1px #e6e6e6; list-style: none; position: relative; margin: 0; padding-left: 0; background-color: #FFFFFF; } .el-menu::before, .el-menu::after { 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-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus { background-color: #fff; } .el-menu--horizontal > .el-submenu { float: left; } .el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { outline: none; } .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 #409EFF; 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__title:hover { background-color: #fff; } .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: #FFFFFF; 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):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus { outline: none; color: #303133; } .el-menu--horizontal > .el-menu-item.is-active { border-bottom: 2px solid #409EFF; 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-menu .el-submenu { min-width: 200px; } .el-menu--collapse .el-submenu { position: relative; } .el-menu--collapse .el-submenu .el-menu { position: absolute; margin-left: 5px; top: 0; left: 100%; z-index: 10; border: 1px solid #E4E7ED; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: none; } .el-menu--popup { z-index: 100; min-width: 200px; border: none; padding: 5px 0; border-radius: 2px; 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 { height: 56px; line-height: 56px; font-size: 14px; color: #303133; padding: 0 20px; list-style: none; cursor: pointer; position: relative; transition: border-color 0.3s, background-color 0.3s, color 0.3s; box-sizing: border-box; white-space: nowrap; } .el-menu-item * { vertical-align: middle; } .el-menu-item i { color: #909399; } .el-menu-item:hover, .el-menu-item:focus { outline: none; background-color: #ecf5ff; } .el-menu-item.is-disabled { opacity: 0.25; cursor: not-allowed; background: none !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: #409EFF; } .el-menu-item.is-active i { color: inherit; } .el-submenu { list-style: none; margin: 0; padding-left: 0; } .el-submenu__title { height: 56px; line-height: 56px; font-size: 14px; color: #303133; padding: 0 20px; list-style: none; cursor: pointer; position: relative; transition: border-color 0.3s, background-color 0.3s, color 0.3s; box-sizing: border-box; white-space: nowrap; } .el-submenu__title * { vertical-align: middle; } .el-submenu__title i { color: #909399; } .el-submenu__title:hover, .el-submenu__title:focus { outline: none; background-color: #ecf5ff; } .el-submenu__title.is-disabled { opacity: 0.25; cursor: not-allowed; background: none !important; } .el-submenu__title:hover { background-color: #ecf5ff; } .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; transition: transform 0.3s; font-size: 12px; } .el-submenu.is-active .el-submenu__title { border-bottom-color: #409EFF; } .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: rotateZ(180deg); } .el-submenu.is-disabled .el-submenu__title, .el-submenu.is-disabled .el-menu-item { opacity: 0.25; cursor: not-allowed; background: none !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; } .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { transition: 0.2s; opacity: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } .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__increase, .el-input-number__decrease { 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__increase:hover, .el-input-number__decrease:hover { color: #409EFF; } .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #409EFF; } .el-input-number__increase.is-disabled, .el-input-number__decrease.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__increase, .el-input-number.is-disabled .el-input-number__decrease { border-color: #E4E7ED; color: #E4E7ED; } .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { color: #E4E7ED; cursor: not-allowed; } .el-input-number--medium { width: 200px; line-height: 34px; } .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { 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__increase, .el-input-number--small .el-input-number__decrease { width: 32px; font-size: 13px; } .el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { 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__increase, .el-input-number--mini .el-input-number__decrease { width: 28px; font-size: 12px; } .el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { 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__increase, .el-input-number.is-controls-right .el-input-number__decrease { height: auto; line-height: 19px; } .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { 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 0; } .el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] { line-height: 17px; } .el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] { line-height: 15px; } .el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] { line-height: 13px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-radio { color: #606266; font-weight: 500; line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; outline: none; font-size: 14px; margin-right: 30px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; height: 40px; } .el-radio.is-bordered.is-checked { border-color: #409EFF; } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: #EBEEF5; } .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--medium.is-bordered .el-radio__label { font-size: 14px; } .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__label { font-size: 12px; } .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__label { font-size: 12px; } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio:last-child { margin-right: 0; } .el-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-radio__input.is-disabled .el-radio__inner { background-color: #F5F7FA; border-color: #E4E7ED; 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 { background-color: #F5F7FA; border-color: #E4E7ED; } .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: #409EFF; background: #409EFF; } .el-radio__input.is-checked .el-radio__inner::after { transform: translate(-50%, -50%) scale(1); } .el-radio__input.is-checked + .el-radio__label { color: #409EFF; } .el-radio__input.is-focus .el-radio__inner { border-color: #409EFF; } .el-radio__inner { border: 1px solid #DCDFE6; border-radius: 100%; width: 14px; height: 14px; background-color: #FFFFFF; position: relative; cursor: pointer; display: inline-block; box-sizing: border-box; } .el-radio__inner:hover { border-color: #409EFF; } .el-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: #FFFFFF; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.15s ease-in; } .el-radio__original { opacity: 0; outline: none; 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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: 0 0 2px 2px #409EFF; } .el-radio__label { font-size: 14px; padding-left: 10px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-radio-button { position: relative; display: inline-block; outline: none; } .el-radio-button__inner { display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; background: #FFFFFF; border: 1px solid #DCDFE6; font-weight: 500; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; cursor: pointer; 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: #409EFF; } .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; box-shadow: none !important; } .el-radio-button__orig-radio { opacity: 0; outline: none; position: absolute; z-index: -1; } .el-radio-button__orig-radio:checked + .el-radio-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #409EFF; } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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-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) { /*获得焦点时 样式提醒*/ box-shadow: 0 0 2px 2px #409EFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-switch { display: inline-flex; align-items: center; position: relative; font-size: 14px; line-height: 20px; height: 20px; vertical-align: middle; } .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed; } .el-switch__label { transition: 0.2s; height: 20px; display: inline-block; font-size: 14px; font-weight: 500; cursor: pointer; vertical-align: middle; color: #303133; } .el-switch__label.is-active { color: #409EFF; } .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; display: inline-block; position: relative; width: 40px; height: 20px; border: 1px solid #DCDFE6; outline: none; border-radius: 10px; box-sizing: border-box; background: #DCDFE6; cursor: pointer; 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%; transition: all 0.3s; width: 16px; height: 16px; background-color: #FFFFFF; } .el-switch.is-checked .el-switch__core { border-color: #409EFF; background-color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } .el-select-dropdown { position: absolute; z-index: 1001; border: solid 1px #E4E7ED; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 5px 0; } .el-select-dropdown.is-multiple .el-select-dropdown__item { padding-right: 40px; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #409EFF; background-color: #FFFFFF; } .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: bold; -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; box-sizing: border-box; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tag { background-color: #ecf5ff; border-color: #d9ecff; color: #409eff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409EFF; border-width: 1px; border-style: solid; border-radius: 4px; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409EFF; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #409eff; border-color: #409eff; color: white; } .el-tag--dark.is-hit { border-color: #409EFF; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #F56C6C; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #f78989; } .el-tag--plain { background-color: white; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409EFF; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: white; 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: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; 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: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; 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: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; 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: #FFFFFF; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #F5F7FA; } .el-select-dropdown__item.selected { color: #409EFF; font-weight: bold; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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-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: #409EFF; } .el-select .el-input .el-select__caret { color: #C0C4CC; font-size: 14px; transition: transform 0.3s; transform: rotateZ(180deg); cursor: pointer; } .el-select .el-input .el-select__caret.is-reverse { transform: rotateZ(0deg); } .el-select .el-input .el-select__caret.is-show-close { font-size: 14px; text-align: center; transform: rotateZ(180deg); border-radius: 100%; color: #C0C4CC; 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: #409EFF; } .el-select > .el-input { display: block; } .el-select__input { border: none; outline: none; 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%; transform: translateY(-50%); display: flex; align-items: center; flex-wrap: wrap; } .el-select__tags-text { overflow: hidden; text-overflow: ellipsis; } .el-select .el-tag { box-sizing: border-box; border-color: transparent; margin: 2px 0 2px 6px; background-color: #f0f2f5; display: flex; max-width: 100%; align-items: center; } .el-select .el-tag__close.el-icon-close { background-color: #C0C4CC; top: 0; color: #FFFFFF; flex-shrink: 0; } .el-select .el-tag__close.el-icon-close:hover { background-color: #909399; } .el-select .el-tag__close.el-icon-close::before { display: block; transform: translate(0, 0.5px); } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-color: #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button.is-round { padding: 12px 20px; } .el-button:hover, .el-button:focus { color: #409EFF; border-color: #c6e2ff; background-color: #ecf5ff; } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*=el-icon-] + span { margin-left: 5px; } .el-button.is-plain:hover, .el-button.is-plain:focus { background: #FFFFFF; border-color: #409EFF; color: #409EFF; } .el-button.is-plain:active { background: #FFFFFF; border-color: #3a8ee6; color: #3a8ee6; outline: none; } .el-button.is-active { color: #3a8ee6; border-color: #3a8ee6; } .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; 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:hover, .el-button.is-disabled.is-plain:focus { background-color: #FFFFFF; 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: #FFFFFF; background-color: #409EFF; border-color: #409EFF; } .el-button--primary:hover, .el-button--primary:focus { background: #66b1ff; border-color: #66b1ff; color: #FFFFFF; } .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { color: #FFFFFF; background-color: #a0cfff; border-color: #a0cfff; } .el-button--primary.is-plain { color: #409EFF; background: #ecf5ff; border-color: #b3d8ff; } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #409EFF; border-color: #409EFF; color: #FFFFFF; } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff; } .el-button--success { color: #FFFFFF; background-color: #67C23A; border-color: #67C23A; } .el-button--success:hover, .el-button--success:focus { background: #85ce61; border-color: #85ce61; color: #FFFFFF; } .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; } .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { color: #FFFFFF; background-color: #b3e19d; border-color: #b3e19d; } .el-button--success.is-plain { color: #67C23A; background: #f0f9eb; border-color: #c2e7b0; } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #67C23A; border-color: #67C23A; color: #FFFFFF; } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8; } .el-button--warning { color: #FFFFFF; background-color: #E6A23C; border-color: #E6A23C; } .el-button--warning:hover, .el-button--warning:focus { background: #ebb563; border-color: #ebb563; color: #FFFFFF; } .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { color: #FFFFFF; background-color: #f3d19e; border-color: #f3d19e; } .el-button--warning.is-plain { color: #E6A23C; background: #fdf6ec; border-color: #f5dab1; } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #E6A23C; border-color: #E6A23C; color: #FFFFFF; } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8; } .el-button--danger { color: #FFFFFF; background-color: #F56C6C; border-color: #F56C6C; } .el-button--danger:hover, .el-button--danger:focus { background: #f78989; border-color: #f78989; color: #FFFFFF; } .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { color: #FFFFFF; background-color: #fab6b6; border-color: #fab6b6; } .el-button--danger.is-plain { color: #F56C6C; background: #fef0f0; border-color: #fbc4c4; } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #F56C6C; border-color: #F56C6C; color: #FFFFFF; } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2; } .el-button--info { color: #FFFFFF; background-color: #909399; border-color: #909399; } .el-button--info:hover, .el-button--info:focus { background: #a6a9ad; border-color: #a6a9ad; color: #FFFFFF; } .el-button--info:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-active { background: #82848a; border-color: #82848a; color: #FFFFFF; } .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { color: #FFFFFF; background-color: #c8c9cc; border-color: #c8c9cc; } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6; } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #909399; border-color: #909399; color: #FFFFFF; } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb; } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .el-button--medium.is-round { padding: 10px 20px; } .el-button--medium.is-circle { padding: 10px; } .el-button--small { padding: 9px 15px; font-size: 12px; border-radius: 3px; } .el-button--small.is-round { padding: 9px 15px; } .el-button--small.is-circle { padding: 9px; } .el-button--mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; } .el-button--mini.is-round { padding: 7px 15px; } .el-button--mini.is-circle { padding: 7px; } .el-button--text { border-color: transparent; color: #409EFF; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: #66b1ff; border-color: transparent; background-color: transparent; } .el-button--text:active { color: #3a8ee6; border-color: transparent; background-color: transparent; } .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { border-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::before, .el-button-group::after { 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-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-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:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { z-index: 1; } .el-button-group > .el-button.is-active { 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); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tag { background-color: #ecf5ff; border-color: #d9ecff; color: #409eff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409EFF; border-width: 1px; border-style: solid; border-radius: 4px; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409EFF; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #409eff; border-color: #409eff; color: white; } .el-tag--dark.is-hit { border-color: #409EFF; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #F56C6C; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #f78989; } .el-tag--plain { background-color: white; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409EFF; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: white; 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: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; 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: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; 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: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; 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: #FFFFFF; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { outline-width: 0; } .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-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: #FFFFFF; } .el-tooltip__popper.is-light { background: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-table { position: relative; overflow: hidden; box-sizing: border-box; flex: 1; width: 100%; max-width: 100%; background-color: #FFFFFF; font-size: 14px; color: #606266; } .el-table__empty-block { min-height: 60px; text-align: center; width: 100%; display: flex; justify-content: 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; font-size: 12px; transition: transform 0.2s ease-in-out; height: 20px; } .el-table__expand-icon--expanded { 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 { background-color: #FFFFFF; } .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 .el-table__cell.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.el-table__cell { background: #F5F7FA; } .el-table .el-table__cell { padding: 12px 0; min-width: 0; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; } .el-table .el-table__cell.is-center { text-align: center; } .el-table .el-table__cell.is-right { text-align: right; } .el-table .el-table__cell.gutter { width: 15px; border-right-width: 0; border-bottom-width: 0; padding: 0; } .el-table .el-table__cell.is-hidden > * { visibility: hidden; } .el-table--medium .el-table__cell { padding: 10px 0; } .el-table--small { font-size: 12px; } .el-table--small .el-table__cell { padding: 8px 0; } .el-table--mini { font-size: 12px; } .el-table--mini .el-table__cell { padding: 6px 0; } .el-table tr { background-color: #FFFFFF; } .el-table tr input[type=checkbox] { margin: 0; } .el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell { border-bottom: 1px solid #EBEEF5; } .el-table th.el-table__cell.is-sortable { cursor: pointer; } .el-table th.el-table__cell { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #FFFFFF; } .el-table th.el-table__cell > .cell { display: inline-block; box-sizing: border-box; position: relative; vertical-align: middle; padding-left: 10px; padding-right: 10px; width: 100%; } .el-table th.el-table__cell > .cell.highlight { color: #409EFF; } .el-table th.el-table__cell.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.el-table__cell div { box-sizing: border-box; } .el-table td.el-table__cell.gutter { width: 0; } .el-table .cell { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 23px; padding-left: 10px; padding-right: 10px; } .el-table .cell.el-tooltip { white-space: nowrap; min-width: 50px; } .el-table--group, .el-table--border { border: 1px solid #EBEEF5; } .el-table::before, .el-table--group::after, .el-table--border::after { content: ""; position: absolute; background-color: #EBEEF5; z-index: 1; } .el-table--group::after, .el-table--border::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 .el-table__cell { border-right: 1px solid #EBEEF5; } .el-table--border .el-table__cell:first-child .cell { padding-left: 10px; } .el-table--border th.el-table__cell.gutter:last-of-type { border-bottom: 1px solid #EBEEF5; border-bottom-width: 1px; } .el-table--border th.el-table__cell { border-bottom: 1px solid #EBEEF5; } .el-table--hidden { visibility: hidden; } .el-table__fixed, .el-table__fixed-right { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); } .el-table__fixed::before, .el-table__fixed-right::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: #FFFFFF; border-bottom: 1px solid #EBEEF5; } .el-table__fixed-right { top: 0; left: auto; right: 0; } .el-table__fixed-right .el-table__fixed-header-wrapper, .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-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.el-table__cell { 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__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper { width: 100%; } .el-table__footer-wrapper { margin-top: -1px; } .el-table__footer-wrapper td.el-table__cell { border-top: 1px solid #EBEEF5; } .el-table__header, .el-table__body, .el-table__footer { table-layout: fixed; border-collapse: separate; } .el-table__header-wrapper, .el-table__footer-wrapper { overflow: hidden; } .el-table__header-wrapper tbody td.el-table__cell, .el-table__footer-wrapper tbody td.el-table__cell { background-color: #F5F7FA; color: #606266; } .el-table__body-wrapper { overflow: hidden; position: relative; } .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right { box-shadow: none; } .el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed { box-shadow: none; } .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { box-shadow: none; } .el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { border-left: 1px solid #EBEEF5; } .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { border-right: 1px solid #EBEEF5; } .el-table .caret-wrapper { display: inline-flex; flex-direction: column; 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: solid 5px 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: #409EFF; } .el-table .descending .sort-caret.descending { border-top-color: #409EFF; } .el-table .hidden-columns { visibility: hidden; position: absolute; z-index: -1; } .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: #FAFAFA; } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell, .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell { background-color: #ecf5ff; } .el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.selection-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell { background-color: #F5F7FA; } .el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell { background-color: #ecf5ff; } .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; transform: scale(0.75); } .el-table--enable-row-transition .el-table__body td.el-table__cell { transition: background-color 0.25s ease; } .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { 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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tag { background-color: #ecf5ff; border-color: #d9ecff; color: #409eff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409EFF; border-width: 1px; border-style: solid; border-radius: 4px; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409EFF; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #409eff; border-color: #409eff; color: white; } .el-tag--dark.is-hit { border-color: #409EFF; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #F56C6C; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #f78989; } .el-tag--plain { background-color: white; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409EFF; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: white; 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: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; 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: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; 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: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; 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: #FFFFFF; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; } .el-table-filter { border: solid 1px #EBEEF5; border-radius: 2px; background-color: #FFFFFF; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 2px 0; /** used for dropdown mode */ } .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: #ecf5ff; color: #66b1ff; } .el-table-filter__list-item.is-active { background-color: #409EFF; color: #FFFFFF; } .el-table-filter__content { min-width: 100px; } .el-table-filter__bottom { border-top: 1px solid #EBEEF5; padding: 8px; } .el-table-filter__bottom button { background: transparent; border: none; color: #606266; cursor: pointer; font-size: 13px; padding: 0 3px; } .el-table-filter__bottom button:hover { color: #409EFF; } .el-table-filter__bottom button:focus { outline: none; } .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; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-date-table { font-size: 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .el-date-table.is-week-mode .el-date-table__row:hover div { background-color: #F2F6FC; } .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.is-week-mode .el-date-table__row.current div { background-color: #F2F6FC; } .el-date-table td { width: 32px; height: 30px; padding: 4px 0; box-sizing: border-box; text-align: center; cursor: pointer; position: relative; } .el-date-table td div { height: 30px; 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%; 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: #409EFF; font-weight: bold; } .el-date-table td.today.start-date span, .el-date-table td.today.end-date span { color: #FFFFFF; } .el-date-table td.available:hover { color: #409EFF; } .el-date-table td.in-range div { background-color: #F2F6FC; } .el-date-table td.in-range div:hover { background-color: #F2F6FC; } .el-date-table td.current:not(.disabled) span { color: #FFFFFF; background-color: #409EFF; } .el-date-table td.start-date div, .el-date-table td.end-date div { color: #FFFFFF; } .el-date-table td.start-date span, .el-date-table td.end-date span { background-color: #409EFF; } .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: #409EFF; color: #FFFFFF; border-radius: 15px; } .el-date-table td.week { font-size: 80%; color: #606266; } .el-date-table th { padding: 5px; color: #606266; font-weight: 400; border-bottom: solid 1px #EBEEF5; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-month-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-month-table td { text-align: center; padding: 8px 0px; cursor: pointer; } .el-month-table td div { height: 48px; padding: 6px 0; box-sizing: border-box; } .el-month-table td.today .cell { color: #409EFF; font-weight: bold; } .el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell { color: #FFFFFF; } .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: #409EFF; } .el-month-table td.in-range div { background-color: #F2F6FC; } .el-month-table td.in-range div:hover { background-color: #F2F6FC; } .el-month-table td.start-date div, .el-month-table td.end-date div { color: #FFFFFF; } .el-month-table td.start-date .cell, .el-month-table td.end-date .cell { color: #FFFFFF; background-color: #409EFF; } .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: #409EFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-year-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .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: #409EFF; font-weight: bold; } .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 { color: #409EFF; } .el-year-table td.current:not(.disabled) .cell { color: #409EFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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__wrapper.is-arrow { box-sizing: border-box; text-align: center; overflow: hidden; } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { transform: translateY(-32px); } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #FFFFFF; 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: #409EFF; } .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__input.el-input .el-input__inner { padding: 0; text-align: center; } .el-time-spinner__list { padding: 0; margin: 0; list-style: none; text-align: center; } .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: bold; } .el-time-spinner__item.disabled { color: #C0C4CC; cursor: not-allowed; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .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 { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; display: inline-block; height: 100%; margin: 0; padding: 0; width: 39%; text-align: center; font-size: 14px; color: #606266; } .el-date-editor .el-range-input::-moz-placeholder { color: #C0C4CC; } .el-date-editor .el-range-input::placeholder { color: #C0C4CC; } .el-date-editor .el-range-separator { display: inline-block; height: 100%; padding: 0 5px; margin: 0; text-align: center; line-height: 32px; font-size: 14px; 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: inline-flex; align-items: center; padding: 3px 10px; } .el-range-editor .el-range-input { line-height: 1; } .el-range-editor.is-active { border-color: #409EFF; } .el-range-editor.is-active:hover { border-color: #409EFF; } .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__icon, .el-range-editor--medium .el-range__close-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__icon, .el-range-editor--small .el-range__close-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__icon, .el-range-editor--mini .el-range__close-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:hover, .el-range-editor.is-disabled:focus { border-color: #E4E7ED; } .el-range-editor.is-disabled input { background-color: #F5F7FA; color: #C0C4CC; cursor: not-allowed; } .el-range-editor.is-disabled input::-moz-placeholder { color: #C0C4CC; } .el-range-editor.is-disabled input::placeholder { color: #C0C4CC; } .el-range-editor.is-disabled .el-range-separator { color: #C0C4CC; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-picker-panel { color: #606266; border: 1px solid #E4E7ED; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); background: #FFFFFF; border-radius: 4px; line-height: 30px; margin: 5px 0; } .el-picker-panel__body::after, .el-picker-panel__body-wrapper::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: #FFFFFF; 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: none; cursor: pointer; } .el-picker-panel__shortcut:hover { color: #409EFF; } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #409EFF; } .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: none; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: #303133; border: 0; background: transparent; cursor: pointer; outline: none; margin-top: 8px; } .el-picker-panel__icon-btn:hover { color: #409EFF; } .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; box-sizing: border-box; padding-top: 6px; background-color: #FFFFFF; overflow: auto; } .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; } .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 5px; display: table; width: 100%; 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:hover { color: #409EFF; } .el-date-picker__header-label.active { color: #409EFF; } .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; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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%; 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 { 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 5px; display: table; width: 100%; 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: #FFFFFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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 { 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; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-time-panel { margin: 5px 0; border: solid 1px #E4E7ED; background-color: #FFFFFF; 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; user-select: none; box-sizing: content-box; } .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; 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: 66.6666666667%; } .el-time-panel__content.has-seconds::before { padding-left: 33.3333333333%; } .el-time-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; height: 36px; line-height: 25px; text-align: right; 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: none; font-size: 12px; color: #303133; } .el-time-panel__btn.confirm { font-weight: 800; color: #409EFF; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .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 { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; display: inline-block; height: 100%; margin: 0; padding: 0; width: 39%; text-align: center; font-size: 14px; color: #606266; } .el-date-editor .el-range-input::-moz-placeholder { color: #C0C4CC; } .el-date-editor .el-range-input::placeholder { color: #C0C4CC; } .el-date-editor .el-range-separator { display: inline-block; height: 100%; padding: 0 5px; margin: 0; text-align: center; line-height: 32px; font-size: 14px; 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: inline-flex; align-items: center; padding: 3px 10px; } .el-range-editor .el-range-input { line-height: 1; } .el-range-editor.is-active { border-color: #409EFF; } .el-range-editor.is-active:hover { border-color: #409EFF; } .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__icon, .el-range-editor--medium .el-range__close-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__icon, .el-range-editor--small .el-range__close-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__icon, .el-range-editor--mini .el-range__close-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:hover, .el-range-editor.is-disabled:focus { border-color: #E4E7ED; } .el-range-editor.is-disabled input { background-color: #F5F7FA; color: #C0C4CC; cursor: not-allowed; } .el-range-editor.is-disabled input::-moz-placeholder { color: #C0C4CC; } .el-range-editor.is-disabled input::placeholder { color: #C0C4CC; } .el-range-editor.is-disabled .el-range-separator { color: #C0C4CC; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-picker-panel { color: #606266; border: 1px solid #E4E7ED; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); background: #FFFFFF; border-radius: 4px; line-height: 30px; margin: 5px 0; } .el-picker-panel__body::after, .el-picker-panel__body-wrapper::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: #FFFFFF; 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: none; cursor: pointer; } .el-picker-panel__shortcut:hover { color: #409EFF; } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #409EFF; } .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: none; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: #303133; border: 0; background: transparent; cursor: pointer; outline: none; margin-top: 8px; } .el-picker-panel__icon-btn:hover { color: #409EFF; } .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; box-sizing: border-box; padding-top: 6px; background-color: #FFFFFF; overflow: auto; } .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; } .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 5px; display: table; width: 100%; 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:hover { color: #409EFF; } .el-date-picker__header-label.active { color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } .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: #409EFF; font-weight: bold; } .time-select-item.disabled { color: #E4E7ED; cursor: not-allowed; } .time-select-item:hover { background-color: #F5F7FA; font-weight: bold; cursor: pointer; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .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 { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; display: inline-block; height: 100%; margin: 0; padding: 0; width: 39%; text-align: center; font-size: 14px; color: #606266; } .el-date-editor .el-range-input::-moz-placeholder { color: #C0C4CC; } .el-date-editor .el-range-input::placeholder { color: #C0C4CC; } .el-date-editor .el-range-separator { display: inline-block; height: 100%; padding: 0 5px; margin: 0; text-align: center; line-height: 32px; font-size: 14px; 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: inline-flex; align-items: center; padding: 3px 10px; } .el-range-editor .el-range-input { line-height: 1; } .el-range-editor.is-active { border-color: #409EFF; } .el-range-editor.is-active:hover { border-color: #409EFF; } .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__icon, .el-range-editor--medium .el-range__close-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__icon, .el-range-editor--small .el-range__close-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__icon, .el-range-editor--mini .el-range__close-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:hover, .el-range-editor.is-disabled:focus { border-color: #E4E7ED; } .el-range-editor.is-disabled input { background-color: #F5F7FA; color: #C0C4CC; cursor: not-allowed; } .el-range-editor.is-disabled input::-moz-placeholder { color: #C0C4CC; } .el-range-editor.is-disabled input::placeholder { color: #C0C4CC; } .el-range-editor.is-disabled .el-range-separator { color: #C0C4CC; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-picker-panel { color: #606266; border: 1px solid #E4E7ED; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); background: #FFFFFF; border-radius: 4px; line-height: 30px; margin: 5px 0; } .el-picker-panel__body::after, .el-picker-panel__body-wrapper::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: #FFFFFF; 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: none; cursor: pointer; } .el-picker-panel__shortcut:hover { color: #409EFF; } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #409EFF; } .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: none; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: #303133; border: 0; background: transparent; cursor: pointer; outline: none; margin-top: 8px; } .el-picker-panel__icon-btn:hover { color: #409EFF; } .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; box-sizing: border-box; padding-top: 6px; background-color: #FFFFFF; overflow: auto; } .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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__wrapper.is-arrow { box-sizing: border-box; text-align: center; overflow: hidden; } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { transform: translateY(-32px); } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #FFFFFF; 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: #409EFF; } .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__input.el-input .el-input__inner { padding: 0; text-align: center; } .el-time-spinner__list { padding: 0; margin: 0; list-style: none; text-align: center; } .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: bold; } .el-time-spinner__item.disabled { color: #C0C4CC; cursor: not-allowed; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-time-panel { margin: 5px 0; border: solid 1px #E4E7ED; background-color: #FFFFFF; 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; user-select: none; box-sizing: content-box; } .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; 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: 66.6666666667%; } .el-time-panel__content.has-seconds::before { padding-left: 33.3333333333%; } .el-time-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; height: 36px; line-height: 25px; text-align: right; 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: none; font-size: 12px; color: #303133; } .el-time-panel__btn.confirm { font-weight: 800; color: #409EFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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 { 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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } .el-popover { position: absolute; background: #FFFFFF; min-width: 150px; border-radius: 4px; 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; } .el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover { outline-width: 0; } .el-popover:focus:active, .el-popover:focus { outline-width: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { outline-width: 0; } .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-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: #FFFFFF; } .el-tooltip__popper.is-light { background: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .v-modal-enter { animation: v-modal-in 0.2s ease; } .v-modal-leave { 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: #000000; } .el-popup-parent--hidden { overflow: hidden; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-color: #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button.is-round { padding: 12px 20px; } .el-button:hover, .el-button:focus { color: #409EFF; border-color: #c6e2ff; background-color: #ecf5ff; } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*=el-icon-] + span { margin-left: 5px; } .el-button.is-plain:hover, .el-button.is-plain:focus { background: #FFFFFF; border-color: #409EFF; color: #409EFF; } .el-button.is-plain:active { background: #FFFFFF; border-color: #3a8ee6; color: #3a8ee6; outline: none; } .el-button.is-active { color: #3a8ee6; border-color: #3a8ee6; } .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; 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:hover, .el-button.is-disabled.is-plain:focus { background-color: #FFFFFF; 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: #FFFFFF; background-color: #409EFF; border-color: #409EFF; } .el-button--primary:hover, .el-button--primary:focus { background: #66b1ff; border-color: #66b1ff; color: #FFFFFF; } .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { color: #FFFFFF; background-color: #a0cfff; border-color: #a0cfff; } .el-button--primary.is-plain { color: #409EFF; background: #ecf5ff; border-color: #b3d8ff; } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #409EFF; border-color: #409EFF; color: #FFFFFF; } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff; } .el-button--success { color: #FFFFFF; background-color: #67C23A; border-color: #67C23A; } .el-button--success:hover, .el-button--success:focus { background: #85ce61; border-color: #85ce61; color: #FFFFFF; } .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; } .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { color: #FFFFFF; background-color: #b3e19d; border-color: #b3e19d; } .el-button--success.is-plain { color: #67C23A; background: #f0f9eb; border-color: #c2e7b0; } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #67C23A; border-color: #67C23A; color: #FFFFFF; } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8; } .el-button--warning { color: #FFFFFF; background-color: #E6A23C; border-color: #E6A23C; } .el-button--warning:hover, .el-button--warning:focus { background: #ebb563; border-color: #ebb563; color: #FFFFFF; } .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { color: #FFFFFF; background-color: #f3d19e; border-color: #f3d19e; } .el-button--warning.is-plain { color: #E6A23C; background: #fdf6ec; border-color: #f5dab1; } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #E6A23C; border-color: #E6A23C; color: #FFFFFF; } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8; } .el-button--danger { color: #FFFFFF; background-color: #F56C6C; border-color: #F56C6C; } .el-button--danger:hover, .el-button--danger:focus { background: #f78989; border-color: #f78989; color: #FFFFFF; } .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { color: #FFFFFF; background-color: #fab6b6; border-color: #fab6b6; } .el-button--danger.is-plain { color: #F56C6C; background: #fef0f0; border-color: #fbc4c4; } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #F56C6C; border-color: #F56C6C; color: #FFFFFF; } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2; } .el-button--info { color: #FFFFFF; background-color: #909399; border-color: #909399; } .el-button--info:hover, .el-button--info:focus { background: #a6a9ad; border-color: #a6a9ad; color: #FFFFFF; } .el-button--info:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-active { background: #82848a; border-color: #82848a; color: #FFFFFF; } .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { color: #FFFFFF; background-color: #c8c9cc; border-color: #c8c9cc; } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6; } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #909399; border-color: #909399; color: #FFFFFF; } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb; } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .el-button--medium.is-round { padding: 10px 20px; } .el-button--medium.is-circle { padding: 10px; } .el-button--small { padding: 9px 15px; font-size: 12px; border-radius: 3px; } .el-button--small.is-round { padding: 9px 15px; } .el-button--small.is-circle { padding: 9px; } .el-button--mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; } .el-button--mini.is-round { padding: 7px 15px; } .el-button--mini.is-circle { padding: 7px; } .el-button--text { border-color: transparent; color: #409EFF; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: #66b1ff; border-color: transparent; background-color: transparent; } .el-button--text:active { color: #3a8ee6; border-color: transparent; background-color: transparent; } .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { border-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::before, .el-button-group::after { 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-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-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:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { z-index: 1; } .el-button-group > .el-button.is-active { 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); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } .el-message-box { display: inline-block; width: 420px; padding-bottom: 10px; vertical-align: middle; background-color: #FFFFFF; border-radius: 4px; border: 1px solid #EBEEF5; font-size: 18px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); text-align: left; overflow: 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; padding-bottom: 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: none; background: transparent; font-size: 16px; cursor: pointer; } .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: #409EFF; } .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__input input.invalid { border-color: #F56C6C; } .el-message-box__input input.invalid:focus { border-color: #F56C6C; } .el-message-box__status { position: absolute; top: 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 { 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: flex; align-items: center; justify-content: center; } .el-message-box--center .el-message-box__status { position: relative; top: auto; padding-right: 5px; text-align: center; 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 { animation: msgbox-fade-in 0.3s; } .msgbox-fade-leave-active { animation: msgbox-fade-out 0.3s; } @keyframes msgbox-fade-in { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes msgbox-fade-out { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, -20px, 0); opacity: 0; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-breadcrumb { font-size: 14px; line-height: 1; } .el-breadcrumb::before, .el-breadcrumb::after { display: table; content: ""; } .el-breadcrumb::after { clear: both; } .el-breadcrumb__separator { margin: 0 9px; font-weight: bold; color: #C0C4CC; } .el-breadcrumb__separator[class*=icon] { margin: 0 6px; font-weight: normal; } .el-breadcrumb__item { float: left; } .el-breadcrumb__inner { color: #606266; } .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { font-weight: bold; text-decoration: none; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); color: #303133; } .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { color: #409EFF; cursor: pointer; } .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { font-weight: normal; color: #606266; cursor: text; } .el-breadcrumb__item:last-child .el-breadcrumb__separator { display: none; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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 0; } .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::before, .el-form-item::after { display: table; content: ""; } .el-form-item::after { clear: both; } .el-form-item .el-form-item { margin-bottom: 0; } .el-form-item .el-input__validateIcon { display: none; } .el-form-item--medium .el-form-item__label { line-height: 36px; } .el-form-item--medium .el-form-item__content { line-height: 36px; } .el-form-item--small .el-form-item__label { line-height: 32px; } .el-form-item--small .el-form-item__content { line-height: 32px; } .el-form-item--small.el-form-item { margin-bottom: 18px; } .el-form-item--small .el-form-item__error { padding-top: 2px; } .el-form-item--mini .el-form-item__label { line-height: 28px; } .el-form-item--mini .el-form-item__content { line-height: 28px; } .el-form-item--mini.el-form-item { margin-bottom: 18px; } .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; box-sizing: border-box; } .el-form-item__content { line-height: 40px; position: relative; font-size: 14px; } .el-form-item__content::before, .el-form-item__content::after { 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:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { content: "*"; color: #F56C6C; margin-right: 4px; } .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 { border-color: #F56C6C; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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: #409EFF; z-index: 1; transition: 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; transition: all 0.15s; } .el-tabs__new-tab .el-icon-plus { transform: scale(0.8, 0.8); } .el-tabs__new-tab:hover { color: #409EFF; } .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__nav-wrap.is-scrollable { padding: 0 20px; 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: transform 0.3s; float: left; z-index: 2; } .el-tabs__nav.is-stretch { min-width: 100%; display: flex; } .el-tabs__nav.is-stretch > * { flex: 1; text-align: center; } .el-tabs__item { padding: 0 20px; height: 40px; 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: none; } .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: 0 0 2px 2px #409EFF inset; border-radius: 3px; } .el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin-left: 5px; } .el-tabs__item .el-icon-close:before { transform: scale(0.9); display: inline-block; } .el-tabs__item .el-icon-close:hover { background-color: #C0C4CC; color: #FFFFFF; } .el-tabs__item.is-active { color: #409EFF; } .el-tabs__item:hover { color: #409EFF; 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-wrap::after { content: none; } .el-tabs--card > .el-tabs__header .el-tabs__nav { border: 1px solid #E4E7ED; border-bottom: none; border-radius: 4px 4px 0 0; 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; transform-origin: 100% 50%; } .el-tabs--card > .el-tabs__header .el-tabs__item { border-bottom: 1px solid transparent; border-left: 1px solid #E4E7ED; 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-closable:hover .el-icon-close { width: 14px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: #FFFFFF; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { width: 14px; } .el-tabs--border-card { background: #FFFFFF; border: 1px solid #DCDFE6; 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__nav-wrap::after { content: none; } .el-tabs--border-card > .el-tabs__header .el-tabs__item { 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:first-child { margin-left: -1px; } .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item { margin-left: -1px; } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { color: #409EFF; background-color: #FFFFFF; border-right-color: #DCDFE6; border-left-color: #DCDFE6; } .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: #409EFF; } .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--top .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { padding-left: 0; } .el-tabs--top .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--bottom .el-tabs__item.is-bottom:last-child { padding-right: 0; } .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), .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--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--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) { padding-left: 20px; } .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, .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--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--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 { 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 -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-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-scroll { 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-prev, .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-prev, .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-prev, .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-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .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-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i { 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__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__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__nav-wrap.is-left::after { left: auto; right: 0; } .el-tabs--left .el-tabs__active-bar.is-left { right: 0; left: auto; } .el-tabs--left .el-tabs__item.is-left { text-align: right; } .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { display: none; } .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: transparent; border-top-color: rgb(209, 219, 229); border-bottom-color: rgb(209, 219, 229); } .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__active-bar.is-right { display: none; } .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: transparent; border-top-color: rgb(209, 219, 229); border-bottom-color: rgb(209, 219, 229); } .slideInRight-transition, .slideInLeft-transition { display: inline-block; } .slideInRight-enter { animation: slideInRight-enter 0.3s; } .slideInRight-leave { position: absolute; left: 0; right: 0; animation: slideInRight-leave 0.3s; } .slideInLeft-enter { animation: slideInLeft-enter 0.3s; } .slideInLeft-leave { position: absolute; left: 0; right: 0; animation: slideInLeft-leave 0.3s; } @keyframes slideInRight-enter { 0% { opacity: 0; transform-origin: 0 0; transform: translateX(100%); } to { opacity: 1; transform-origin: 0 0; transform: translateX(0); } } @keyframes slideInRight-leave { 0% { transform-origin: 0 0; transform: translateX(0); opacity: 1; } 100% { transform-origin: 0 0; transform: translateX(100%); opacity: 0; } } @keyframes slideInLeft-enter { 0% { opacity: 0; transform-origin: 0 0; transform: translateX(-100%); } to { opacity: 1; transform-origin: 0 0; transform: translateX(0); } } @keyframes slideInLeft-leave { 0% { transform-origin: 0 0; transform: translateX(0); opacity: 1; } 100% { transform-origin: 0 0; transform: translateX(-100%); opacity: 0; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tag { background-color: #ecf5ff; border-color: #d9ecff; color: #409eff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409EFF; border-width: 1px; border-style: solid; border-radius: 4px; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409EFF; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #409eff; border-color: #409eff; color: white; } .el-tag--dark.is-hit { border-color: #409EFF; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #F56C6C; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #f78989; } .el-tag--plain { background-color: white; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409EFF; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: white; 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: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; 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: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; 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: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; 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: #FFFFFF; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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-tree { position: relative; cursor: default; background: #FFFFFF; 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%; transform: translate(-50%, -50%); color: #909399; font-size: 14px; } .el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: #409EFF; } .el-tree-node { white-space: nowrap; outline: none; } .el-tree-node:focus { /* focus */ } .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: #409EFF; color: #fff; } .el-tree-node__content { display: flex; 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 .el-tree-node__content * { pointer-events: none; } .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; transform: rotate(0deg); transition: transform 0.3s ease-in-out; } .el-tree-node__expand-icon.expanded { 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: #f0f7ff; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-alert { width: 100%; padding: 8px 16px; margin: 0; box-sizing: border-box; border-radius: 4px; position: relative; background-color: #FFFFFF; overflow: hidden; opacity: 1; display: flex; align-items: center; transition: opacity 0.2s; } .el-alert.is-light .el-alert__closebtn { color: #C0C4CC; } .el-alert.is-dark .el-alert__closebtn { color: #FFFFFF; } .el-alert.is-dark .el-alert__description { color: #FFFFFF; } .el-alert.is-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: #FFFFFF; } .el-alert--info.is-light { background-color: #f4f4f5; color: #909399; } .el-alert--info.is-dark { background-color: #909399; color: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } .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: bold; } .el-alert .el-alert__description { font-size: 12px; margin: 5px 0 0 0; } .el-alert__closebtn { font-size: 12px; opacity: 1; position: absolute; top: 12px; right: 15px; cursor: pointer; } .el-alert__closebtn.is-customed { font-style: normal; font-size: 13px; top: 9px; } .el-alert-fade-enter, .el-alert-fade-leave-active { opacity: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-notification { display: flex; width: 330px; padding: 14px 26px 14px 13px; border-radius: 8px; box-sizing: border-box; border: 1px solid #EBEEF5; position: fixed; background-color: #FFFFFF; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 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: bold; font-size: 16px; color: #303133; margin: 0; } .el-notification__content { font-size: 14px; line-height: 21px; margin: 6px 0 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; transform: translateX(100%); } .el-notification-fade-enter.left { left: 0; transform: translateX(-100%); } .el-notification-fade-leave-active { opacity: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } .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__increase, .el-input-number__decrease { 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__increase:hover, .el-input-number__decrease:hover { color: #409EFF; } .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #409EFF; } .el-input-number__increase.is-disabled, .el-input-number__decrease.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__increase, .el-input-number.is-disabled .el-input-number__decrease { border-color: #E4E7ED; color: #E4E7ED; } .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { color: #E4E7ED; cursor: not-allowed; } .el-input-number--medium { width: 200px; line-height: 34px; } .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { 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__increase, .el-input-number--small .el-input-number__decrease { width: 32px; font-size: 13px; } .el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { 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__increase, .el-input-number--mini .el-input-number__decrease { width: 28px; font-size: 12px; } .el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { 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__increase, .el-input-number.is-controls-right .el-input-number__decrease { height: auto; line-height: 19px; } .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { 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 0; } .el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] { line-height: 17px; } .el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] { line-height: 15px; } .el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] { line-height: 13px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { outline-width: 0; } .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-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: #FFFFFF; } .el-tooltip__popper.is-light { background: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } .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: #FFFFFF; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-slider::before, .el-slider::after { display: table; content: ""; } .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:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button-wrapper.dragging { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging { transform: scale(1); } .el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button.dragging { cursor: not-allowed; } .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: #409EFF; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; } .el-slider__button-wrapper { height: 36px; width: 36px; position: absolute; z-index: 1001; top: -15px; transform: translateX(-50%); background-color: transparent; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: normal; } .el-slider__button-wrapper::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-slider__button-wrapper .el-tooltip { vertical-align: middle; display: inline-block; } .el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover { cursor: grab; } .el-slider__button-wrapper.dragging { cursor: grabbing; } .el-slider__button { width: 16px; height: 16px; border: solid 2px #409EFF; background-color: #FFFFFF; border-radius: 50%; transition: 0.2s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging { transform: scale(1.2); } .el-slider__button:hover, .el-slider__button.hover { cursor: grab; } .el-slider__button.dragging { cursor: grabbing; } .el-slider__stop { position: absolute; height: 6px; width: 6px; border-radius: 100%; background-color: #FFFFFF; transform: translateX(-50%); } .el-slider__marks { top: 0; left: 12px; width: 18px; height: 100%; } .el-slider__marks-text { position: absolute; 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; transform: translateY(50%); } .el-slider.is-vertical .el-slider__stop { 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; box-sizing: border-box; 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: #409EFF; } .el-slider.is-vertical .el-slider__marks-text { margin-top: 0; left: 15px; transform: translateY(50%); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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-loading-spinner .el-loading-text { color: #409EFF; margin: 3px 0; font-size: 14px; } .el-loading-spinner .circular { height: 42px; width: 42px; animation: loading-rotate 2s linear infinite; } .el-loading-spinner .path { animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409EFF; stroke-linecap: round; } .el-loading-spinner i { color: #409EFF; } .el-loading-fade-enter, .el-loading-fade-leave-active { opacity: 0; } @keyframes loading-rotate { 100% { transform: rotate(360deg); } } @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; } } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-row { position: relative; box-sizing: border-box; } .el-row::before, .el-row::after { display: table; content: ""; } .el-row::after { clear: both; } .el-row--flex { display: flex; } .el-row--flex:before, .el-row--flex:after { display: none; } .el-row--flex.is-justify-center { justify-content: center; } .el-row--flex.is-justify-end { justify-content: flex-end; } .el-row--flex.is-justify-space-between { justify-content: space-between; } .el-row--flex.is-justify-space-around { justify-content: space-around; } .el-row--flex.is-align-top { align-items: flex-start; } .el-row--flex.is-align-middle { align-items: center; } .el-row--flex.is-align-bottom { align-items: flex-end; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [class*=el-col-] { float: left; box-sizing: border-box; } .el-col-0 { display: none; } .el-col-0 { width: 0%; } .el-col-offset-0 { margin-left: 0%; } .el-col-pull-0 { position: relative; right: 0%; } .el-col-push-0 { position: relative; left: 0%; } .el-col-1 { width: 4.1666666667%; } .el-col-offset-1 { margin-left: 4.1666666667%; } .el-col-pull-1 { position: relative; right: 4.1666666667%; } .el-col-push-1 { position: relative; left: 4.1666666667%; } .el-col-2 { width: 8.3333333333%; } .el-col-offset-2 { margin-left: 8.3333333333%; } .el-col-pull-2 { position: relative; right: 8.3333333333%; } .el-col-push-2 { position: relative; left: 8.3333333333%; } .el-col-3 { width: 12.5%; } .el-col-offset-3 { margin-left: 12.5%; } .el-col-pull-3 { position: relative; right: 12.5%; } .el-col-push-3 { position: relative; left: 12.5%; } .el-col-4 { width: 16.6666666667%; } .el-col-offset-4 { margin-left: 16.6666666667%; } .el-col-pull-4 { position: relative; right: 16.6666666667%; } .el-col-push-4 { position: relative; left: 16.6666666667%; } .el-col-5 { width: 20.8333333333%; } .el-col-offset-5 { margin-left: 20.8333333333%; } .el-col-pull-5 { position: relative; right: 20.8333333333%; } .el-col-push-5 { position: relative; left: 20.8333333333%; } .el-col-6 { width: 25%; } .el-col-offset-6 { margin-left: 25%; } .el-col-pull-6 { position: relative; right: 25%; } .el-col-push-6 { position: relative; left: 25%; } .el-col-7 { width: 29.1666666667%; } .el-col-offset-7 { margin-left: 29.1666666667%; } .el-col-pull-7 { position: relative; right: 29.1666666667%; } .el-col-push-7 { position: relative; left: 29.1666666667%; } .el-col-8 { width: 33.3333333333%; } .el-col-offset-8 { margin-left: 33.3333333333%; } .el-col-pull-8 { position: relative; right: 33.3333333333%; } .el-col-push-8 { position: relative; left: 33.3333333333%; } .el-col-9 { width: 37.5%; } .el-col-offset-9 { margin-left: 37.5%; } .el-col-pull-9 { position: relative; right: 37.5%; } .el-col-push-9 { position: relative; left: 37.5%; } .el-col-10 { width: 41.6666666667%; } .el-col-offset-10 { margin-left: 41.6666666667%; } .el-col-pull-10 { position: relative; right: 41.6666666667%; } .el-col-push-10 { position: relative; left: 41.6666666667%; } .el-col-11 { width: 45.8333333333%; } .el-col-offset-11 { margin-left: 45.8333333333%; } .el-col-pull-11 { position: relative; right: 45.8333333333%; } .el-col-push-11 { position: relative; left: 45.8333333333%; } .el-col-12 { width: 50%; } .el-col-offset-12 { margin-left: 50%; } .el-col-pull-12 { position: relative; right: 50%; } .el-col-push-12 { position: relative; left: 50%; } .el-col-13 { width: 54.1666666667%; } .el-col-offset-13 { margin-left: 54.1666666667%; } .el-col-pull-13 { position: relative; right: 54.1666666667%; } .el-col-push-13 { position: relative; left: 54.1666666667%; } .el-col-14 { width: 58.3333333333%; } .el-col-offset-14 { margin-left: 58.3333333333%; } .el-col-pull-14 { position: relative; right: 58.3333333333%; } .el-col-push-14 { position: relative; left: 58.3333333333%; } .el-col-15 { width: 62.5%; } .el-col-offset-15 { margin-left: 62.5%; } .el-col-pull-15 { position: relative; right: 62.5%; } .el-col-push-15 { position: relative; left: 62.5%; } .el-col-16 { width: 66.6666666667%; } .el-col-offset-16 { margin-left: 66.6666666667%; } .el-col-pull-16 { position: relative; right: 66.6666666667%; } .el-col-push-16 { position: relative; left: 66.6666666667%; } .el-col-17 { width: 70.8333333333%; } .el-col-offset-17 { margin-left: 70.8333333333%; } .el-col-pull-17 { position: relative; right: 70.8333333333%; } .el-col-push-17 { position: relative; left: 70.8333333333%; } .el-col-18 { width: 75%; } .el-col-offset-18 { margin-left: 75%; } .el-col-pull-18 { position: relative; right: 75%; } .el-col-push-18 { position: relative; left: 75%; } .el-col-19 { width: 79.1666666667%; } .el-col-offset-19 { margin-left: 79.1666666667%; } .el-col-pull-19 { position: relative; right: 79.1666666667%; } .el-col-push-19 { position: relative; left: 79.1666666667%; } .el-col-20 { width: 83.3333333333%; } .el-col-offset-20 { margin-left: 83.3333333333%; } .el-col-pull-20 { position: relative; right: 83.3333333333%; } .el-col-push-20 { position: relative; left: 83.3333333333%; } .el-col-21 { width: 87.5%; } .el-col-offset-21 { margin-left: 87.5%; } .el-col-pull-21 { position: relative; right: 87.5%; } .el-col-push-21 { position: relative; left: 87.5%; } .el-col-22 { width: 91.6666666667%; } .el-col-offset-22 { margin-left: 91.6666666667%; } .el-col-pull-22 { position: relative; right: 91.6666666667%; } .el-col-push-22 { position: relative; left: 91.6666666667%; } .el-col-23 { width: 95.8333333333%; } .el-col-offset-23 { margin-left: 95.8333333333%; } .el-col-pull-23 { position: relative; right: 95.8333333333%; } .el-col-push-23 { position: relative; left: 95.8333333333%; } .el-col-24 { width: 100%; } .el-col-offset-24 { margin-left: 100%; } .el-col-pull-24 { position: relative; right: 100%; } .el-col-push-24 { position: relative; left: 100%; } @media only screen and (max-width: 767px) { .el-col-xs-0 { display: none; } .el-col-xs-0 { 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.1666666667%; } .el-col-xs-offset-1 { margin-left: 4.1666666667%; } .el-col-xs-pull-1 { position: relative; right: 4.1666666667%; } .el-col-xs-push-1 { position: relative; left: 4.1666666667%; } .el-col-xs-2 { width: 8.3333333333%; } .el-col-xs-offset-2 { margin-left: 8.3333333333%; } .el-col-xs-pull-2 { position: relative; right: 8.3333333333%; } .el-col-xs-push-2 { position: relative; left: 8.3333333333%; } .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.6666666667%; } .el-col-xs-offset-4 { margin-left: 16.6666666667%; } .el-col-xs-pull-4 { position: relative; right: 16.6666666667%; } .el-col-xs-push-4 { position: relative; left: 16.6666666667%; } .el-col-xs-5 { width: 20.8333333333%; } .el-col-xs-offset-5 { margin-left: 20.8333333333%; } .el-col-xs-pull-5 { position: relative; right: 20.8333333333%; } .el-col-xs-push-5 { position: relative; left: 20.8333333333%; } .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.1666666667%; } .el-col-xs-offset-7 { margin-left: 29.1666666667%; } .el-col-xs-pull-7 { position: relative; right: 29.1666666667%; } .el-col-xs-push-7 { position: relative; left: 29.1666666667%; } .el-col-xs-8 { width: 33.3333333333%; } .el-col-xs-offset-8 { margin-left: 33.3333333333%; } .el-col-xs-pull-8 { position: relative; right: 33.3333333333%; } .el-col-xs-push-8 { position: relative; left: 33.3333333333%; } .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.6666666667%; } .el-col-xs-offset-10 { margin-left: 41.6666666667%; } .el-col-xs-pull-10 { position: relative; right: 41.6666666667%; } .el-col-xs-push-10 { position: relative; left: 41.6666666667%; } .el-col-xs-11 { width: 45.8333333333%; } .el-col-xs-offset-11 { margin-left: 45.8333333333%; } .el-col-xs-pull-11 { position: relative; right: 45.8333333333%; } .el-col-xs-push-11 { position: relative; left: 45.8333333333%; } .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.1666666667%; } .el-col-xs-offset-13 { margin-left: 54.1666666667%; } .el-col-xs-pull-13 { position: relative; right: 54.1666666667%; } .el-col-xs-push-13 { position: relative; left: 54.1666666667%; } .el-col-xs-14 { width: 58.3333333333%; } .el-col-xs-offset-14 { margin-left: 58.3333333333%; } .el-col-xs-pull-14 { position: relative; right: 58.3333333333%; } .el-col-xs-push-14 { position: relative; left: 58.3333333333%; } .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.6666666667%; } .el-col-xs-offset-16 { margin-left: 66.6666666667%; } .el-col-xs-pull-16 { position: relative; right: 66.6666666667%; } .el-col-xs-push-16 { position: relative; left: 66.6666666667%; } .el-col-xs-17 { width: 70.8333333333%; } .el-col-xs-offset-17 { margin-left: 70.8333333333%; } .el-col-xs-pull-17 { position: relative; right: 70.8333333333%; } .el-col-xs-push-17 { position: relative; left: 70.8333333333%; } .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.1666666667%; } .el-col-xs-offset-19 { margin-left: 79.1666666667%; } .el-col-xs-pull-19 { position: relative; right: 79.1666666667%; } .el-col-xs-push-19 { position: relative; left: 79.1666666667%; } .el-col-xs-20 { width: 83.3333333333%; } .el-col-xs-offset-20 { margin-left: 83.3333333333%; } .el-col-xs-pull-20 { position: relative; right: 83.3333333333%; } .el-col-xs-push-20 { position: relative; left: 83.3333333333%; } .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.6666666667%; } .el-col-xs-offset-22 { margin-left: 91.6666666667%; } .el-col-xs-pull-22 { position: relative; right: 91.6666666667%; } .el-col-xs-push-22 { position: relative; left: 91.6666666667%; } .el-col-xs-23 { width: 95.8333333333%; } .el-col-xs-offset-23 { margin-left: 95.8333333333%; } .el-col-xs-pull-23 { position: relative; right: 95.8333333333%; } .el-col-xs-push-23 { position: relative; left: 95.8333333333%; } .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; } .el-col-sm-0 { 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.1666666667%; } .el-col-sm-offset-1 { margin-left: 4.1666666667%; } .el-col-sm-pull-1 { position: relative; right: 4.1666666667%; } .el-col-sm-push-1 { position: relative; left: 4.1666666667%; } .el-col-sm-2 { width: 8.3333333333%; } .el-col-sm-offset-2 { margin-left: 8.3333333333%; } .el-col-sm-pull-2 { position: relative; right: 8.3333333333%; } .el-col-sm-push-2 { position: relative; left: 8.3333333333%; } .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.6666666667%; } .el-col-sm-offset-4 { margin-left: 16.6666666667%; } .el-col-sm-pull-4 { position: relative; right: 16.6666666667%; } .el-col-sm-push-4 { position: relative; left: 16.6666666667%; } .el-col-sm-5 { width: 20.8333333333%; } .el-col-sm-offset-5 { margin-left: 20.8333333333%; } .el-col-sm-pull-5 { position: relative; right: 20.8333333333%; } .el-col-sm-push-5 { position: relative; left: 20.8333333333%; } .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.1666666667%; } .el-col-sm-offset-7 { margin-left: 29.1666666667%; } .el-col-sm-pull-7 { position: relative; right: 29.1666666667%; } .el-col-sm-push-7 { position: relative; left: 29.1666666667%; } .el-col-sm-8 { width: 33.3333333333%; } .el-col-sm-offset-8 { margin-left: 33.3333333333%; } .el-col-sm-pull-8 { position: relative; right: 33.3333333333%; } .el-col-sm-push-8 { position: relative; left: 33.3333333333%; } .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.6666666667%; } .el-col-sm-offset-10 { margin-left: 41.6666666667%; } .el-col-sm-pull-10 { position: relative; right: 41.6666666667%; } .el-col-sm-push-10 { position: relative; left: 41.6666666667%; } .el-col-sm-11 { width: 45.8333333333%; } .el-col-sm-offset-11 { margin-left: 45.8333333333%; } .el-col-sm-pull-11 { position: relative; right: 45.8333333333%; } .el-col-sm-push-11 { position: relative; left: 45.8333333333%; } .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.1666666667%; } .el-col-sm-offset-13 { margin-left: 54.1666666667%; } .el-col-sm-pull-13 { position: relative; right: 54.1666666667%; } .el-col-sm-push-13 { position: relative; left: 54.1666666667%; } .el-col-sm-14 { width: 58.3333333333%; } .el-col-sm-offset-14 { margin-left: 58.3333333333%; } .el-col-sm-pull-14 { position: relative; right: 58.3333333333%; } .el-col-sm-push-14 { position: relative; left: 58.3333333333%; } .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.6666666667%; } .el-col-sm-offset-16 { margin-left: 66.6666666667%; } .el-col-sm-pull-16 { position: relative; right: 66.6666666667%; } .el-col-sm-push-16 { position: relative; left: 66.6666666667%; } .el-col-sm-17 { width: 70.8333333333%; } .el-col-sm-offset-17 { margin-left: 70.8333333333%; } .el-col-sm-pull-17 { position: relative; right: 70.8333333333%; } .el-col-sm-push-17 { position: relative; left: 70.8333333333%; } .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.1666666667%; } .el-col-sm-offset-19 { margin-left: 79.1666666667%; } .el-col-sm-pull-19 { position: relative; right: 79.1666666667%; } .el-col-sm-push-19 { position: relative; left: 79.1666666667%; } .el-col-sm-20 { width: 83.3333333333%; } .el-col-sm-offset-20 { margin-left: 83.3333333333%; } .el-col-sm-pull-20 { position: relative; right: 83.3333333333%; } .el-col-sm-push-20 { position: relative; left: 83.3333333333%; } .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.6666666667%; } .el-col-sm-offset-22 { margin-left: 91.6666666667%; } .el-col-sm-pull-22 { position: relative; right: 91.6666666667%; } .el-col-sm-push-22 { position: relative; left: 91.6666666667%; } .el-col-sm-23 { width: 95.8333333333%; } .el-col-sm-offset-23 { margin-left: 95.8333333333%; } .el-col-sm-pull-23 { position: relative; right: 95.8333333333%; } .el-col-sm-push-23 { position: relative; left: 95.8333333333%; } .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; } .el-col-md-0 { 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.1666666667%; } .el-col-md-offset-1 { margin-left: 4.1666666667%; } .el-col-md-pull-1 { position: relative; right: 4.1666666667%; } .el-col-md-push-1 { position: relative; left: 4.1666666667%; } .el-col-md-2 { width: 8.3333333333%; } .el-col-md-offset-2 { margin-left: 8.3333333333%; } .el-col-md-pull-2 { position: relative; right: 8.3333333333%; } .el-col-md-push-2 { position: relative; left: 8.3333333333%; } .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.6666666667%; } .el-col-md-offset-4 { margin-left: 16.6666666667%; } .el-col-md-pull-4 { position: relative; right: 16.6666666667%; } .el-col-md-push-4 { position: relative; left: 16.6666666667%; } .el-col-md-5 { width: 20.8333333333%; } .el-col-md-offset-5 { margin-left: 20.8333333333%; } .el-col-md-pull-5 { position: relative; right: 20.8333333333%; } .el-col-md-push-5 { position: relative; left: 20.8333333333%; } .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.1666666667%; } .el-col-md-offset-7 { margin-left: 29.1666666667%; } .el-col-md-pull-7 { position: relative; right: 29.1666666667%; } .el-col-md-push-7 { position: relative; left: 29.1666666667%; } .el-col-md-8 { width: 33.3333333333%; } .el-col-md-offset-8 { margin-left: 33.3333333333%; } .el-col-md-pull-8 { position: relative; right: 33.3333333333%; } .el-col-md-push-8 { position: relative; left: 33.3333333333%; } .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.6666666667%; } .el-col-md-offset-10 { margin-left: 41.6666666667%; } .el-col-md-pull-10 { position: relative; right: 41.6666666667%; } .el-col-md-push-10 { position: relative; left: 41.6666666667%; } .el-col-md-11 { width: 45.8333333333%; } .el-col-md-offset-11 { margin-left: 45.8333333333%; } .el-col-md-pull-11 { position: relative; right: 45.8333333333%; } .el-col-md-push-11 { position: relative; left: 45.8333333333%; } .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.1666666667%; } .el-col-md-offset-13 { margin-left: 54.1666666667%; } .el-col-md-pull-13 { position: relative; right: 54.1666666667%; } .el-col-md-push-13 { position: relative; left: 54.1666666667%; } .el-col-md-14 { width: 58.3333333333%; } .el-col-md-offset-14 { margin-left: 58.3333333333%; } .el-col-md-pull-14 { position: relative; right: 58.3333333333%; } .el-col-md-push-14 { position: relative; left: 58.3333333333%; } .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.6666666667%; } .el-col-md-offset-16 { margin-left: 66.6666666667%; } .el-col-md-pull-16 { position: relative; right: 66.6666666667%; } .el-col-md-push-16 { position: relative; left: 66.6666666667%; } .el-col-md-17 { width: 70.8333333333%; } .el-col-md-offset-17 { margin-left: 70.8333333333%; } .el-col-md-pull-17 { position: relative; right: 70.8333333333%; } .el-col-md-push-17 { position: relative; left: 70.8333333333%; } .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.1666666667%; } .el-col-md-offset-19 { margin-left: 79.1666666667%; } .el-col-md-pull-19 { position: relative; right: 79.1666666667%; } .el-col-md-push-19 { position: relative; left: 79.1666666667%; } .el-col-md-20 { width: 83.3333333333%; } .el-col-md-offset-20 { margin-left: 83.3333333333%; } .el-col-md-pull-20 { position: relative; right: 83.3333333333%; } .el-col-md-push-20 { position: relative; left: 83.3333333333%; } .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.6666666667%; } .el-col-md-offset-22 { margin-left: 91.6666666667%; } .el-col-md-pull-22 { position: relative; right: 91.6666666667%; } .el-col-md-push-22 { position: relative; left: 91.6666666667%; } .el-col-md-23 { width: 95.8333333333%; } .el-col-md-offset-23 { margin-left: 95.8333333333%; } .el-col-md-pull-23 { position: relative; right: 95.8333333333%; } .el-col-md-push-23 { position: relative; left: 95.8333333333%; } .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; } .el-col-lg-0 { 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.1666666667%; } .el-col-lg-offset-1 { margin-left: 4.1666666667%; } .el-col-lg-pull-1 { position: relative; right: 4.1666666667%; } .el-col-lg-push-1 { position: relative; left: 4.1666666667%; } .el-col-lg-2 { width: 8.3333333333%; } .el-col-lg-offset-2 { margin-left: 8.3333333333%; } .el-col-lg-pull-2 { position: relative; right: 8.3333333333%; } .el-col-lg-push-2 { position: relative; left: 8.3333333333%; } .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.6666666667%; } .el-col-lg-offset-4 { margin-left: 16.6666666667%; } .el-col-lg-pull-4 { position: relative; right: 16.6666666667%; } .el-col-lg-push-4 { position: relative; left: 16.6666666667%; } .el-col-lg-5 { width: 20.8333333333%; } .el-col-lg-offset-5 { margin-left: 20.8333333333%; } .el-col-lg-pull-5 { position: relative; right: 20.8333333333%; } .el-col-lg-push-5 { position: relative; left: 20.8333333333%; } .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.1666666667%; } .el-col-lg-offset-7 { margin-left: 29.1666666667%; } .el-col-lg-pull-7 { position: relative; right: 29.1666666667%; } .el-col-lg-push-7 { position: relative; left: 29.1666666667%; } .el-col-lg-8 { width: 33.3333333333%; } .el-col-lg-offset-8 { margin-left: 33.3333333333%; } .el-col-lg-pull-8 { position: relative; right: 33.3333333333%; } .el-col-lg-push-8 { position: relative; left: 33.3333333333%; } .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.6666666667%; } .el-col-lg-offset-10 { margin-left: 41.6666666667%; } .el-col-lg-pull-10 { position: relative; right: 41.6666666667%; } .el-col-lg-push-10 { position: relative; left: 41.6666666667%; } .el-col-lg-11 { width: 45.8333333333%; } .el-col-lg-offset-11 { margin-left: 45.8333333333%; } .el-col-lg-pull-11 { position: relative; right: 45.8333333333%; } .el-col-lg-push-11 { position: relative; left: 45.8333333333%; } .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.1666666667%; } .el-col-lg-offset-13 { margin-left: 54.1666666667%; } .el-col-lg-pull-13 { position: relative; right: 54.1666666667%; } .el-col-lg-push-13 { position: relative; left: 54.1666666667%; } .el-col-lg-14 { width: 58.3333333333%; } .el-col-lg-offset-14 { margin-left: 58.3333333333%; } .el-col-lg-pull-14 { position: relative; right: 58.3333333333%; } .el-col-lg-push-14 { position: relative; left: 58.3333333333%; } .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.6666666667%; } .el-col-lg-offset-16 { margin-left: 66.6666666667%; } .el-col-lg-pull-16 { position: relative; right: 66.6666666667%; } .el-col-lg-push-16 { position: relative; left: 66.6666666667%; } .el-col-lg-17 { width: 70.8333333333%; } .el-col-lg-offset-17 { margin-left: 70.8333333333%; } .el-col-lg-pull-17 { position: relative; right: 70.8333333333%; } .el-col-lg-push-17 { position: relative; left: 70.8333333333%; } .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.1666666667%; } .el-col-lg-offset-19 { margin-left: 79.1666666667%; } .el-col-lg-pull-19 { position: relative; right: 79.1666666667%; } .el-col-lg-push-19 { position: relative; left: 79.1666666667%; } .el-col-lg-20 { width: 83.3333333333%; } .el-col-lg-offset-20 { margin-left: 83.3333333333%; } .el-col-lg-pull-20 { position: relative; right: 83.3333333333%; } .el-col-lg-push-20 { position: relative; left: 83.3333333333%; } .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.6666666667%; } .el-col-lg-offset-22 { margin-left: 91.6666666667%; } .el-col-lg-pull-22 { position: relative; right: 91.6666666667%; } .el-col-lg-push-22 { position: relative; left: 91.6666666667%; } .el-col-lg-23 { width: 95.8333333333%; } .el-col-lg-offset-23 { margin-left: 95.8333333333%; } .el-col-lg-pull-23 { position: relative; right: 95.8333333333%; } .el-col-lg-push-23 { position: relative; left: 95.8333333333%; } .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; } .el-col-xl-0 { 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.1666666667%; } .el-col-xl-offset-1 { margin-left: 4.1666666667%; } .el-col-xl-pull-1 { position: relative; right: 4.1666666667%; } .el-col-xl-push-1 { position: relative; left: 4.1666666667%; } .el-col-xl-2 { width: 8.3333333333%; } .el-col-xl-offset-2 { margin-left: 8.3333333333%; } .el-col-xl-pull-2 { position: relative; right: 8.3333333333%; } .el-col-xl-push-2 { position: relative; left: 8.3333333333%; } .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.6666666667%; } .el-col-xl-offset-4 { margin-left: 16.6666666667%; } .el-col-xl-pull-4 { position: relative; right: 16.6666666667%; } .el-col-xl-push-4 { position: relative; left: 16.6666666667%; } .el-col-xl-5 { width: 20.8333333333%; } .el-col-xl-offset-5 { margin-left: 20.8333333333%; } .el-col-xl-pull-5 { position: relative; right: 20.8333333333%; } .el-col-xl-push-5 { position: relative; left: 20.8333333333%; } .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.1666666667%; } .el-col-xl-offset-7 { margin-left: 29.1666666667%; } .el-col-xl-pull-7 { position: relative; right: 29.1666666667%; } .el-col-xl-push-7 { position: relative; left: 29.1666666667%; } .el-col-xl-8 { width: 33.3333333333%; } .el-col-xl-offset-8 { margin-left: 33.3333333333%; } .el-col-xl-pull-8 { position: relative; right: 33.3333333333%; } .el-col-xl-push-8 { position: relative; left: 33.3333333333%; } .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.6666666667%; } .el-col-xl-offset-10 { margin-left: 41.6666666667%; } .el-col-xl-pull-10 { position: relative; right: 41.6666666667%; } .el-col-xl-push-10 { position: relative; left: 41.6666666667%; } .el-col-xl-11 { width: 45.8333333333%; } .el-col-xl-offset-11 { margin-left: 45.8333333333%; } .el-col-xl-pull-11 { position: relative; right: 45.8333333333%; } .el-col-xl-push-11 { position: relative; left: 45.8333333333%; } .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.1666666667%; } .el-col-xl-offset-13 { margin-left: 54.1666666667%; } .el-col-xl-pull-13 { position: relative; right: 54.1666666667%; } .el-col-xl-push-13 { position: relative; left: 54.1666666667%; } .el-col-xl-14 { width: 58.3333333333%; } .el-col-xl-offset-14 { margin-left: 58.3333333333%; } .el-col-xl-pull-14 { position: relative; right: 58.3333333333%; } .el-col-xl-push-14 { position: relative; left: 58.3333333333%; } .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.6666666667%; } .el-col-xl-offset-16 { margin-left: 66.6666666667%; } .el-col-xl-pull-16 { position: relative; right: 66.6666666667%; } .el-col-xl-push-16 { position: relative; left: 66.6666666667%; } .el-col-xl-17 { width: 70.8333333333%; } .el-col-xl-offset-17 { margin-left: 70.8333333333%; } .el-col-xl-pull-17 { position: relative; right: 70.8333333333%; } .el-col-xl-push-17 { position: relative; left: 70.8333333333%; } .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.1666666667%; } .el-col-xl-offset-19 { margin-left: 79.1666666667%; } .el-col-xl-pull-19 { position: relative; right: 79.1666666667%; } .el-col-xl-push-19 { position: relative; left: 79.1666666667%; } .el-col-xl-20 { width: 83.3333333333%; } .el-col-xl-offset-20 { margin-left: 83.3333333333%; } .el-col-xl-pull-20 { position: relative; right: 83.3333333333%; } .el-col-xl-push-20 { position: relative; left: 83.3333333333%; } .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.6666666667%; } .el-col-xl-offset-22 { margin-left: 91.6666666667%; } .el-col-xl-pull-22 { position: relative; right: 91.6666666667%; } .el-col-xl-push-22 { position: relative; left: 91.6666666667%; } .el-col-xl-23 { width: 95.8333333333%; } .el-col-xl-offset-23 { margin-left: 95.8333333333%; } .el-col-xl-pull-23 { position: relative; right: 95.8333333333%; } .el-col-xl-push-23 { position: relative; left: 95.8333333333%; } .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%; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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--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; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; 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: #409EFF; text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; transition: width 0.6s ease; } .el-progress-bar__inner::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-progress-bar__innerText { display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 12px; margin: 0 5px; } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-upload { display: inline-block; text-align: center; cursor: pointer; outline: none; /* 照片墙模式 */ } .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; cursor: pointer; line-height: 146px; vertical-align: top; } .el-upload--picture-card i { font-size: 28px; color: #8c939d; } .el-upload--picture-card:hover { border-color: #409EFF; color: #409EFF; } .el-upload:focus { border-color: #409EFF; color: #409EFF; } .el-upload:focus .el-upload-dragger { border-color: #409EFF; } .el-upload-dragger { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; width: 360px; height: 180px; text-align: center; cursor: pointer; 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: #409EFF; font-style: normal; } .el-upload-dragger:hover { border-color: #409EFF; } .el-upload-dragger.is-dragover { background-color: rgba(32, 159, 255, 0.06); border: 2px dashed #409EFF; } .el-upload-list { margin: 0; padding: 0; list-style: none; } .el-upload-list__item { 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; 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: #409EFF; } .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:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus { color: #409EFF; cursor: pointer; } .el-upload-list__item.is-success:focus:not(:hover) { /* 键盘focus */ } .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { display: inline-block; } .el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active { /* click时 */ outline-width: 0; } .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .el-upload-list__item.is-success:active .el-icon-close-tip { display: none; } .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label { 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; 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: #409EFF; } .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; 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: #FFFFFF; } .el-upload-list--picture-card .el-upload-list__item .el-icon-close { display: none; } .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; transform: rotate(45deg); 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; 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); 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%; 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; 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: #FFFFFF; } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: transparent; 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: #FFFFFF; } .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; transform: rotate(45deg); box-shadow: 0 1px 1px #ccc; } .el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; 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; content: ""; 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; transform: rotate(45deg); box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); } .el-upload-cover__label i { font-size: 12px; margin-top: 11px; 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: #FFFFFF; font-size: 14px; cursor: pointer; vertical-align: middle; transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); margin-top: 60px; } .el-upload-cover__interact .btn i { margin-top: 0; } .el-upload-cover__interact .btn span { opacity: 0; transition: opacity 0.15s linear; } .el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px; } .el-upload-cover__interact .btn:hover { transform: translateY(-13px); } .el-upload-cover__interact .btn:hover span { opacity: 1; } .el-upload-cover__interact .btn i { color: #FFFFFF; display: block; font-size: 24px; line-height: inherit; margin: 0 auto 5px; } .el-upload-cover__title { position: absolute; bottom: 0; left: 0; background-color: #FFFFFF; height: 36px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; 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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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--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; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; 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: #409EFF; text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; transition: width 0.6s ease; } .el-progress-bar__inner::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-progress-bar__innerText { display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 12px; margin: 0 5px; } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-time-spinner { width: 100%; white-space: nowrap; } .el-spinner { display: inline-block; vertical-align: middle; } .el-spinner-inner { animation: rotate 2s linear infinite; width: 50px; height: 50px; } .el-spinner-inner .path { stroke: #ececec; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } @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; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-message { min-width: 380px; box-sizing: border-box; border-radius: 4px; border-width: 1px; border-style: solid; border-color: #EBEEF5; position: fixed; left: 50%; top: 20px; transform: translateX(-50%); background-color: #edf2fc; transition: opacity 0.3s, transform 0.4s, top 0.4s; overflow: hidden; padding: 15px 15px 15px 20px; display: flex; align-items: center; } .el-message.is-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__content:focus { outline-width: 0; } .el-message__closeBtn { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); cursor: pointer; color: #C0C4CC; font-size: 16px; } .el-message__closeBtn:focus { outline-width: 0; } .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; transform: translate(-50%, -100%); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-badge { position: relative; vertical-align: middle; display: inline-block; } .el-badge__content { background-color: #F56C6C; border-radius: 10px; color: #FFFFFF; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid #FFFFFF; } .el-badge__content.is-fixed { position: absolute; top: 0; right: 10px; transform: translateY(-50%) translateX(100%); } .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: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-card { border-radius: 4px; border: 1px solid #EBEEF5; background-color: #FFFFFF; overflow: hidden; color: #303133; transition: 0.3s; } .el-card.is-always-shadow { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-card__header { padding: 18px 20px; border-bottom: 1px solid #EBEEF5; box-sizing: border-box; } .el-card__body { padding: 20px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-rate { height: 20px; line-height: 1; } .el-rate:focus, .el-rate:active { outline-width: 0; } .el-rate__item { display: inline-block; position: relative; font-size: 0; vertical-align: middle; } .el-rate__icon { position: relative; display: inline-block; font-size: 18px; margin-right: 6px; color: #C0C4CC; transition: 0.3s; } .el-rate__icon.hover { transform: scale(1.15); } .el-rate__icon .path2 { position: absolute; left: 0; top: 0; } .el-rate__decimal { position: absolute; top: 0; left: 0; display: inline-block; overflow: hidden; } .el-rate__text { font-size: 14px; vertical-align: middle; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .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%; flex-flow: column; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-step { position: relative; flex-shrink: 1; } .el-step:last-of-type .el-step__line { display: none; } .el-step:last-of-type.is-flex { flex-basis: auto !important; flex-shrink: 0; flex-grow: 0; } .el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description { 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: #409EFF; border-color: #409EFF; } .el-step__icon { position: relative; z-index: 1; display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 14px; box-sizing: border-box; background: #FFFFFF; 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; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-align: center; font-weight: bold; line-height: 1; color: inherit; } .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 25px; font-weight: normal; } .el-step__icon-inner.is-status { 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; transition: 0.15s ease-out; 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: bold; 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: #409EFF; } .el-step__description { padding-right: 10%; margin-top: -5px; font-size: 12px; line-height: 20px; font-weight: normal; } .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: #409EFF; } .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 { flex-grow: 0; width: 24px; } .el-step.is-vertical .el-step__main { padding-left: 10px; 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 { text-align: center; } .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: flex; 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: transparent; 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 { transform: scale(0.8) translateY(1px); } .el-step.is-simple .el-step__main { position: relative; display: flex; align-items: stretch; 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 { flex-grow: 1; display: flex; align-items: center; justify-content: center; } .el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after { content: ""; display: inline-block; position: absolute; height: 15px; width: 1px; background: #C0C4CC; } .el-step.is-simple .el-step__arrow::before { transform: rotate(-45deg) translateY(-4px); transform-origin: 0 0; } .el-step.is-simple .el-step__arrow::after { transform: rotate(45deg) translateY(4px); transform-origin: 100% 100%; } .el-step.is-simple:last-of-type .el-step__arrow { display: none; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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: none; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; transition: 0.3s; border-radius: 50%; background-color: rgba(31, 45, 61, 0.11); color: #FFFFFF; position: absolute; top: 50%; z-index: 10; 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%; transform: translateX(-50%); } .el-carousel__indicators--vertical { right: 0; top: 50%; transform: translateY(-50%); } .el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; 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; 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: #FFFFFF; border: none; outline: none; padding: 0; margin: 0; cursor: pointer; transition: 0.3s; } .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { transform: translateY(-50%) translateX(-10px); opacity: 0; } .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { transform: translateY(-50%) translateX(10px); opacity: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-carousel__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; overflow: hidden; z-index: 0; } .el-carousel__item.is-active { z-index: 2; } .el-carousel__item.is-animating { transition: transform 0.4s ease-in-out; } .el-carousel__item--card { width: 50%; transition: 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:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { opacity: 0.12; } .el-carousel__item--card.is-active { z-index: 2; } .el-carousel__mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #FFFFFF; opacity: 0.24; transition: 0.2s; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { 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; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { 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 { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { 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: flex; align-items: center; height: 48px; line-height: 48px; background-color: #FFFFFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; transition: border-bottom-color 0.3s; outline: none; } .el-collapse-item__arrow { margin: 0 8px 0 auto; transition: transform 0.3s; font-weight: 300; } .el-collapse-item__arrow.is-active { transform: rotate(90deg); } .el-collapse-item__header.focusing:focus:not(:hover) { color: #409EFF; } .el-collapse-item__header.is-active { border-bottom-color: transparent; } .el-collapse-item__wrap { will-change: height; background-color: #FFFFFF; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #EBEEF5; } .el-collapse-item__content { padding-bottom: 25px; font-size: 13px; color: #303133; line-height: 1.7692307692; } .el-collapse-item:last-child { margin-bottom: -1px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; 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: #FFFFFF; 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: #FFFFFF; } .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: #FFFFFF; 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: #FFFFFF; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-tag { background-color: #ecf5ff; border-color: #d9ecff; color: #409eff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409EFF; border-width: 1px; border-style: solid; border-radius: 4px; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #409EFF; } .el-tag .el-tag__close { color: #409eff; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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: #409eff; border-color: #409eff; color: white; } .el-tag--dark.is-hit { border-color: #409EFF; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #66b1ff; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #F56C6C; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #f78989; } .el-tag--plain { background-color: white; border-color: #b3d8ff; color: #409eff; } .el-tag--plain.is-hit { border-color: #409EFF; } .el-tag--plain .el-tag__close { color: #409eff; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #409eff; } .el-tag--plain.el-tag--info { background-color: white; 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: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; 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: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; 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: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; 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: #FFFFFF; background-color: #f56c6c; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(0.7); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-radio { color: #606266; font-weight: 500; line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; outline: none; font-size: 14px; margin-right: 30px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; height: 40px; } .el-radio.is-bordered.is-checked { border-color: #409EFF; } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: #EBEEF5; } .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--medium.is-bordered .el-radio__label { font-size: 14px; } .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__label { font-size: 12px; } .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__label { font-size: 12px; } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio:last-child { margin-right: 0; } .el-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-radio__input.is-disabled .el-radio__inner { background-color: #F5F7FA; border-color: #E4E7ED; 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 { background-color: #F5F7FA; border-color: #E4E7ED; } .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: #409EFF; background: #409EFF; } .el-radio__input.is-checked .el-radio__inner::after { transform: translate(-50%, -50%) scale(1); } .el-radio__input.is-checked + .el-radio__label { color: #409EFF; } .el-radio__input.is-focus .el-radio__inner { border-color: #409EFF; } .el-radio__inner { border: 1px solid #DCDFE6; border-radius: 100%; width: 14px; height: 14px; background-color: #FFFFFF; position: relative; cursor: pointer; display: inline-block; box-sizing: border-box; } .el-radio__inner:hover { border-color: #409EFF; } .el-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: #FFFFFF; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.15s ease-in; } .el-radio__original { opacity: 0; outline: none; 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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: 0 0 2px 2px #409EFF; } .el-radio__label { font-size: 14px; padding-left: 10px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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: flex; border-radius: 4px; font-size: 14px; } .el-cascader-panel.is-bordered { border: solid 1px #E4E7ED; border-radius: 4px; } .el-cascader-menu { min-width: 180px; 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; box-sizing: border-box; } .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%; transform: translate(-50%, -50%); text-align: center; color: #C0C4CC; } .el-cascader-node { position: relative; display: flex; align-items: center; padding: 0 30px 0 20px; height: 34px; line-height: 34px; outline: none; } .el-cascader-node.is-selectable.in-active-path { color: #606266; } .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active { color: #409EFF; font-weight: bold; } .el-cascader-node:not(.is-disabled) { cursor: pointer; } .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus { 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 { flex: 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-cascader-node > .el-radio { margin-right: 0; } .el-cascader-node > .el-radio .el-radio__label { padding-left: 0; } .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 { cursor: pointer; } .el-cascader .el-input .el-input__inner { text-overflow: ellipsis; } .el-cascader .el-input .el-input__inner:focus { border-color: #409EFF; } .el-cascader .el-input .el-icon-arrow-down { transition: transform 0.3s; font-size: 14px; } .el-cascader .el-input .el-icon-arrow-down.is-reverse { transform: rotateZ(180deg); } .el-cascader .el-input .el-icon-circle-close:hover { color: #909399; } .el-cascader .el-input.is-focus .el-input__inner { border-color: #409EFF; } .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: #FFFFFF; border: solid 1px #E4E7ED; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-cascader__tags { position: absolute; left: 0; right: 30px; top: 50%; transform: translateY(-50%); display: flex; flex-wrap: wrap; line-height: normal; text-align: left; box-sizing: border-box; } .el-cascader__tags .el-tag { display: inline-flex; 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 { flex: 1; overflow: hidden; text-overflow: ellipsis; } .el-cascader__tags .el-tag .el-icon-close { flex: none; background-color: #C0C4CC; color: #FFFFFF; } .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: flex; justify-content: space-between; align-items: center; height: 34px; padding: 0 15px; text-align: left; outline: none; cursor: pointer; } .el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus { background: #F5F7FA; } .el-cascader__suggestion-item.is-checked { color: #409EFF; font-weight: bold; } .el-cascader__suggestion-item > span { margin-right: 10px; } .el-cascader__empty-text { margin: 10px 0; color: #C0C4CC; } .el-cascader__search-input { flex: 1; height: 24px; min-width: 60px; margin: 2px 0 2px 15px; padding: 0; color: #606266; border: none; outline: none; box-sizing: border-box; } .el-cascader__search-input::-moz-placeholder { color: #C0C4CC; } .el-cascader__search-input::placeholder { color: #C0C4CC; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-color-predefine { display: flex; font-size: 12px; margin-top: 8px; width: 280px; } .el-color-predefine__colors { display: flex; flex: 1; 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 { box-shadow: 0 0 3px 2px #409EFF; } .el-color-predefine__color-selector > div { 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; box-sizing: border-box; width: 280px; height: 12px; background-color: #f00; padding: 0 2px; } .el-color-hue-slider__bar { position: relative; background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); height: 100%; } .el-color-hue-slider__thumb { position: absolute; cursor: pointer; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; 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: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 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__white, .el-color-svpanel__black { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-color-svpanel__white { background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .el-color-svpanel__black { 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; 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%; transform: translate(-2px, -2px); } .el-color-alpha-slider { position: relative; box-sizing: border-box; width: 280px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-alpha-slider__bar { position: relative; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); height: 100%; } .el-color-alpha-slider__thumb { position: absolute; cursor: pointer; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; 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: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 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: #000000; 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: none; font-size: 12px; } .el-color-dropdown__btn[disabled] { color: #cccccc; cursor: not-allowed; } .el-color-dropdown__btn:hover { color: #409EFF; border-color: #409EFF; } .el-color-dropdown__link-btn { cursor: pointer; color: #409EFF; text-decoration: none; padding: 15px; font-size: 12px; } .el-color-dropdown__link-btn:hover { color: tint(#409EFF, 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__icon, .el-color-picker--small .el-color-picker__empty { 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__icon, .el-color-picker--mini .el-color-picker__empty { 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; 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; 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 { font-size: 12px; color: #999; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .el-color-picker__icon { display: inline-block; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: #FFFFFF; text-align: center; font-size: 12px; } .el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; box-sizing: content-box; background-color: #FFFFFF; border: 1px solid #EBEEF5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #FFFFFF; background-image: none; border: 1px solid #DCDFE6; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-moz-placeholder { color: #C0C4CC; } .el-textarea__inner::placeholder { color: #C0C4CC; } .el-textarea__inner:hover { border-color: #C0C4CC; } .el-textarea__inner:focus { outline: none; border-color: #409EFF; } .el-textarea .el-input__count { color: #909399; background: #FFFFFF; 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::-moz-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; 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: inline-flex; align-items: center; color: #909399; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: #FFFFFF; line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #FFFFFF; background-image: none; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-ms-reveal { display: none; } .el-input__inner::-moz-placeholder { color: #C0C4CC; } .el-input__inner::placeholder { color: #C0C4CC; } .el-input__inner:hover { border-color: #C0C4CC; } .el-input__inner:focus { outline: none; border-color: #409EFF; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; pointer-events: none; } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 5px; top: 0; text-align: center; color: #C0C4CC; transition: all 0.3s; } .el-input__icon { height: 100%; width: 25px; text-align: center; 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-active .el-input__inner { outline: none; border-color: #409EFF; } .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::-moz-placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__inner::placeholder { color: #C0C4CC; } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .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__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { 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; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-color: #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button.is-round { padding: 12px 20px; } .el-button:hover, .el-button:focus { color: #409EFF; border-color: #c6e2ff; background-color: #ecf5ff; } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*=el-icon-] + span { margin-left: 5px; } .el-button.is-plain:hover, .el-button.is-plain:focus { background: #FFFFFF; border-color: #409EFF; color: #409EFF; } .el-button.is-plain:active { background: #FFFFFF; border-color: #3a8ee6; color: #3a8ee6; outline: none; } .el-button.is-active { color: #3a8ee6; border-color: #3a8ee6; } .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; 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:hover, .el-button.is-disabled.is-plain:focus { background-color: #FFFFFF; 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: #FFFFFF; background-color: #409EFF; border-color: #409EFF; } .el-button--primary:hover, .el-button--primary:focus { background: #66b1ff; border-color: #66b1ff; color: #FFFFFF; } .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { color: #FFFFFF; background-color: #a0cfff; border-color: #a0cfff; } .el-button--primary.is-plain { color: #409EFF; background: #ecf5ff; border-color: #b3d8ff; } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #409EFF; border-color: #409EFF; color: #FFFFFF; } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff; } .el-button--success { color: #FFFFFF; background-color: #67C23A; border-color: #67C23A; } .el-button--success:hover, .el-button--success:focus { background: #85ce61; border-color: #85ce61; color: #FFFFFF; } .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; } .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { color: #FFFFFF; background-color: #b3e19d; border-color: #b3e19d; } .el-button--success.is-plain { color: #67C23A; background: #f0f9eb; border-color: #c2e7b0; } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #67C23A; border-color: #67C23A; color: #FFFFFF; } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8; } .el-button--warning { color: #FFFFFF; background-color: #E6A23C; border-color: #E6A23C; } .el-button--warning:hover, .el-button--warning:focus { background: #ebb563; border-color: #ebb563; color: #FFFFFF; } .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { color: #FFFFFF; background-color: #f3d19e; border-color: #f3d19e; } .el-button--warning.is-plain { color: #E6A23C; background: #fdf6ec; border-color: #f5dab1; } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #E6A23C; border-color: #E6A23C; color: #FFFFFF; } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8; } .el-button--danger { color: #FFFFFF; background-color: #F56C6C; border-color: #F56C6C; } .el-button--danger:hover, .el-button--danger:focus { background: #f78989; border-color: #f78989; color: #FFFFFF; } .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { color: #FFFFFF; background-color: #fab6b6; border-color: #fab6b6; } .el-button--danger.is-plain { color: #F56C6C; background: #fef0f0; border-color: #fbc4c4; } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #F56C6C; border-color: #F56C6C; color: #FFFFFF; } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2; } .el-button--info { color: #FFFFFF; background-color: #909399; border-color: #909399; } .el-button--info:hover, .el-button--info:focus { background: #a6a9ad; border-color: #a6a9ad; color: #FFFFFF; } .el-button--info:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-active { background: #82848a; border-color: #82848a; color: #FFFFFF; } .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { color: #FFFFFF; background-color: #c8c9cc; border-color: #c8c9cc; } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6; } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #909399; border-color: #909399; color: #FFFFFF; } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb; } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .el-button--medium.is-round { padding: 10px 20px; } .el-button--medium.is-circle { padding: 10px; } .el-button--small { padding: 9px 15px; font-size: 12px; border-radius: 3px; } .el-button--small.is-round { padding: 9px 15px; } .el-button--small.is-circle { padding: 9px; } .el-button--mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; } .el-button--mini.is-round { padding: 7px 15px; } .el-button--mini.is-circle { padding: 7px; } .el-button--text { border-color: transparent; color: #409EFF; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: #66b1ff; border-color: transparent; background-color: transparent; } .el-button--text:active { color: #3a8ee6; border-color: transparent; background-color: transparent; } .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { border-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::before, .el-button-group::after { 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-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-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:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { z-index: 1; } .el-button-group > .el-button.is-active { 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); } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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-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: #FFFFFF; background-color: #409EFF; font-size: 0; } .el-transfer__button.is-with-texts { border-radius: 4px; } .el-transfer__button.is-disabled { border: 1px solid #DCDFE6; background-color: #F5F7FA; color: #C0C4CC; } .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__button [class*=el-icon-] + span { margin-left: 0; } .el-transfer-panel { border: 1px solid #EBEEF5; border-radius: 4px; overflow: hidden; background: #FFFFFF; display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; 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; 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-transfer-panel__item { margin-left: 0; } .el-transfer-panel__item.el-checkbox { color: #606266; } .el-transfer-panel__item:hover { color: #409EFF; } .el-transfer-panel__item.el-checkbox .el-checkbox__label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; 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; 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; 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__filter .el-icon-circle-close { cursor: pointer; } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #F5F7FA; margin: 0; padding-left: 15px; border-bottom: 1px solid #EBEEF5; box-sizing: border-box; color: #000000; } .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: normal; } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { position: absolute; right: 15px; color: #909399; font-size: 12px; font-weight: normal; } .el-transfer-panel .el-transfer-panel__footer { height: 40px; background: #FFFFFF; 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-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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-container { display: flex; flex-direction: row; flex: 1; flex-basis: auto; box-sizing: border-box; min-width: 0; } .el-container.is-vertical { flex-direction: column; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-header { padding: 0 20px; box-sizing: border-box; flex-shrink: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-aside { overflow: auto; box-sizing: border-box; flex-shrink: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-main { display: block; flex: 1; flex-basis: auto; overflow: auto; box-sizing: border-box; padding: 20px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-footer { padding: 0 20px; box-sizing: border-box; flex-shrink: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-timeline { margin: 0; font-size: 14px; list-style: none; } .el-timeline .el-timeline-item:last-child .el-timeline-item__tail { display: none; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .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: #FFFFFF; font-size: 13px; } .el-timeline-item__node { position: absolute; background-color: #E4E7ED; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .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: #409EFF; } .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; justify-content: 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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-link { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; vertical-align: middle; position: relative; text-decoration: none; outline: none; cursor: pointer; padding: 0; font-size: 14px; font-weight: 500; } .el-link.is-underline:hover:after { content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: 0; border-bottom: 1px solid #409EFF; } .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: #409EFF; } .el-link.el-link--default:after { border-color: #409EFF; } .el-link.el-link--default.is-disabled { color: #C0C4CC; } .el-link.el-link--primary { color: #409EFF; } .el-link.el-link--primary:hover { color: #66b1ff; } .el-link.el-link--primary:after { border-color: #409EFF; } .el-link.el-link--primary.is-disabled { color: #a0cfff; } .el-link.el-link--primary.is-underline:hover:after { border-color: #409EFF; } .el-link.el-link--danger { color: #F56C6C; } .el-link.el-link--danger:hover { color: #f78989; } .el-link.el-link--danger:after { border-color: #F56C6C; } .el-link.el-link--danger.is-disabled { color: #fab6b6; } .el-link.el-link--danger.is-underline:hover:after { border-color: #F56C6C; } .el-link.el-link--success { color: #67C23A; } .el-link.el-link--success:hover { color: #85ce61; } .el-link.el-link--success:after { border-color: #67C23A; } .el-link.el-link--success.is-disabled { color: #b3e19d; } .el-link.el-link--success.is-underline:hover:after { border-color: #67C23A; } .el-link.el-link--warning { color: #E6A23C; } .el-link.el-link--warning:hover { color: #ebb563; } .el-link.el-link--warning:after { border-color: #E6A23C; } .el-link.el-link--warning.is-disabled { color: #f3d19e; } .el-link.el-link--warning.is-underline:hover:after { border-color: #E6A23C; } .el-link.el-link--info { color: #909399; } .el-link.el-link--info:hover { color: #a6a9ad; } .el-link.el-link--info:after { border-color: #909399; } .el-link.el-link--info.is-disabled { color: #c8c9cc; } .el-link.el-link--info.is-underline:hover:after { border-color: #909399; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .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: #FFFFFF; padding: 0 20px; font-weight: 500; color: #303133; font-size: 14px; } .el-divider__text.is-left { left: 20px; transform: translateY(-50%); } .el-divider__text.is-center { left: 50%; transform: translateX(-50%) translateY(-50%); } .el-divider__text.is-right { right: 20px; transform: translateY(-50%); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-image__error, .el-image__placeholder, .el-image__inner { 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%; transform: translate(-50%, -50%); display: block; } .el-image__placeholder { background: #F5F7FA; } .el-image__error { display: flex; justify-content: center; align-items: center; font-size: 14px; background: #F5F7FA; 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: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 0.8; cursor: pointer; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; 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: flex; justify-content: center; align-items: center; } .el-image-viewer__actions { left: 50%; bottom: 30px; 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: flex; align-items: center; justify-content: space-around; } .el-image-viewer__prev { top: 50%; transform: translateY(-50%); width: 44px; height: 44px; font-size: 24px; color: #fff; background-color: #606266; border-color: #fff; left: 40px; } .el-image-viewer__next { top: 50%; transform: translateY(-50%); width: 44px; height: 44px; font-size: 24px; color: #fff; background-color: #606266; border-color: #fff; 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 { animation: viewer-fade-in 0.3s; } .viewer-fade-leave-active { animation: viewer-fade-out 0.3s; } @keyframes viewer-fade-in { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes viewer-fade-out { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, -20px, 0); opacity: 0; } } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-color: #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button + .el-button { margin-left: 10px; } .el-button.is-round { padding: 12px 20px; } .el-button:hover, .el-button:focus { color: #409EFF; border-color: #c6e2ff; background-color: #ecf5ff; } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: none; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*=el-icon-] + span { margin-left: 5px; } .el-button.is-plain:hover, .el-button.is-plain:focus { background: #FFFFFF; border-color: #409EFF; color: #409EFF; } .el-button.is-plain:active { background: #FFFFFF; border-color: #3a8ee6; color: #3a8ee6; outline: none; } .el-button.is-active { color: #3a8ee6; border-color: #3a8ee6; } .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; 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:hover, .el-button.is-disabled.is-plain:focus { background-color: #FFFFFF; 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: #FFFFFF; background-color: #409EFF; border-color: #409EFF; } .el-button--primary:hover, .el-button--primary:focus { background: #66b1ff; border-color: #66b1ff; color: #FFFFFF; } .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { color: #FFFFFF; background-color: #a0cfff; border-color: #a0cfff; } .el-button--primary.is-plain { color: #409EFF; background: #ecf5ff; border-color: #b3d8ff; } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: #409EFF; border-color: #409EFF; color: #FFFFFF; } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #FFFFFF; outline: none; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff; } .el-button--success { color: #FFFFFF; background-color: #67C23A; border-color: #67C23A; } .el-button--success:hover, .el-button--success:focus { background: #85ce61; border-color: #85ce61; color: #FFFFFF; } .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; } .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { color: #FFFFFF; background-color: #b3e19d; border-color: #b3e19d; } .el-button--success.is-plain { color: #67C23A; background: #f0f9eb; border-color: #c2e7b0; } .el-button--success.is-plain:hover, .el-button--success.is-plain:focus { background: #67C23A; border-color: #67C23A; color: #FFFFFF; } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #FFFFFF; outline: none; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8; } .el-button--warning { color: #FFFFFF; background-color: #E6A23C; border-color: #E6A23C; } .el-button--warning:hover, .el-button--warning:focus { background: #ebb563; border-color: #ebb563; color: #FFFFFF; } .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { color: #FFFFFF; background-color: #f3d19e; border-color: #f3d19e; } .el-button--warning.is-plain { color: #E6A23C; background: #fdf6ec; border-color: #f5dab1; } .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { background: #E6A23C; border-color: #E6A23C; color: #FFFFFF; } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #FFFFFF; outline: none; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8; } .el-button--danger { color: #FFFFFF; background-color: #F56C6C; border-color: #F56C6C; } .el-button--danger:hover, .el-button--danger:focus { background: #f78989; border-color: #f78989; color: #FFFFFF; } .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { color: #FFFFFF; background-color: #fab6b6; border-color: #fab6b6; } .el-button--danger.is-plain { color: #F56C6C; background: #fef0f0; border-color: #fbc4c4; } .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { background: #F56C6C; border-color: #F56C6C; color: #FFFFFF; } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #FFFFFF; outline: none; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2; } .el-button--info { color: #FFFFFF; background-color: #909399; border-color: #909399; } .el-button--info:hover, .el-button--info:focus { background: #a6a9ad; border-color: #a6a9ad; color: #FFFFFF; } .el-button--info:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-active { background: #82848a; border-color: #82848a; color: #FFFFFF; } .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { color: #FFFFFF; background-color: #c8c9cc; border-color: #c8c9cc; } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6; } .el-button--info.is-plain:hover, .el-button--info.is-plain:focus { background: #909399; border-color: #909399; color: #FFFFFF; } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #FFFFFF; outline: none; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb; } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .el-button--medium.is-round { padding: 10px 20px; } .el-button--medium.is-circle { padding: 10px; } .el-button--small { padding: 9px 15px; font-size: 12px; border-radius: 3px; } .el-button--small.is-round { padding: 9px 15px; } .el-button--small.is-circle { padding: 9px; } .el-button--mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; } .el-button--mini.is-round { padding: 7px 15px; } .el-button--mini.is-circle { padding: 7px; } .el-button--text { border-color: transparent; color: #409EFF; background: transparent; padding-left: 0; padding-right: 0; } .el-button--text:hover, .el-button--text:focus { color: #66b1ff; border-color: transparent; background-color: transparent; } .el-button--text:active { color: #3a8ee6; border-color: transparent; background-color: transparent; } .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { border-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::before, .el-button-group::after { 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-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-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:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active { z-index: 1; } .el-button-group > .el-button.is-active { 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: flex; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid #EBEEF5; } .el-calendar__title { color: #000000; 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: normal; } .el-calendar-table:not(.is-range) td.prev, .el-calendar-table:not(.is-range) td.next { color: #C0C4CC; } .el-calendar-table td { border-bottom: 1px solid #EBEEF5; border-right: 1px solid #EBEEF5; vertical-align: top; transition: background-color 0.2s ease; } .el-calendar-table td.is-selected { background-color: #F2F8FE; } .el-calendar-table td.is-today { color: #409EFF; } .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 { box-sizing: border-box; padding: 8px; height: 85px; } .el-calendar-table .el-calendar-day:hover { cursor: pointer; background-color: #F2F8FE; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-backtop { position: fixed; background-color: #FFFFFF; width: 40px; height: 40px; border-radius: 50%; color: #409EFF; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); cursor: pointer; z-index: 5; } .el-backtop:hover { background-color: #F2F6FC; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-page-header { display: flex; line-height: 24px; } .el-page-header__left { 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%; transform: translateY(-50%); background-color: #DCDFE6; } .el-page-header__left .el-icon-back { font-size: 18px; margin-right: 6px; align-self: center; } .el-page-header__title { font-size: 14px; font-weight: 500; } .el-page-header__content { font-size: 18px; color: #303133; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #409EFF; } .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 { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; 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-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: #FFFFFF; height: 2px; 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; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; 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: #409EFF; } .el-checkbox__inner::after { box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .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 { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 12px 20px; } .el-checkbox-button__inner:hover { color: #409EFF; } .el-checkbox-button__inner [class*=el-icon-] { line-height: 0.9; } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; box-shadow: -1px 0 0 0 #8cc5ff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; 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; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; } .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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-radio { color: #606266; font-weight: 500; line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; outline: none; font-size: 14px; margin-right: 30px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: 4px; border: 1px solid #DCDFE6; box-sizing: border-box; height: 40px; } .el-radio.is-bordered.is-checked { border-color: #409EFF; } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: #EBEEF5; } .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--medium.is-bordered .el-radio__label { font-size: 14px; } .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__label { font-size: 12px; } .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__label { font-size: 12px; } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio:last-child { margin-right: 0; } .el-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-radio__input.is-disabled .el-radio__inner { background-color: #F5F7FA; border-color: #E4E7ED; 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 { background-color: #F5F7FA; border-color: #E4E7ED; } .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: #409EFF; background: #409EFF; } .el-radio__input.is-checked .el-radio__inner::after { transform: translate(-50%, -50%) scale(1); } .el-radio__input.is-checked + .el-radio__label { color: #409EFF; } .el-radio__input.is-focus .el-radio__inner { border-color: #409EFF; } .el-radio__inner { border: 1px solid #DCDFE6; border-radius: 100%; width: 14px; height: 14px; background-color: #FFFFFF; position: relative; cursor: pointer; display: inline-block; box-sizing: border-box; } .el-radio__inner:hover { border-color: #409EFF; } .el-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: #FFFFFF; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.15s ease-in; } .el-radio__original { opacity: 0; outline: none; 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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: 0 0 2px 2px #409EFF; } .el-radio__label { font-size: 14px; padding-left: 10px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; 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); 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; 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: flex; border-radius: 4px; font-size: 14px; } .el-cascader-panel.is-bordered { border: solid 1px #E4E7ED; border-radius: 4px; } .el-cascader-menu { min-width: 180px; 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; box-sizing: border-box; } .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%; transform: translate(-50%, -50%); text-align: center; color: #C0C4CC; } .el-cascader-node { position: relative; display: flex; align-items: center; padding: 0 30px 0 20px; height: 34px; line-height: 34px; outline: none; } .el-cascader-node.is-selectable.in-active-path { color: #606266; } .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active { color: #409EFF; font-weight: bold; } .el-cascader-node:not(.is-disabled) { cursor: pointer; } .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus { 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 { flex: 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-cascader-node > .el-radio { margin-right: 0; } .el-cascader-node > .el-radio .el-radio__label { padding-left: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-avatar { display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden; 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-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; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ @keyframes el-drawer-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes rtl-drawer-in { 0% { transform: translate(100%, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes rtl-drawer-out { 0% { transform: translate(0px, 0px); } 100% { transform: translate(100%, 0px); } } @keyframes ltr-drawer-in { 0% { transform: translate(-100%, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes ltr-drawer-out { 0% { transform: translate(0px, 0px); } 100% { transform: translate(-100%, 0px); } } @keyframes ttb-drawer-in { 0% { transform: translate(0px, -100%); } 100% { transform: translate(0px, 0px); } } @keyframes ttb-drawer-out { 0% { transform: translate(0px, 0px); } 100% { transform: translate(0px, -100%); } } @keyframes btt-drawer-in { 0% { transform: translate(0px, 100%); } 100% { transform: translate(0px, 0px); } } @keyframes btt-drawer-out { 0% { transform: translate(0px, 0); } 100% { transform: translate(0px, 100%); } } .el-drawer { position: absolute; box-sizing: border-box; background-color: #FFFFFF; display: flex; flex-direction: column; 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); overflow: hidden; outline: 0; } .el-drawer.rtl { animation: rtl-drawer-out 0.3s; } .el-drawer__open .el-drawer.rtl { animation: rtl-drawer-in 0.3s 1ms; } .el-drawer.ltr { animation: ltr-drawer-out 0.3s; } .el-drawer__open .el-drawer.ltr { animation: ltr-drawer-in 0.3s 1ms; } .el-drawer.ttb { animation: ttb-drawer-out 0.3s; } .el-drawer__open .el-drawer.ttb { animation: ttb-drawer-in 0.3s 1ms; } .el-drawer.btt { animation: btt-drawer-out 0.3s; } .el-drawer__open .el-drawer.btt { 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 { align-items: center; color: rgb(114, 118, 123); display: flex; margin-bottom: 32px; padding: 20px; padding-bottom: 0; } .el-drawer__header > :first-child { flex: 1; } .el-drawer__title { margin: 0; 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 { flex: 1; overflow: auto; } .el-drawer__body > * { box-sizing: border-box; } .el-drawer.ltr, .el-drawer.rtl { height: 100%; top: 0; bottom: 0; } .el-drawer.ttb, .el-drawer.btt { width: 100%; left: 0; right: 0; } .el-drawer.ltr { left: 0; } .el-drawer.rtl { right: 0; } .el-drawer.ttb { top: 0; } .el-drawer.btt { bottom: 0; } .el-drawer__container { position: relative; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; } .el-drawer-fade-enter-active { animation: el-drawer-fade-in 0.3s; } .el-drawer-fade-leave-active { animation: el-drawer-fade-in 0.3s reverse; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-statistic { width: 100%; box-sizing: border-box; margin: 0; padding: 0; color: #000000; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; text-align: center; } .el-statistic .head { margin-bottom: 4px; color: #606266; font-size: 13px; } .el-statistic .con { font-family: Sans-serif; display: flex; justify-content: center; align-items: center; color: #303133; } .el-statistic .con .number { font-size: 20px; padding: 0 4px; } .el-statistic .con span { display: inline-block; margin: 0; line-height: 100%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-popconfirm__main { display: flex; align-items: center; } .el-popconfirm__icon { margin-right: 5px; } .el-popconfirm__action { text-align: right; margin: 0; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-skeleton__item { background: #f2f2f2; display: inline-block; height: 16px; border-radius: 4px; width: 100%; } .el-skeleton__circle { border-radius: 50%; width: 36px; height: 36px; line-height: 36px; } .el-skeleton__circle--lg { width: 40px; height: 40px; line-height: 40px; } .el-skeleton__circle--md { width: 28px; height: 28px; line-height: 28px; } .el-skeleton__button { height: 40px; width: 64px; border-radius: 4px; } .el-skeleton__p { width: 100%; } .el-skeleton__p.is-last { width: 61%; } .el-skeleton__p.is-first { width: 33%; } .el-skeleton__text { width: 100%; height: 13px; } .el-skeleton__caption { height: 12px; } .el-skeleton__h1 { height: 20px; } .el-skeleton__h3 { height: 18px; } .el-skeleton__h5 { height: 16px; } .el-skeleton__image { width: unset; display: flex; align-items: center; justify-content: center; border-radius: 0; } .el-skeleton__image svg { fill: #DCDDE0; width: 22%; height: 22%; } @keyframes el-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .el-skeleton { width: 100%; } .el-skeleton__first-line { height: 16px; margin-top: 16px; background: #f2f2f2; } .el-skeleton__paragraph { height: 16px; margin-top: 16px; background: #f2f2f2; } .el-skeleton.is-animated .el-skeleton__item { background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%; animation: el-skeleton-loading 1.4s ease infinite; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-skeleton__item { background: #f2f2f2; display: inline-block; height: 16px; border-radius: 4px; width: 100%; } .el-skeleton__circle { border-radius: 50%; width: 36px; height: 36px; line-height: 36px; } .el-skeleton__circle--lg { width: 40px; height: 40px; line-height: 40px; } .el-skeleton__circle--md { width: 28px; height: 28px; line-height: 28px; } .el-skeleton__button { height: 40px; width: 64px; border-radius: 4px; } .el-skeleton__p { width: 100%; } .el-skeleton__p.is-last { width: 61%; } .el-skeleton__p.is-first { width: 33%; } .el-skeleton__text { width: 100%; height: 13px; } .el-skeleton__caption { height: 12px; } .el-skeleton__h1 { height: 20px; } .el-skeleton__h3 { height: 18px; } .el-skeleton__h5 { height: 16px; } .el-skeleton__image { width: unset; display: flex; align-items: center; justify-content: center; border-radius: 0; } .el-skeleton__image svg { fill: #DCDDE0; width: 22%; height: 22%; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-empty { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; box-sizing: border-box; padding: 40px 0; } .el-empty__image { width: 160px; } .el-empty__image img { -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; height: 100%; vertical-align: top; -o-object-fit: contain; object-fit: contain; } .el-empty__image svg { fill: #DCDDE0; width: 100%; height: 100%; vertical-align: top; } .el-empty__description { margin-top: 20px; } .el-empty__description p { margin: 0; font-size: 14px; color: #909399; } .el-empty__bottom { margin-top: 20px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-descriptions-item { vertical-align: top; } .el-descriptions-item__container { display: flex; } .el-descriptions-item__container .el-descriptions-item__label, .el-descriptions-item__container .el-descriptions-item__content { display: inline-flex; align-items: baseline; } .el-descriptions-item__container .el-descriptions-item__content { flex: 1; } .el-descriptions-item__label.has-colon::after { content: ":"; position: relative; top: -0.5px; } .el-descriptions-item__label.is-bordered-label { font-weight: bold; color: #909399; background: #fafafa; } .el-descriptions-item__label:not(.is-bordered-label) { margin-right: 10px; } .el-descriptions-item__content { word-break: break-word; overflow-wrap: break-word; } .el-descriptions { box-sizing: border-box; font-size: 14px; color: #303133; } .el-descriptions__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .el-descriptions__title { font-size: 16px; font-weight: bold; } .el-descriptions__body { color: #606266; background-color: #FFFFFF; } .el-descriptions__body .el-descriptions__table { border-collapse: collapse; width: 100%; table-layout: fixed; } .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell { box-sizing: border-box; text-align: left; font-weight: normal; line-height: 1.5; } .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left { text-align: left; } .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center { text-align: center; } .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right { text-align: right; } .el-descriptions .is-bordered { table-layout: auto; } .el-descriptions .is-bordered .el-descriptions-item__cell { border: 1px solid #EBEEF5; padding: 12px 10px; } .el-descriptions :not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 12px; } .el-descriptions--medium.is-bordered .el-descriptions-item__cell { padding: 10px; } .el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 10px; } .el-descriptions--small { font-size: 12px; } .el-descriptions--small.is-bordered .el-descriptions-item__cell { padding: 8px 10px; } .el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 8px; } .el-descriptions--mini { font-size: 12px; } .el-descriptions--mini.is-bordered .el-descriptions-item__cell { padding: 6px 10px; } .el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell { padding-bottom: 6px; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-descriptions-item { vertical-align: top; } .el-descriptions-item__container { display: flex; } .el-descriptions-item__container .el-descriptions-item__label, .el-descriptions-item__container .el-descriptions-item__content { display: inline-flex; align-items: baseline; } .el-descriptions-item__container .el-descriptions-item__content { flex: 1; } .el-descriptions-item__label.has-colon::after { content: ":"; position: relative; top: -0.5px; } .el-descriptions-item__label.is-bordered-label { font-weight: bold; color: #909399; background: #fafafa; } .el-descriptions-item__label:not(.is-bordered-label) { margin-right: 10px; } .el-descriptions-item__content { word-break: break-word; overflow-wrap: break-word; } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .el-result { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; box-sizing: border-box; padding: 40px 30px; } .el-result__icon svg { width: 64px; height: 64px; } .el-result__title { margin-top: 20px; } .el-result__title p { margin: 0; font-size: 20px; color: #303133; line-height: 1.3; } .el-result__subtitle { margin-top: 10px; } .el-result__subtitle p { margin: 0; font-size: 14px; color: #606266; line-height: 1.3; } .el-result__extra { margin-top: 30px; } .el-result .icon-success { fill: #67C23A; } .el-result .icon-error { fill: #F56C6C; } .el-result .icon-info { fill: #909399; } .el-result .icon-warning { fill: #E6A23C; } @font-face { font-family: "iconfont"; /* Project id 1899545 */ src: url(../fonts/iconfont.eot); /* IE9 */ src: url(../fonts/iconfont.eot#iefix) format('embedded-opentype'), url(../fonts/iconfont.woff2) format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../img/iconfont.svg#iconfont) format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconfangda:before { content: "\e7fc"; } .iconzhankaishouqi:before { content: "\e7fa"; } .iconjiantou1:before { content: "\e7fb"; } .iconchenggong:before { content: "\e7f9"; } .iconyichang:before { content: "\e7f5"; } .iconzhengchang:before { content: "\e7f6"; } .icontiaozhuan:before { content: "\e7f1"; } .iconchakan:before { content: "\e7f2"; } .iconlanya:before { content: "\e7f3"; } .iconsousuo:before { content: "\e7f4"; } .iconjinggao:before { content: "\e7f7"; } .iconbianji1:before { content: "\e7f8"; } .iconbiaozhun:before { content: "\e7ca"; } .iconguanbi:before { content: "\e7cb"; } .iconzidingyi:before { content: "\e7cd"; } .iconliepeizhi:before { content: "\e7ce"; } .icondaochu:before { content: "\e7cf"; } .icontishi:before { content: "\e7d0"; } .iconxianzhiwangguanchanpin:before { content: "\e7d1"; } .iconmatter:before { content: "\e7d2"; } .iconqingxuanze:before { content: "\e7d5"; } .iconquxiaofabu:before { content: "\e7d6"; } .iconjieruwangguanfangshi:before { content: "\e7d7"; } .iconzhongzhi:before { content: "\e7d8"; } .iconziyuanxiazai:before { content: "\e7d9"; } .iconshengdianmoshi:before { content: "\e7da"; } .iconfengwo:before { content: "\e7db"; } .iconqiehuan:before { content: "\e7dc"; } .icongengduocaozuo:before { content: "\e7dd"; } .iconSIMkaleixing:before { content: "\e7de"; } .iconNB:before { content: "\e7df"; } .iconxuanzhong:before { content: "\e7e0"; } .iconshiyongzhinan:before { content: "\e7e1"; } .icondongtaiqiehuanwangguan:before { content: "\e7e2"; } .iconWi-Fi:before { content: "\e7e3"; } .iconNBfangan:before { content: "\e7e4"; } .iconwangguanchanpin:before { content: "\e7e5"; } .iconshanchu:before { content: "\e7e6"; } .icondaoru:before { content: "\e7e7"; } .iconxinxiaoxi:before { content: "\e7e8"; } .iconshujujiamifangshi:before { content: "\e7e9"; } .iconyonghuyitupeiwangliucheng:before { content: "\e7ea"; } .icona-kuozhangongneng3:before { content: "\e7eb"; } .iconmianbanpeizhixiang:before { content: "\e7ec"; } .iconbiaozhunpeiwangliucheng:before { content: "\e7ed"; } .icona-SNIMEIbangdinggongju:before { content: "\e7ee"; } .iconzimianban:before { content: "\e7ef"; } .iconzishebei:before { content: "\e7f0"; } .iconerweima1:before { content: "\e7c5"; } .iconqianjin:before { content: "\e7be"; } .iconerweima:before { content: "\e7bd"; } .iconhangyefangan:before { content: "\e784"; } .iconjihuomaguanli:before { content: "\e78a"; } .iconfile-copy2:before { content: "\e71f"; } .iconbianji:before { content: "\e71e"; } .iconzhankai1:before { content: "\e71d"; } .icondisanfang:before { content: "\e71b"; } .icongexinghua:before { content: "\e71c"; } .iconmove:before { content: "\e71a"; } .iconshezhi:before { content: "\e731"; } .iconservice:before { content: "\e723"; } .iconsubpanel:before { content: "\e675"; } .iconconfigurationItem:before { content: "\e676"; } .iconworkorder1:before { content: "\e672"; } .iconmore:before { content: "\e671"; } .iconbackToTop:before { content: "\e66d"; } .iconserviceInquiry:before { content: "\e66e"; } .iconsuggestionsAndFeedback:before { content: "\e66f"; } .iconcustomerService:before { content: "\e670"; } .iconworkorder:before { content: "\e66c"; } .iconwindow:before { content: "\e719"; } .iconfile-copy1:before { content: "\e631"; } .icona-Frame289:before { content: "\e62e"; } .iconyonghuzhinan:before { content: "\e70f"; } .iconsaasyingyongkaifa:before { content: "\e710"; } .iconkuaisurumen:before { content: "\e711"; } .iconliangchanshuoming:before { content: "\e712"; } .icongongju:before { content: "\e713"; } .iconappyingyongkaifa:before { content: "\e714"; } .iconshebeikaifa:before { content: "\e715"; } .iconchangjianwenti:before { content: "\e716"; } .iconlianxiwomen:before { content: "\e717"; } .iconclose:before { content: "\e70e"; } .iconnarrow:before { content: "\e70d"; } .icondelete:before { content: "\e70a"; } .iconfull_screen:before { content: "\e70b"; } .iconedit-1:before { content: "\e70c"; } .iconmonitor:before { content: "\e709"; } .iconnotification:before { content: "\e706"; } .iconmail:before { content: "\e708"; } .iconshengchanceshiziyuan:before { content: "\e64e"; } .iconhelp-circle-filled:before { content: "\e705"; } .iconfile-copy:before { content: "\e704"; } .iconbrowse1:before { content: "\e703"; } .iconbrowse-off:before { content: "\e702"; } .iconicon_daoru:before { content: "\e700"; } .iconicon_daochu:before { content: "\e701"; } .icona-5:before { content: "\e6fd"; } .icona-5_full:before { content: "\e6ff"; } .icona-4:before { content: "\e6fb"; } .icona-4_full:before { content: "\e6fc"; } .icona-3:before { content: "\e6f2"; } .icona-3_full:before { content: "\e6f7"; } .icona-2:before { content: "\e6ee"; } .icona-2_full:before { content: "\e6f0"; } .icona-1:before { content: "\e6ec"; } .icona-1_full:before { content: "\e6ed"; } .iconproduct2:before { content: "\e6d5"; } .iconapp:before { content: "\e6d6"; } .iconsaas:before { content: "\e6d7"; } .iconindustry:before { content: "\e6d8"; } .iconequipment:before { content: "\e6d9"; } .iconmessage:before { content: "\e6da"; } .iconchart:before { content: "\e6db"; } .iconshenji:before { content: "\e6dc"; } .iconsecured:before { content: "\e6dd"; } .iconuser:before { content: "\e6de"; } .iconview-module:before { content: "\e6df"; } .iconguizeyinqing2:before { content: "\e60d"; } .iconanquan:before { content: "\e637"; } .iconzhongjianren:before { content: "\e7c9"; } .iconshouqi:before { content: "\e7d3"; } .iconzhankai:before { content: "\e7d4"; } .iconjiantou:before { content: "\e66b"; } .iconmoye:before { content: "\e60c"; } .iconshouye:before { content: "\e60b"; } .iconset1:before { content: "\e7bc"; } .iconcopy:before { content: "\e6f3"; } .iconjinru:before { content: "\e61a"; } .iconsaoba1:before { content: "\e62f"; } .iconsaoba:before { content: "\e669"; } .iconwenhao:before { content: "\e67f"; } .iconshangsheng:before { content: "\e60a"; } .iconxiajiang:before { content: "\e627"; } .iconHUB:before { content: "\e640"; } .iconicon-test:before { content: "\e606"; } .iconziyuan:before { content: "\e612"; } .iconFOTA:before { content: "\e615"; } .iconphython:before { content: "\e66a"; } .iconbanzhu:before { content: "\e607"; } .iconchanpinwumoxing:before { content: "\e648"; } .icondingwei:before { content: "\e608"; } .iconshoucang1:before { content: "\e605"; } .iconshoucang:before { content: "\e620"; } .icontel:before { content: "\e7cc"; } .iconIOT:before { content: "\e7bb"; } .iconhot:before { content: "\e696"; } .iconzuidahua:before { content: "\e603"; } .iconzuixiaohua:before { content: "\e604"; } .iconstore:before { content: "\e77f"; } .iconupload:before { content: "\e771"; } .iconSOTAshengji:before { content: "\e617"; } .iconhub:before { content: "\e6d1"; } .iconjijun:before { content: "\e65f"; } .iconguanjun:before { content: "\e891"; } .iconyajun:before { content: "\e64a"; } .iconQQ:before { content: "\e6ea"; } .iconlianwangmozu:before { content: "\eb72"; } .iconf-location:before { content: "\e76a"; } .icon5G:before { content: "\e611"; } .iconID-dianjihou:before { content: "\e614"; } .icontrade-assurance-fill:before { content: "\e7a6"; } .iconicon-gray:before { content: "\e601"; } .icontouxiangnv:before { content: "\e602"; } .icontouxiang-yonghu:before { content: "\e610"; } .iconwen:before { content: "\e68e"; } .icongou:before { content: "\e628"; } .iconchuangkouzuixiaohua:before { content: "\e63c"; } .iconchuangkouzuidahua:before { content: "\e760"; } .iconvip-fill:before { content: "\e79d"; } .icongood:before { content: "\e75d"; } .iconcomments-fill:before { content: "\e7a9"; } .iconcha:before { content: "\e609"; } .iconpencil:before { content: "\e600"; } .iconicon:before { content: "\e6e3"; } .iconxieti:before { content: "\e630"; } .iconic_menu_px:before { content: "\e6f5"; } .iconauto:before { content: "\e6eb"; } .iconbussiness-man:before { content: "\e6f1"; } .icondollar:before { content: "\e6f4"; } .iconhistory:before { content: "\e6f8"; } .icondata:before { content: "\e6fa"; } .iconsimilar-product:before { content: "\e707"; } .iconfavorites-fill:before { content: "\e721"; } .iconatm:before { content: "\e74b"; } .iconbad:before { content: "\e74c"; } .iconattachent:before { content: "\e74e"; } .iconbrowse:before { content: "\e750"; } .iconcart-full:before { content: "\e753"; } .iconcalculator:before { content: "\e755"; } .iconcategory:before { content: "\e756"; } .iconconfirm:before { content: "\e757"; } .iconcompany:before { content: "\e758"; } .iconcredit-level:before { content: "\e759"; } .icondefault-template:before { content: "\e75c"; } .iconelectronics:before { content: "\e75e"; } .iconinquiry-template:before { content: "\e761"; } .iconmessagecenter:before { content: "\e763"; } .iconmobile-phone:before { content: "\e764"; } .iconpassword:before { content: "\e765"; } .iconpackaging:before { content: "\e766"; } .iconphone:before { content: "\e767"; } .iconpin:before { content: "\e768"; } .iconproduct1:before { content: "\e769"; } .iconrising:before { content: "\e76b"; } .iconRightarrow:before { content: "\e76d"; } .iconRFQ-logo:before { content: "\e76e"; } .iconsave:before { content: "\e76f"; } .iconscanning:before { content: "\e770"; } .iconseleted:before { content: "\e772"; } .iconsound-filling:before { content: "\e775"; } .iconsuggest:before { content: "\e778"; } .iconstop:before { content: "\e77a"; } .iconswitch:before { content: "\e77b"; } .icontemplate:before { content: "\e77d"; } .iconwallet:before { content: "\e780"; } .iconadd-account:before { content: "\e781"; } .iconadd-fill:before { content: "\e783"; } .iconashbin-fill:before { content: "\e785"; } .iconcalendar-fill:before { content: "\e786"; } .iconbad-fill:before { content: "\e787"; } .iconcredit-level-fill:before { content: "\e78b"; } .iconCurrencyConverter-fill:before { content: "\e78c"; } .iconCustomermanagement-fill:before { content: "\e78f"; } .icondiscounts-fill:before { content: "\e790"; } .iconfolder-fill:before { content: "\e791"; } .iconfeeds-fill:before { content: "\e792"; } .iconform-fill:before { content: "\e793"; } .iconcamera-fill:before { content: "\e794"; } .icongood-fill:before { content: "\e795"; } .iconimage-text-fill:before { content: "\e796"; } .iconinspection-fill:before { content: "\e797"; } .iconhot-fill:before { content: "\e799"; } .iconcompany-fill:before { content: "\e79a"; } .icondiscount-fill:before { content: "\e79b"; } .iconleftbutton-fill:before { content: "\e79c"; } .iconhelp1:before { content: "\e79e"; } .iconoffice-supplies-fill:before { content: "\e79f"; } .iconnotice-fill:before { content: "\e7a0"; } .iconorder-fill:before { content: "\e7a1"; } .iconpassword1:before { content: "\e7a2"; } .iconmap:before { content: "\e7a3"; } .iconphone-fill:before { content: "\e7a4"; } .iconproduct-fill:before { content: "\e7a5"; } .iconreeor-fill:before { content: "\e7a7"; } .iconpic-fill:before { content: "\e7a8"; } .iconresonserate-fill:before { content: "\e7ab"; } .iconremind-fill:before { content: "\e7ad"; } .iconRightbutton-fill:before { content: "\e7af"; } .iconRFQ-logo-fill:before { content: "\e7b2"; } .iconsecurity-fill:before { content: "\e7b4"; } .iconSimilarproducts-fill:before { content: "\e7b5"; } .iconunlock-fill:before { content: "\e7b6"; } .iconTop-fill:before { content: "\e7b7"; } .iconviewlarger:before { content: "\e7b8"; } .iconwarehouse-fill:before { content: "\e7b9"; } .iconsendinquiry-fill:before { content: "\e7ba"; } .iconarrow-down:before { content: "\e7bf"; } .iconaccount:before { content: "\e7c0"; } .iconcomments:before { content: "\e7c1"; } .iconcart-Empty:before { content: "\e7c2"; } .iconfavorites:before { content: "\e7c3"; } .iconorder:before { content: "\e7c4"; } .icontrade-assurance:before { content: "\e7c6"; } .iconusercenter1:before { content: "\e7c7"; } .icontradingdata:before { content: "\e7c8"; } .iconsearch:before { content: "\e7b3"; } .iconhelp:before { content: "\e752"; } .iconoffice-supplies:before { content: "\e75b"; } .iconusercenter:before { content: "\e774"; } .iconset:before { content: "\e76c"; } .iconall:before { content: "\e6ef"; } .iconeditor:before { content: "\e6f6"; } .iconintegral:before { content: "\e6f9"; } .iconNotvisible:before { content: "\e6fe"; } .iconall-fill:before { content: "\e718"; } .iconintegral-fill:before { content: "\e726"; } .iconprompt-fill:before { content: "\e730"; } .iconarrow-right:before { content: "\e743"; } .iconarrow-lift:before { content: "\e744"; } .iconall1:before { content: "\e745"; } .iconarrow-up:before { content: "\e746"; } .iconashbin:before { content: "\e747"; } .iconcalendar:before { content: "\e748"; } .iconeditor1:before { content: "\e74d"; } .iconemail:before { content: "\e74f"; } .iconintegral1:before { content: "\e754"; } .iconNotvisible1:before { content: "\e75a"; } .iconremind:before { content: "\e75f"; } .iconsecurity:before { content: "\e762"; } .iconunlock:before { content: "\e773"; } .iconcontacts-fill:before { content: "\e776"; } .iconall-fill1:before { content: "\e777"; } .iconbussiness-man-fill:before { content: "\e779"; } .icondefault-template-fill:before { content: "\e77c"; } .iconemail-fill:before { content: "\e77e"; } .iconintegral-fill1:before { content: "\e782"; } .iconreduce-fill:before { content: "\e788"; } .iconproduct:before { content: "\e789"; } .iconstore-fill:before { content: "\e78d"; } .icontemplate-fill:before { content: "\e78e"; } .iconExportservices-fill:before { content: "\e798"; } .iconaccount-fill:before { content: "\e7aa"; } .iconfeed-logo-fill:before { content: "\e7ac"; } .iconhome-fill:before { content: "\e7ae"; } .iconadd-select:before { content: "\e7b0"; } .iconsami-select:before { content: "\e7b1"; } @charset "UTF-8"; @font-face { font-family: 'Raleway-Bold'; src: url(../fonts/raleway-bold-webfont.woff2) format('woff2'), url(../fonts/raleway-bold-webfont.woff) format('woff'); } @font-face { font-family: 'NotoSans-Regular'; src: url(../fonts/notosans-regular-webfont.woff2) format('woff2'), url(../fonts/notosans-regular-webfont.woff) format('woff'); font-weight: normal; font-style: normal; } .NotoSans_font { font-family: 'NotoSans-Regular', sans-serif; } @font-face { font-family: 'Kanit-Regular'; src: url(../fonts/Kanit-Regular.ttf) format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN-Alternate-Bold'; src: url(../fonts/DIN-Alternate-Bold.ttf) format('truetype'); } @charset "UTF-8"; /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ .el-dialog { top: 50%; transform: translateY(-50%); margin-top: 0 !important; } .el-dialog__header { padding: 18px 24px 18px; background-color: #fafafc; } .el-dialog__title { font-size: 16px; font-weight: bold; } .el-dialog__headerbtn .el-dialog__close { color: #424242; font-weight: bold; } .el-dialog__footer { text-align: left; padding: 0; } .el-input__inner { line-height: 36px; height: 36px; border-radius: 2px; } .el-dialog__body { padding: 24px 24px 0 24px; word-break: break-word; max-height: 560px; overflow-y: auto; } .el-textarea__inner { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; } .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 { border-color: var(--q-color-brand); } .el-form-item__error { padding-top: 6px; } .el-input.is-active .el-input__inner, .el-input__inner:focus, .el-textarea__inner:focus, .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 { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } .el-dropdown { 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 { color: #231815; } .el-breadcrumb__inner { color: var(--q-color-text-placeholder); } .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { font-weight: normal; color: var(--q-color-text-placeholder); } .el-table { border-radius: 4px; font-size: unset; } .el-table td, .el-table th { border-bottom: 1px solid #e0e0e0; padding: 12px 10px; } .el-table th { background-color: #fafafc; } .el-table thead { color: #353535; } .el-button { height: 36px; font-size: 14px; border-radius: 3px; padding-top: 0; padding-bottom: 0; } .el-button--primary { background: var(--q-color-primary); border: 1px solid var(--q-color-primary); color: #ffffff; } .el-button--primary.active, .el-button--primary:active, .el-button--primary:focus, .el-button--primary:hover { border-color: var(--q-color-primary-hover); background-color: var(--q-color-primary-hover); } .el-button--text { color: var(--q-color-primary); font-size: 14px; height: auto !important; } .el-button--text.active, .el-button--text:active, .el-button--text:focus, .el-button--text:hover { color: var(--q-color-primary-hover); } .el-button--primary.is-plain { color: var(--q-color-primary); background: var(--q-color-primary-plain); border: 0; } .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { background: var(--q-color-primary); border-color: var(--q-color-primary); color: #FFFFFF; } .el-table .cell { font-size: 13px; } .el-table .cell .el-button--text { padding: 0; } .el-radio__input.is-checked .el-radio__inner { border-color: var(--q-color-primary); background: var(--q-color-primary); } .el-radio__inner:hover, .el-radio-button__orig-radio:checked + .el-radio-button__inner { border-color: var(--q-color-primary); } .el-radio-button__inner:hover { color: var(--q-color-primary); } .el-radio-button__orig-radio:checked + .el-radio-button__inner { box-shadow: -1px 0 0 0 var(--q-color-primary); } .el-tabs__item { font-size: 15px; } .el-tabs__nav-wrap::after { height: 1px; } .el-tabs__item.is-active, .el-tabs__item:hover { color: var(--q-color-primary-hover); } .el-tabs__active-bar { background: var(--q-color-primary); } .el-date-editor .el-range-separator { width: 10%; } .el-form-item__error { padding-top: 6px; } .el-button + .el-button { margin-left: 10px; } [v-cloak] { display: none; } .el-tree-node__content:hover, .el-tree-node:focus > .el-tree-node__content, .el-tree-node.is-current > .el-tree-node__content { background-color: var(--q-color-brand); } .el-icon-arrow-down { font-size: 12px; } .el-breadcrumb { font-size: 12px; } .el-message-box__message p { word-wrap: break-word; word-break: normal; } .popClass[x-placement^=left] { background: #303133; color: #ffffff; } .popClass[x-placement^=left] .popper__arrow::after, .popClass[x-placement^=left] .popper__arrow { border-left-color: #303133; } .el-picker-panel.el-date-range-picker .available div > span { text-align: center; } .el-popper p, .el-popper b, .el-popper span { word-wrap: break-word; word-break: normal; text-align: start; } .el-popper .el-select-dropdown__empty { text-align: center !important; } .el-popper[x-placement^=bottom] { max-width: 580px; } .el-select-dropdown__item { overflow: visible; } .el-tooltip__popper.is-dark { max-width: 660px; } .dialog-width .el-dialog { min-width: 1280px; } .el-pagination span:not([class*=suffix]), .el-pagination button, .el-pager li { font-size: 13px; } .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 360px; } .el-textarea .el-input__count { right: 1px; bottom: 1px; height: 20px; line-height: 20px; padding: 0 5px; background: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #ffffff; } .el-pager li { height: 26px; font-weight: normal; } .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li { min-width: 26px; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: var(--q-color-primary); } .el-pagination button:hover { color: var(--q-color-primary-hover); } .en .el-form-item { margin-bottom: 18px; } .el-form--label-top .el-form-item__label { padding-bottom: 0; line-height: 26px; } .el-select { width: 100%; } .el-submenu__icon-arrow { right: 0; margin-top: -5px; } .menu-item-icon .el-submenu__icon-arrow { right: 40px; margin-top: -5px; } .drawer-width .el-drawer { width: 554px !important; } .drawer-width .el-drawer__header { border-bottom: none; padding: 20px 24px; } .drawer-width .drawerBtnClose .el-button { font-size: 12px !important; } .drawer-width .drawerBtnClose .dmp-btn.white { color: #707C96 !important; } .stand-func-dialog .el-drawer { width: 680px !important; } .el-drawer__header { border-bottom: 1px solid #d9d9d9; padding: 20px 30px; margin-bottom: 18px; } .el-drawer__header span { font-size: 16px; font-weight: bold; color: #303133; } .tslErrDialog .el-dialog__body { max-height: 520px !important; overflow-y: auto !important; } .el-input__icon { font-size: 18px; line-height: 36px; } .el-form-item__content { line-height: normal; } .el-input-number__increase, .el-input-number__decrease { width: 34px; height: 33px; top: 2px; line-height: 36px; } .page-wrap .el-button { height: 28px; } .el-table .cell .el-button--text { height: auto; } .el-pagination .btn-next { padding: 0 5px; } .notifyDoc.right { right: 35px !important; } .el-descriptions .is-bordered { table-layout: fixed; } .el-descriptions-item__label.is-bordered-label { color: #231815; background: #f5f6fa; } .el-descriptions-item__label.is-bordered-label .horizontal-table-th { min-width: 200px; } .horizontal-table-td { background: #ffffff; color: #231815; padding: 5px 10px; min-width: 320px; word-break: break-all; } .el-date-table td span { text-align: center !important; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--q-color-primary); border-color: var(--q-color-primary); } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: var(--q-color-primary); } .el-checkbox__input.is-checked + .el-checkbox__label { color: var(--q-color-primary); } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: var(--q-color-primary); border-color: var(--q-color-primary); } .el-cascader__dropdown { max-width: 580px; } .el-range-editor.is-active:hover, .el-range-editor.is-active, .el-input__inner:focus, .el-select .el-input__inner:focus, .el-pagination__sizes .el-input .el-input__inner:hover, .el-select .el-input.is-focus .el-input__inner, .el-textarea__inner:focus { border-color: var(--q-color-primary-hover); } .el-select-dropdown__item.selected { color: var(--q-color-primary); } .el-step__head.is-finish { color: var(--q-color-primary); border-color: var(--q-color-primary); } .el-date-table td.start-date span, .el-date-table td.end-date span { background-color: var(--q-color-primary); } .el-date-table td.available:hover, .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover, .el-picker-panel__icon-btn:hover, .el-date-table td.today span { color: var(--q-color-primary-hover); } .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active, .el-link.el-link--primary { color: var(--q-color-primary); } .el-link.el-link--primary:hover { color: var(--q-color-primary-hover); } .el-radio.is-bordered.is-checked, .el-cascader .el-input.is-focus .el-input__inner, .el-checkbox__inner:hover { border-color: var(--q-color-primary); } .el-menu-item:hover, .el-menu-item:focus, .el-submenu__title:hover, .el-menu-item.is-active { background-color: var(--q-color-primary-tip); } .el-input-number__increase:hover, .el-input-number__decrease:hover, .el-pager li:not(.disabled):hover, .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close, .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: var(--q-color-primary); } .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus { background-color: var(--q-color-primary-tip); color: var(--q-color-primary); } .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: var(--q-color-primary); } .el-switch__label.is-active { color: var(--q-color-primary); } .q-admin-dialog-layout__cancel button { background-color: #fff !important; border-color: var(--q-color-border) !important; color: var(--q-color-text-secondary) !important; } .q-admin-dialog-layout__cancel button.active, .q-admin-dialog-layout__cancel button:active, .q-admin-dialog-layout__cancel button:focus, .q-admin-dialog-layout__cancel button:hover { color: var(--q-color-primary) !important; border-color: var(--q-color-primary) !important; } .q-admin-dialog-layout__confirm button { background-color: var(--q-color-brand) !important; border-color: var(--q-color-brand) !important; } .q-admin-dialog-layout__confirm button.active, .q-admin-dialog-layout__confirm button:active, .q-admin-dialog-layout__confirm button:focus, .q-admin-dialog-layout__confirm button:hover { border-color: var(--q-color-brand-hover) !important; background-color: var(--q-color-brand-hover) !important; } .el-step__title.is-finish { color: var(--q-color-primary); } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: var(--q-color-primary-tip); } .el-radio__input.is-checked + .el-radio__label { color: var(--q-color-primary); } .custom_card { cursor: pointer; } .custom_card .el-card__body { position: relative; } .custom_card_wrap { display: flex; justify-content: center; gap: 53px; color: #000; } .custom_card_main { text-align: center; font-size: 14px; } .custom_card .select_btn_box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 16px; opacity: 0; } .custom_card .select_btn_box .el-button { padding: 0 25px; height: 32px; background-color: rgb(69, 84, 216); } .hover-effect:hover { background-color: rgb(238, 242, 254); } .hover-effect:hover .el-card__body .select_btn_box { opacity: 1; } .custom_radio { display: flex; } .custom_radio .el-radio-button { margin-right: 12px; margin-bottom: 20px; } .custom_radio .el-radio-button__inner { max-width: 430px; height: 100%; padding: 9px 16px; background-color: transparent; border-left: 1px solid #DCDFE6; color: #000; white-space: wrap; } .custom_radio .el-radio-button__inner .tit { text-align: left; line-height: 17px; margin-bottom: 8px; } .custom_radio .el-radio-button__inner .desc { text-align: left; font-size: 12px; line-height: 17px; color: #888888; margin-left: 0; } .custom_popper { background: #142032; border: 1px solid #142032; color: #fff; } .custom_popper .el-popover__title { line-height: 20px; color: #fff; margin-bottom: 16px; } .custom_popper .popper__arrow { border-bottom-color: #142032; } .custom_popper .popper__arrow::after { border-bottom-color: #142032 !important; } .other_config { padding: 24px 24px 2px; background-color: rgb(249, 250, 253); color: #000; } .other_config_wrap { height: 100%; } .other_config_wrap .el-scrollbar__wrap { overflow: hidden; overflow-y: scroll; } .other_config_header { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; } .other_config_header .label { margin-bottom: 8px; gap: 12px; } .other_config_header .label span { font-size: 16px; font-weight: 600; line-height: 22px; } .other_config_header .flex_box { display: flex; align-items: center; } .other_config_header .flex_box svg { cursor: pointer; margin-right: 4px; } .other_config_header .desc { font-size: 12px; line-height: 17px; color: #999999; } .other_config_item { margin-top: 10px; } .other_config_item_label { font-size: 14px; line-height: 20px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; color: #000; } .custom-step .el-step__title { line-height: 1.5; cursor: pointer; } .custom-step .el-step__icon.is-text { border: 0; } .disabled-element { cursor: not-allowed; } .v-modal { opacity: 0.3; } .custom_popper .el-popover__title { font-size: 14px !important; font-weight: bold !important; } .custom-dialog { box-shadow: none; } .custom-dialog .el-dialog__header { background-color: transparent; padding: 19px 24px; } .custom-dialog .el-dialog__header .el-dialog__title, .custom-dialog .el-dialog__header .dialog-title { color: #333; } .custom-dialog .el-dialog__header .title-text { font-size: 16px; font-weight: 500; color: #333; } .custom-dialog .el-dialog__header .dialog-header-tip { font-size: 12px; line-height: 17px; color: #888; margin-top: 4px; } .custom-dialog .el-dialog__body { max-height: 508px; padding: 8px 24px 6px; } .custom-dialog .el-dialog__footer .dialog-footer { padding: 16px 24px 24px !important; } .custom-dialog .icontishi { color: #707c96; font-size: 16px; } .custom-drawer .el-drawer__close-btn .el-dialog__close.el-icon.el-icon-close, .custom-drawer .succ-dialog .el-dialog__close.el-icon.el-icon-close { display: none; } .custom-drawer .el-drawer__header { border-bottom: none !important; padding: 24px 24px 12px; margin-bottom: 0; } .custom-drawer .el-drawer__header span { color: #333; } .custom-dialog .el-form-item, .custom-drawer .el-form-item { font-size: 12px; } .custom-dialog .el-form-item__content, .custom-drawer .el-form-item__content { font-size: 12px; } .custom-dialog .el-form-item__content .form-label, .custom-drawer .el-form-item__content .form-label { color: #333; line-height: 17px; margin-bottom: 4px; display: flex; align-items: center; gap: 3px; } .custom-dialog .el-form-item__content .form-label .icon-box .icontishi, .custom-drawer .el-form-item__content .form-label .icon-box .icontishi { color: #707c96; font-size: 16px; } .custom-dialog .el-form-item__content .el-radio, .custom-drawer .el-form-item__content .el-radio { line-height: 30px; } .custom-dialog .el-form-item__content .el-input-number__increase, .custom-dialog .el-form-item__content .el-input-number__decrease, .custom-drawer .el-form-item__content .el-input-number__increase, .custom-drawer .el-form-item__content .el-input-number__decrease { top: 3px; } .custom-dialog .el-button, .custom-drawer .el-button { font-size: 12px; } .custom-dialog .dmp-btn.white, .custom-dialog .el-button--default, .custom-drawer .dmp-btn.white, .custom-drawer .el-button--default { color: #707C96 !important; } .addproject font { font-size: 20px; } .delproject { text-align: right !important; } .delproject font { font-size: 20px; line-height: 36px; color: #D20030; } .adminnew .search-btn-inner, .talls .search-btn-inner { display: flex; align-items: center; font-size: 12px; } .adminnew .iconsousuo, .talls .iconsousuo { font-size: 16px; margin-right: 5px; margin-bottom: 2px; } .adminnew .iconzhongzhi, .talls .iconzhongzhi { font-size: 14px; margin-right: 5px; } .config-list-item { display: flex; gap: 12px; border: 1px solid #d9d9d9; padding: 16px; margin-top: 16px; position: relative; cursor: pointer; } .config-list-item .content { flex: 1; font-size: 12px; color: #999; } .config-list-item-title { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 8px; } .config-list-item .checked { position: absolute; top: 16px; right: 16px; } .config-list-item .iconxuanzhong { font-size: 20px; color: #12d59a; } .config-list .actived { border-color: #12d59a; } .config-list .actived .config-list-item-title { color: #12d59a; } .reset-btn { font-size: 12px; color: #707C96; } .mini-table .el-form-item__label, .mini-table .el-form-item__content, .mini-table .el-input__inner, .mini-table .el-select__dropdown, .mini-table .el-select__item, .mini-table .el-radio__label, .mini-table .el-checkbox__label, .custom-dialog .el-form-item__label, .custom-dialog .el-form-item__content, .custom-dialog .el-input__inner, .custom-dialog .el-select__dropdown, .custom-dialog .el-select__item, .custom-dialog .el-radio__label, .custom-dialog .el-checkbox__label, .custom-drawer .el-form-item__label, .custom-drawer .el-form-item__content, .custom-drawer .el-input__inner, .custom-drawer .el-select__dropdown, .custom-drawer .el-select__item, .custom-drawer .el-radio__label, .custom-drawer .el-checkbox__label { font-size: 12px; color: #333; } .mini-table .el-radio, .custom-dialog .el-radio, .custom-drawer .el-radio { color: #333; } .mini-table .el-input__inner::-moz-placeholder, .mini-table .el-textarea__inner::-moz-placeholder, .custom-dialog .el-input__inner::-moz-placeholder, .custom-dialog .el-textarea__inner::-moz-placeholder, .custom-drawer .el-input__inner::-moz-placeholder, .custom-drawer .el-textarea__inner::-moz-placeholder { font-size: 12px; color: #999999; } .mini-table .el-input__inner::placeholder, .mini-table .el-textarea__inner::placeholder, .custom-dialog .el-input__inner::placeholder, .custom-dialog .el-textarea__inner::placeholder, .custom-drawer .el-input__inner::placeholder, .custom-drawer .el-textarea__inner::placeholder { font-size: 12px; color: #999999; } .mini-table .el-input__inner, .mini-table .el-textarea__inner, .custom-dialog .el-input__inner, .custom-dialog .el-textarea__inner, .custom-drawer .el-input__inner, .custom-drawer .el-textarea__inner { border-color: #d1d9ec; } .mini-table .el-input__prefix, .custom-dialog .el-input__prefix, .custom-drawer .el-input__prefix { color: #999; } .mini-table .el-table, .custom-dialog .el-table, .custom-drawer .el-table { font-size: 12px; } .mini-table .el-table__cell, .custom-dialog .el-table__cell, .custom-drawer .el-table__cell { padding: 7px 0; } .mini-table .el-table th.el-table__cell.is-leaf, .mini-table .el-table td.el-table__cell, .custom-dialog .el-table th.el-table__cell.is-leaf, .custom-dialog .el-table td.el-table__cell, .custom-drawer .el-table th.el-table__cell.is-leaf, .custom-drawer .el-table td.el-table__cell { border-color: #F3F5F9; } .mini-table .el-table th, .mini-table .el-table td, .custom-dialog .el-table th, .custom-dialog .el-table td, .custom-drawer .el-table th, .custom-drawer .el-table td { color: #333 !important; } .mini-table .el-table th .cell, .mini-table .el-table td .cell, .custom-dialog .el-table th .cell, .custom-dialog .el-table td .cell, .custom-drawer .el-table th .cell, .custom-drawer .el-table td .cell { font-size: 12px; } .mini-table .el-table .cell .el-tooltip, .custom-dialog .el-table .cell .el-tooltip, .custom-drawer .el-table .cell .el-tooltip { font-size: 12px; } .mini-table .dmp-btn.white, .custom-dialog .dmp-btn.white, .custom-drawer .dmp-btn.white { color: #707C96 !important; } .mini-table .el-popover, .custom-dialog .el-popover, .custom-drawer .el-popover { font-size: 12px; } .mini-select-option { font-size: 12px; color: #333; } .el-message-box__headerbtn .el-message-box__close { color: #707C96; font-weight: bold; } .dmp-btn.white:hover span { color: #4554D8; } .dmp-btn.white:hover span .iconfont { color: #4554D8; } .el-button--default.active, .el-button--default:active, .el-button--default:focus, .el-button--default:hover { color: #4554D8; border-color: #4554D8; background: rgba(69, 84, 216, 0.1); } .el-button--default.active .iconfont, .el-button--default:active .iconfont, .el-button--default:focus .iconfont, .el-button--default:hover .iconfont { color: #4554D8; } .custom-tooltip.el-tooltip__popper.is-dark { max-width: 258px; word-break: break-all; line-height: 17px; } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ .log-title { font-size: 16px; line-height: 32px; margin-top: 20px; } .log-body { width: 100%; background-color: #fbfbfb; color: var(--q-color-text-secondary); padding: 25px; border-radius: 4px; border: 1px solid #eee; line-height: 22px; } .layui-code { position: relative; margin: 10px 0; padding: 15px; margin-bottom: 38px; margin-top: 0; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #f2f2f2; color: var(--q-color-text-primary); font-family: Courier New; font-size: 12px; } .layui-table { width: 100%; margin-bottom: 35px; background-color: #fff; color: var(--q-color-text-secondary); border-radius: 2px; } .layui-table th { font-size: 14px; font-weight: 700; text-align: left; color: #1a1a1a; background: #eef1f6; white-space: nowrap !important; } .layui-table { border-left: 1px solid #ebeef5 !important; border-top: 1px solid #ebeef5 !important; } .layui-table td, .layui-table th { position: static !important; padding: 10px; min-height: 20px; line-height: 20px; font-size: 14px; border-right: 1px solid #ebeef5 !important; border-bottom: 1px solid #ebeef5 !important; } table { border-spacing: 0; } .mainContent { width: 896px; overflow: hidden; } .doc-item { display: none; } .doc-item.cur { display: block; } .doc-title { line-height: 66px; border-bottom: 2px solid #ebeef5; } .step-name { font-size: 26px; font-weight: bold; } .doc-link { color: #4b79b8; font-size: 16px; } .doc-email.doc-link { font-size: 26px; } .doc-link:hover { text-decoration: underline; color: #4b79b8; } .step-word { font-size: 16px; color: var(--q-color-text-secondary) !important; line-height: 1.8; margin: 0 0 18px; } .step-word p { line-height: 26px; font-size: 14px; color: var(--q-color-text-secondary); margin-bottom: 0; } .doc-body { padding: 40px 0; } .doc-img-noclick { max-width: 100%; margin: 40px 0; } .doc-img { max-width: 98%; margin: 0 0 40px; cursor: pointer; } .doc-body .doc-img { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); } .mTop0 { margin-top: 0 !important; } .sm-title, .step-title { color: var(--q-color-text-primary); font-weight: 600; } .sm-title { font-size: 22px; margin: 40px 0 10px; } .rn-title { font-size: 22px; color: var(--q-color-text-primary); margin: 0 0 10px; font-weight: 600; } .cloudDevSuite .service_ul li, .getstart .service_ul li, .layui-table[lay-size=lg] td, .layui-table td, .locator .service_ul li, .release_con .service_ul li, .release_con p { color: var(--q-color-text-secondary); } .service_ul li { line-height: 28px; font-size: 14px; list-style: disc; list-style-position: inside; text-indent: -20px; } .service_ul { padding: 5px 0 5px 20px; } .release_con ul { padding-left: 30px; } .docFaq .faq { padding-top: 20px; font-size: 14px; color: var(--q-color-text-primary); line-height: 1.5; } .docFaq .faq .answer { padding-left: 15px; } .contact-wrap { width: 896px; background-color: #f5f5f5; padding: 20px 25px; } .contact-wrap p { font-size: 26px; line-height: 24px; } .contact-wrap p img { position: relative; top: 3px; margin-right: 10px; } .release_con p { color: var(--q-color-text-primary); font-size: 15px; padding: 10px 0 3px; } .doc-body time { color: var(--q-color-text-placeholder); font-size: 12px; } .clearfix { zoom: 1; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; font-size: 0; } .fl { float: left !important; } .fr { float: right !important; } .doc_video span, .download-link span { display: block; font-size: 16px; color: #fff; cursor: pointer; background: #4b79b8; margin-top: 16px; line-height: 28px; padding: 6px 12px; border-radius: 4px; } .text-indent { text-indent: 2em; } code, kbd, pre, samp { font-family: courier new, courier, monospace; } .layui-form .layui-table tr th:nth-of-type(2) { width: 300px; } * { margin: 0; padding: 0; box-sizing: border-box; } *:focus { outline: none; } .f_left { float: left; } .f_right { float: right; } .clearfix { zoom: 1; } .clearfix::after { clear: both; line-height: 0; /**/ /*行高为0；*/ height: 0; /**/ /*高度为0；*/ font-size: 0; /**/ /*字体大小为0；*/ } .el-table__empty-text { line-height: 24px; } .clearFloat:after { content: "."; /**/ /*内容为“.”就是一个英文的句号而已。也可以不写。*/ display: block; /**/ /*加入的这个元素转换为块级元素。*/ clear: both; /**/ /*清除左右两边浮动。*/ visibility: hidden; /**/ /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/ line-height: 0; /**/ /*行高为0；*/ height: 0; /**/ /*高度为0；*/ font-size: 0; /**/ /*字体大小为0；*/ } .clearFloat { *zoom: 1; } [v-cloak] { display: none !important; } ul, ol, li { list-style: none; } i, em { font-style: normal; } img, button { border: none; outline: none; } .text_left { text-align: left; } .text_right { text-align: right; } .text_center { text-align: center; } html, body, #app { width: 100%; height: 100%; box-sizing: border-box; } a { text-decoration: none; transition: all 0.5s ease; color: var(--q-color-primary); cursor: pointer; } body { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: #231815; font-size: 14px; overflow-x: auto; background: #f5f6fa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .img_auto { width: 100%; height: auto; } [v-cloak] { display: none !important; } .img_height { width: 100%; height: 100%; } input::-ms-clear { display: none; } input::-ms-reveal { display: none; } .userCon { height: 100%; display: flex; flex-direction: column; align-items: center; background-image: url(../img/loginbg.jpg); } .uploadFileBtn { padding: 0 30px; font-size: 14px; background: #f6f5f5; color: #353535; border: 1px solid #d7d7d7; } .uploadFileBtn:hover, .uploadFileBtn:active, .uploadFileBtn:focus { border: 1px solid var(--q-color-primary); background: var(--q-color-primary-tip); color: #353535; } .noDeviceNote { padding: 40px 0; } .noDeviceNote img { width: 130px; } .crumbIcon { font-size: 18px; vertical-align: middle; color: #82838e; margin-top: -3px; display: inline-block; margin-left: -2px; } .card { padding: 6px 20px 10px 20px; background: #ffffff; } .card-head { line-height: 50px; border-bottom: 1px solid #f5f6fa; } .card-head .sm-title { font-size: 14px; color: #82838e; padding-left: 10px; font-weight: normal; } .card-body { padding: 15px 0; } .card-title { font-size: 18px; color: #1d2836; font-weight: bold; } .vLoad { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABPCAYAAAB4ZJLeAAAACXBIWXMAAAtcAAALXAGJdXdrAAAJAUlEQVR42u1cX2wT9x3/fL+NAv0DvhZoCpTGk/ayTVo8TdrDXnJI27S3Gu2hjDFsVtgKgcZBGg2qRJxA1w1tqgOCbEIkTljaiT3EPO0RW2qlqZrUC9K0vUyzQyijUeHM2ICK8d3D3dn3z45Nk+bs3Fc6AcG+3H3u8/33+X1/RyKCoNmXf3dDJVCMBWCB9rcDL+QRcKMgAfml8zfiLMiwULcJIlgIJCgxkLra15ULKpAcIBAzJJghQTcJQAIQCASAgG4SmvnGmU8yISPrWPT8jTgBMxYDXWyE4+fA9r+8/nzgXL0jEE8TSLtBtNjIABhk/gmQUBqAutg5v//LWzEWxAiksEBjgXb5zWf1lmHkU+9eU1gQY4F+Z/c2rQE2Kiy4bQeSYAfVDq7x7w/7N1Gt833vV7fiJMiwoJvhZDcLJlmQ+uNxRQ9sjFzz3lzsyXfn8iS4TYIrJPTRs1Pz+nNT8+lF2Bgz4mAlHlZcuhorneB++50FX0Z+99StLAEzBHQTbN83zwcgAVD+leGyEkggO9+bixPwEYF6rZs2LUKCoU3Z61rXxHXfi2eB7gDO5dJVQOzgkodR3zn1aYoECXgTle1BACzoYUE+cEB2/mFOYSDrcMFqYrDiWw8Dvsz8x083awDKlRu2sQguRprMLX9wZKPmAlFhobQjproSlgvcnh8N3UkGCkgSpEgQIXG4qwmK6VLG0b/1wse1WJlz3LTFIOuwYqdx+NWScZP9jpDgvB4Ho8GCgAEJqBV39Lgg3Jk3VvNhgMruB+CKbzA/k/I+CIr6sM5VSlUTlnn0BgpIFs+Trhvf/OzvB17QSaBCUPJLMuZDKrFAff/IRt3nYVZ/p/jEVFvUXuxaVjTZuIO66cq+mbeW/fVgl8ZAjEHDDMxy9aZnSTBMQrH3XbHRxmgbaz0x1VvUC8CgcqAKcjO+9ZItvtkLaOvvJCiX9m2pmy2v9nXpMJJSusk4rZG3ZnS7sgNcLHHmXopkkyWhUuWiXa6Oanxbtj75T8eey1ElLJDNbWu5OsBAJlBA/nv3Nt3MmmXycWcj62KytG9zGstoBCR9aka4OybT1S9fOLluSRm5ZC3ihql5hYVSLEiyoNtMPJdZkJ3bt+ULkb92nNSTJJgwY6C3rjVALbAgfuGtdY6kdeiN/5itLcWMJgHFX//mqfwXDmRQ7Acn9CgLpVmQcMXLEoPSEyfWZe2fPzh41/F5V6wtsyDz9jtPplcdkHbblS6rJpDa1Mh6T9l0YPBujIXyDER8mGvP8LMsUEdG1+pNA0mXSioBKRa8bJ50loUy/921LdsOIL927G6MBXkWinjBq1Qa9p8Xhk+vVZtKNnSplARwhQQv27JgD4CJZ6av5dsBSHNJI+KoN121sCvb944cfpBsGEi6VIoCmHCcxNlu9UYuzqdbGcQDg3djJNQLf2XJIyjbsn2qGUam7YKBU5GpxJFUKwNp6AOo3YeLz2GqRr/o+0xpFMioodiYMpaL9pbOuGFyPtqyQAopbpdGfbHEDmqsMdcWfwnLT2dsYUZ6XNpKMA7BBT6LcQ3HSKDolsJ8dMbyQmJrsYUTjX8fbt2vrwJFlb6+QUZShlwu7aMzZlo8RuZQR3JjXzEYYMHsG2OdekNAPtz5ksbA3jo6Y2EhubWls/boqac1FhQcNaOLlZ7+3Pj/TFN15P0fvpQFsJ2Ayzbqz0IwsJDYqrZDHUlAisy1ItRQiODM4IWjY53ZVdkiLmZHj9yLMZBnQcS+LsTeVnGWBerPf9uph0DWsGMD96IsSLNQogJkRbgwRIvBc52rW7Roxo6/fl8hIMZCqimjaW+eXbN6ZbSVso4QAn97++BnKgviptBruXqegdzh8x1ayMhF7K2+BzEWyrCg114eOUcMUWCh5GvjTxRDIH3s5KEHhtAriDjWevwyOVBmgbp/4gnNt45ULs6rqxHEE4ceREmQt8ZvGlhejpBQbjzxSKnEyGemryksyJBZAmyYmrcWiZI3k63bUzfZf2ftanktSQ3OQYRuMtbgU/z09DXFeBJmHVWVk3pJoG0Z/1hZBS4ddY4k1u/DXdpDEgDYbJV64G2JDPqitQWKxmpAxF3ihHfkGvBqDwa4kYs/FpVZoPrMM5pfJpBAbX+39gq9Dle2LUG4Z5gssZeBmvOMVrDtXg0xspG1G7tLs1MMVpiEinXmGcGCwipINLY1bPdIYq1pt+pnIKQxC7KLzGu3f4yEMc3mP5JI8B+AdRBP49t7XsxDsLfGPONwcf/mXLsDeXSs05hmq10zeqcwquAWdk6j2AEAnyZezHZlr+cZSNq+nC3t27IqakiTlWkSaz3ft2Z0rN2g6rnpsEV02ej+h9nK8FXtabZK4mGh4Z3TBpAcwle1/vMdSQZG69SM9jxSATFkZA0b+8n/VLYNkJFnGx5ldk07l2VDIBex8cQj1QRR33ORtNp1aAjk0tSiIQQhkCGQ7Wh1F7++du6mQsYmdrBQUTv8fDGErElGfnXsZpyAIgNXGHSFgH9+8/QnmRCyJrL2V8b+FWUhzRrlcIidQgMf9m8KAW3EtVkoaarjfkOnSbSpaj6eeKSwIMVC2HOR0p/btRfZN93TxsJFlEBDhOY3xfvHSIFeZ9/0bLsCuXeSNWNLc/ObDXxj5NfP3lRYqGgtlLvUjx0fHNnY9hrlkjDyal+XTgKVBCWbq5cJNBCC+Ji99rdGF2IsUP6c2pQP4focQIYWtoghkCGQIZChLUuL+Li246QeM15fU3m16yQLpaaH1+shkI2DqBg78mHbTI4EATqwMtuSz736MENCGgP5n9nGlAPt2ubUWsRntjC5EiCeffVhlED9DEwsx2sOlw9IQKn1rp0VEiBU2wPNtYxrkyBvvk0v4pofXJGWkoRyhMrbAnLL//uWsLN5ZbictF66UdlGAYpPnFjXVLI5NnAvxYIkCSksyIycXht4/XNZWsTdQ3dUFhSnRtY3HeAHB+7FWTBjzd6YWzO2D51pfDtby5c/lv1+eP1j33Tl5cXO/S0qgEADycFzEeg++6YDX4dy8C6IsgwUbK9CKLAguypj5FJY+vD9GINw/MwaDS1g/wck0bIFR4OgAwAAAABJRU5ErkJggg==) no-repeat; display: inline-block; animation: loadFn 1.5s linear infinite; } .vLoad.mini { background-size: 82px 79px; width: 82px; height: 79px; } .vLoad.least { background-size: 82px 79px; width: 82px; height: 79px; margin-top: -39px; margin-left: -41px; } .noTabData { padding: 20% 0; } .three-dots .iconicon { display: inline-block; font-size: 28px; color: #e6e6e6; cursor: pointer; } .three-dots-action { padding: 0 10px; } .three-dots-action li { line-height: 30px; cursor: pointer; } .three-dots-action li em { padding-right: 5px; } .dialog-footer { display: block; text-align: right; padding: 24px; } .long-select-wrap .el-select { width: 100%; } .back { font-size: 16px; line-height: 60px; border-bottom: 1px solid #eaebf0; color: #302724; margin-bottom: 24px; } .back a { display: inline-block; } .back .back-button { display: inline-block; padding-right: 20px; } .back .iconfont { font-size: 26px; vertical-align: middle; color: #302724; position: relative; top: -2px; } @keyframes loadFn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .el-col-25 { width: 20%; } th { text-align: left; } .horizontal-table { font-size: 14px; margin-top: 20px; } .horizontal-table .el-table { border-spacing: 0; border: 1px solid #e3e3e6; border-left: 0; border-bottom: 0; } .horizontal-table td, .horizontal-table th { line-height: 1.5em; border-left: 1px solid #e3e3e6; border-bottom: 1px solid #e3e3e6; font-size: 13px; } .horizontal-table th { background-color: #f5f6fa; color: #231815; padding: 15px 10px; font-weight: normal; min-width: 200px; } .horizontal-table th span { color: var(--q-color-text-placeholder); font-size: 12px; padding-left: 2px; } .horizontal-table td { background: #ffffff; color: #231815; padding: 5px 10px; min-width: 320px; word-break: break-all; } .horizontal-table .el-form-item__error { position: static; } .horizontal-table .el-form-item { margin-bottom: 0; } .zebra-table { font-size: 14px; } .zebra-table .el-table { border-spacing: 0; border: 1px solid #e3e3e6; border-left: 0; border-bottom: 0; } .zebra-table tr:nth-child(even) { background-color: #f5f6fa; } .zebra-table td, .zebra-table th { line-height: 1.5em; border-left: 1px solid #e3e3e6; border-bottom: 1px solid #e3e3e6; background-color: transparent; } .zebra-table th { color: #5d5d5d; padding: 8px 10px; font-weight: normal; width: 140px; } .zebra-table th span { color: var(--q-color-text-placeholder); font-size: 12px; padding-left: 2px; } .zebra-table td { color: #5d5d5d; padding: 5px 10px; } .zebra-table .el-form-item { margin-bottom: 0; } .zebra-table .el-form-item .el-form-item__error { position: static; } .verticalCenter { display: inline-block; line-height: 1.5em; vertical-align: middle; } .fix-row-gutter-overflow { overflow-x: hidden; } .page-wrap { font-size: 0; } .page-wrap .page-item { padding: 2px 0; height: 35px; float: left; margin: 20px 0 0; } .form-group .title { padding-bottom: 15px; font-size: 16px; font-weight: bold; color: #353535; } .form-group .title:before { content: ""; display: inline-block; width: 2px; height: 14px; background: var(--q-color-brand); margin-right: 10px; position: relative; top: 1px; } .mini-button { height: 28px; padding: 0 18px; color: #fff; font-size: 12px; background-color: var(--q-color-brand); border-color: var(--q-color-brand); } .mini-button:hover, .mini-button.active, .mini-button:focus { color: #fff; border-color: var(--q-color-brand-hover); background-color: var(--q-color-brand-hover); } .el-table { overflow: visible; } .el-table .cell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; max-height: 42px; } .el-table .cell .el-tooltip { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .range-input-wrap { position: relative; } .range-input-wrap .el-form-item__content:before, .range-input-wrap .content:before { content: ""; display: block; width: 5px; height: 1px; background-color: var(--q-color-text-placeholder); position: absolute; left: 50%; top: 50%; margin: -0.5px 0 0 -2.5px; } .range-input-wrap .el-input { width: 46%; } .range-input-wrap .el-input:last-of-type { float: right; } .range-input-wrap { line-height: 34px; } .range-input-wrap .range-label { float: left; width: 160px; } .range-input-wrap .range-content { position: relative; margin-left: 160px; height: 36px; } .range-input-wrap .range-content:before { content: ""; display: block; width: 5px; height: 1px; background-color: var(--q-color-text-placeholder); position: absolute; left: 50%; top: 50%; margin: -0.5px 0 0 -2.5px; } .range-input-wrap .range-content.no-line:before { display: none; } .range-input-wrap .range-content .el-form-item { width: 46%; float: left; } .range-input-wrap .range-content .el-form-item:last-of-type { float: right; } .range-input-wrap .range-content .el-form-item__content { margin-left: 0 !important; } .range-input-wrap .range-content .el-input { width: 100%; } .pagination { text-align: right; margin: 20px 0 10px; } .angle-radio { min-width: 90px; text-align: center; margin-right: 2px; margin-left: 0; overflow: hidden; } .angle-radio .el-radio__input { display: none; } .angle-radio.is-checked .el-radio__label { color: var(--q-color-primary); } .angle-radio.is-checked .angle { display: block; } .angle-radio .angle { display: none; border-color: transparent; color: #fff; border-width: 16px 34px; border-bottom-color: var(--q-color-primary); border-style: solid; width: 0; height: 0; position: absolute; bottom: 0; right: -34px; } .angle-radio .angle .iconseleted { position: absolute; left: -16px; top: 4px; font-size: 14px; } .file-label { position: relative; } .file-label .hide-file { position: absolute; z-index: -9999999; width: 0; height: 0; } .file-info { line-height: 1.5em; font-size: 14px; padding: 10px 0 0; } .download-btn { text-decoration: underline; } .add-component-form .el-form-item { margin-right: 0; margin-bottom: 0; } .add-component-form .el-form-item__error { position: static; } .add-component-form .cell { max-height: 100px; } .iconzuixiaohua, .iconzuidahua { color: var(--q-color-text-secondary); font-size: 15px; } .no-data { font-size: 14px; color: #a3a3a3; text-align: center; margin-top: 30px; } .chart-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; max-width: 90%; } .tip-icon { margin: 0 10px; } .tip-icon .iconfont { color: #d0cfcf; font-size: 22px; vertical-align: middle; } .tip-icon-en { margin: 0 10px; } .tip-icon-en .iconfont { color: #d0cfcf; font-size: 22px; vertical-align: middle; } .tip-pop { color: #7c7c7c; font-size: 13px; line-height: 22px; } .tip-pop p b { color: #231815; padding-right: 5px; } .table-collapse .el-table__fixed, .table-collapse .el-table__fixed-right, .table-collapse .el-table__fixed-left { bottom: 0 !important; } .filename-tip { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; max-width: 200px; vertical-align: middle; } .cancel-file i { font-size: 14px; color: #aeaeae; margin-left: 5px; vertical-align: middle; } .cancel-file i:hover { color: var(--q-color-text-placeholder); } @keyframes bling { 0% { opacity: 0.2; } 100% { opacity: 1; } } .tipHigh { background-color: #ffffff; } .introjs-tooltiptext { color: #444648; line-height: 24px; } .introjs-tooltipbuttons { position: relative; height: 40px; margin-top: 10px; } .introjs-disabled { display: none !important; } .tipTitle { position: relative; } .tipTitle .progress { position: absolute; right: 0; top: 0; color: #c8c8c8; } .tipTitle p { margin-bottom: 10px; color: #444648; line-height: 24px; } .tipTitle p b { font-size: 15px; } .introjs-tooltip { padding: 20px !important; min-width: 280px !important; max-width: 280px !important; margin-left: 40px; } .introjs-arrow { border: 40px solid transparent !important; transform: scaleY(0.3); } .introjs-arrow.left { left: -80px !important; top: -10px !important; border-right-color: #ffffff !important; } .introjs-arrow.left-bottom { left: -80px !important; bottom: 5px !important; border-right-color: #ffffff !important; } .introjs-button { border: none !important; font-size: 14px !important; } .introjs-helperLayer { background-color: #ffffff !important; border: #ffffff !important; box-shadow: none !important; } .introjs-button:hover, .introjs-button:active, .introjs-button:focus { background-image: none !important; } .introjs-nextbutton, .introjs-prevbutton, .introjs-donebutton { color: #56a0f4 !important; background-color: transparent !important; background-image: none !important; text-shadow: none !important; } .introjs-prevbutton { position: absolute !important; left: -14px !important; } .introjs-nextbutton { position: absolute !important; right: 70px !important; } .introjs-skipbutton { color: #a7afb8 !important; background-color: transparent !important; background-image: none !important; text-shadow: none !important; position: absolute !important; right: -12px !important; } .card-title, .card-title .title { font-size: 16px !important; } .chart-list .chart-title { font-size: 16px; } .succTip { margin-bottom: 30px; } .succTip .tip { padding-left: 30px; } .succTip .tip .p1 em { color: #52c41a; font-size: 16px; padding: 0 3px; } .succTip .iconok { width: 66px; height: 66px; background: #52c41a; border-radius: 50%; display: inline-block; vertical-align: middle; } .succTip .iconok i { display: block; font-size: 60px; color: #fff; font-weight: bold; text-align: center; line-height: 66px; } .succTip em { display: inline-block; font-size: 28px; line-height: 48px; vertical-align: middle; color: #353535; } .tip-icon { line-height: 38px; } .drawer-content { max-height: calc(100vh - 160px); padding: 0 30px 0; overflow: auto; } .drawerBtnClose { position: absolute; bottom: 0; left: 0; right: 0; background: #ffffff; padding: 20px 30px; } .dmpCon { min-height: 100%; position: absolute; width: 100%; min-width: 1670px; } .develop-breadcrumb { background: #ffffff; padding: 0 20px; } .admin_body { overflow-x: hidden; } .adminAside { position: absolute; left: 0; background: #ffffff; height: 100%; overflow-x: hidden !important; overflow-y: auto !important; width: 200px; z-index: 99; } .en .adminAside { padding: 0; } ::-webkit-input-placeholder { /* WebKit browsers */ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--q-color-text-placeholder); } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--q-color-text-placeholder); } :-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--q-color-text-placeholder); } .mt00 { margin-bottom: 0 !important; } .comLoginbg { background: #f3f4f6; } @media screen and (max-width: 1280px) { body { font-size: 12px; } } @media screen and (min-width: 1280px) { body { font-size: 12px; } } @media screen and (min-width: 1366px) { body { font-size: 13px; } } @media screen and (min-width: 1440px) { body { font-size: 13px; } } @media screen and (min-width: 1680px) { body { font-size: 13px; } } @media screen and (min-width: 1920px) { body { font-size: 14px; } } .popover .el-popover__reference-wrapper { width: 14px; height: 14px; display: inline-flex; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF1SURBVHgBrVPLbYNAEIX1T/LJHYQOgiuI3UFSgdcSICQO0EHsDuwbnwt0kA7sVGA6CCX4CkiQNxZLNmByiUda7fJ25u3Mm0FR/mlqF+CcL6bTqUtHLK2BU1VV0zzP93EcZ7I/kz9M03QRfCHiqqq2YRiqtOq63mKpdGdZlnc3AwrGKx5jbO37fqbcMdu2NRCfcNyBOGkJkLY2mUwuo9FoKYKplPF4zEG4KIoiFqkLEmBLYNdbCbPZ7B2OH/LLlC4In0kHnE8Cb3wSYF6rAerTwXqUhcQWB0FAOnDCHMd5EvfwPWPbtLVBmFoZMNIG919dXMQw5Q9DMIewHBm+DfkIgswwjNWAzz6KorRDrIM0lQkSiNgjKMvyDLXT3quM0aB9tgRwOmDbUDtlR7R2BbV1GSMfiPiKDlHMzyA1E+aCbN0dVzm4aekR3flNIEhQ220mqK2idtIH2Atx4J40iUVM72dqJm2HIw2RSD/DSubz+QF2VR5p303QtNeJOxR7AAAAAElFTkSuQmCC); background-size: contain; vertical-align: middle; margin-left: 4px; } .popover .el-popover__reference-wrapper:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFkSURBVHgBrVM7UoRAFBzgAptRkEhotvwOwBH0BOAJ2Bvo3gAzwyUy9QaumQHUzg1cIww9AB+7V6BmEcpAX9UUQ0/3m/eahxB/DG0KuK670nU9xTbRNM3pYcnVNM1WSnlU+br6EgRBCvEBS8O6KctS4+KelxmGcfB9fyPmgmIcvqECRywEz8gBNz5rgQfMjhK9ocS+lQTbVdu2OwUn97nnfp5aAHCLx5PaHxPCgzV9oGDAyem6LkfyjeqBi4z3SqkrCHfonz4kEAjP8y5G43R9j/NY7b8TCzF4M4N3agWzAWGCRwIPrpc4pwQo8RiGYbTA4beXKoAWXfE9G2MFOW75kQDYHt7IKQ5TU1z6MiYAMaMp0xmAWRHI7uR2B+Iras6ycsJgzK+DRA7aHafRGDZVVb1alsWxfbRt+9I0zfcPRC+MgMWoMkNF26IoHgbd3M/EwbnDds1XYjQZifO6rjNOn/jP+ALLUaI4ne5UEwAAAABJRU5ErkJggg==); background-size: contain; } .popover .el-popover__reference-wrapper:active { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFkSURBVHgBrVM7UoRAFBzgAptRkEhotvwOwBH0BOAJ2Bvo3gAzwyUy9QaumQHUzg1cIww9AB+7V6BmEcpAX9UUQ0/3m/eahxB/DG0KuK670nU9xTbRNM3pYcnVNM1WSnlU+br6EgRBCvEBS8O6KctS4+KelxmGcfB9fyPmgmIcvqECRywEz8gBNz5rgQfMjhK9ocS+lQTbVdu2OwUn97nnfp5aAHCLx5PaHxPCgzV9oGDAyem6LkfyjeqBi4z3SqkrCHfonz4kEAjP8y5G43R9j/NY7b8TCzF4M4N3agWzAWGCRwIPrpc4pwQo8RiGYbTA4beXKoAWXfE9G2MFOW75kQDYHt7IKQ5TU1z6MiYAMaMp0xmAWRHI7uR2B+Iras6ycsJgzK+DRA7aHafRGDZVVb1alsWxfbRt+9I0zfcPRC+MgMWoMkNF26IoHgbd3M/EwbnDds1XYjQZifO6rjNOn/jP+ALLUaI4ne5UEwAAAABJRU5ErkJggg==); background-size: contain; } .popover .el-popover__reference-wrapper button { height: 14px; width: 14px; padding: 0; opacity: 0; } .mt-60 { margin-top: 60px !important; } .mt-40 { margin-top: 40px !important; } .mb-40 { margin-bottom: 40px; } .mt-36 { margin-top: 36px; } .mt-30 { margin-top: 30px !important; } .mt-24 { margin-top: 24px; } .mb-24 { margin-bottom: 24px; } .ml-24 { margin-left: 24px; } .mr-24 { margin-right: 24px; } .ml-22 { margin-left: 22px; } .mt-16 { margin-top: 16px; } .mr-16 { margin-right: 16px; } .ml-16 { margin-left: 16px; } .mb-16 { margin-bottom: 16px; } .mt-8 { margin-top: 8px; } .mb-8 { margin-bottom: 8px; } .ml-8 { margin-left: 8px; } .mr-8 { margin-right: 8px; } .mt-12 { margin-top: 12px; } .mb-12 { margin-bottom: 12px; } .ml-12 { margin-left: 12px; } .ml-10 { margin-left: 10px; } .mr-12 { margin-right: 12px; } .mr-10 { margin-right: 10px; } .mt-6 { margin-top: 6px; } .mb-6 { margin-bottom: 6px; } .ml-6 { margin-left: 6px; } .mr-6 { margin-right: 6px; } .mb-4 { margin-bottom: 4px; } .mt-4 { margin-top: 4px; } .mr-4 { margin-right: 4px; } .btnConfirm { background-color: var(--q-color-brand); border-color: var(--q-color-brand); } .btnConfirm.active, .btnConfirm:active, .btnConfirm:focus, .btnConfirm:hover { border-color: var(--q-color-brand-hover); color: white; background-color: var(--q-color-brand-hover); } .btnCancel { background-color: #fff; border-color: var(--q-color-border); color: var(--q-color-text-secondary); } .btnCancel.active, .btnCancel:active, .btnCancel:focus, .btnCancel:hover { background-color: #fff; color: var(--q-color-primary); border-color: var(--q-color-primary); } .warning-icon .el-message-box__title::before { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGuSURBVHgBtVU7TsNAEJ2ZDRQgISMgtWkRguUG5CSEE5AGCQEFEp+GguQEhJPADVgaWlzzUVIgkEi8w6zzIyFeGwhPsr22Zp5n3+6+QcjA4+6KJqU0E4buHS1HNo5N8fze+PJw3MeHig6CGbtjCSvAEKTkRsRchTe6mq+aZibx097qplR4KcMQ8iGyiNtLJ+YmlbhxsLZlAevwCxBgef7UXH0j7lZ6DX+AVF7qVU7u5jTtTt+bJItW8sWI5pcN4eoTz83aMuTX1IewPWMrfWJRZAcmBMIOFz7ua62Qb7MSnBTQbkOedYg/cIMIYg2TxlSsiQFDmDBQOAn+CYTAEUwYLJwFC8ooGWZWwHyBKk+koKVMcvJeDtcbHrP5KaKF07vlRGNruZYVzcw1d2XFyb5MYhLiwjRV3Z988QrVhbJJnLdaeoe6GwxM6FBvio6pm18Cb+QRiMY6vdiBCQ3Z5vO+LiOy14zSEBNuF49Nvfc+tI8Xz0w9OboZsozAGX3pK6nD2NbUONJBuwVlAnaGEo6lQ2hKU6gVXqGaqzWNwpmUTEsz2LCTQJEFMMUz422mn3+NnSFFZZRkAAAAAElFTkSuQmCC) no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block; margin-right: 10px; vertical-align: text-bottom; } .delete-icon { width: 500px; } .delete-icon .el-message-box__header { padding: 24px 24px 0 24px; } .delete-icon .el-message-box__title { font-size: 16px; font-weight: 600; } .delete-icon .el-message-box__title::before { content: ""; background: url(../img/delete-icon.svg) no-repeat; background-size: contain; width: 24px; height: 24px; display: inline-block; margin: 0 8px -6px 0; } .delete-icon .el-message-box__content { min-height: 80px; padding-left: 56px; } .delete-icon .el-message-box__btns { padding: 0 24px 14px 0; } .confirm-icon .el-message-box__header { padding: 24px 24px 0 24px; } .confirm-icon .el-message-box__title { font-size: 16px; font-weight: 600; color: #FF1A16; } .confirm-icon .el-message-box__title::before { content: ""; background: url(../img/warn-icon.svg) no-repeat; background-size: contain; width: 24px; height: 24px; display: inline-block; margin: 0 8px -6px 0; } .confirm-icon .el-message-box__content { min-height: 80px; padding-left: 56px; } .confirm-icon .el-message-box__btns { padding: 0 24px 14px 0; } .delete-confirm { width: 480px; } .delete-confirm .el-message-box__header { padding: 32px 24px 0; } .delete-confirm .el-message-box__header .el-message-box__title { font-weight: bold; color: #FF1A16; } .delete-confirm .el-message-box__header .el-message-box__headerbtn { top: 34px; right: 24px; } .delete-confirm .el-message-box__content { padding: 16px 24px 24px; } .delete-confirm .el-message-box__content .el-message-box__container { font-size: 12px; font-weight: 500; color: #333; } .delete-confirm .el-message-box__btns { padding: 0 32px 22px; } .delete-confirm .el-message-box__btns .el-button { font-size: 12px; } .not-delete { padding-bottom: 3px; } .not-delete .el-message-box__btns { padding: 0; } .message-icon { width: 480px; } .message-icon .el-message-box__title { font-size: 16px; font-weight: bold; } .message-icon .el-message-box__title::before { content: ""; background: url(../img/msg-icon.svg) no-repeat; background-size: contain; width: 24px; height: 24px; display: inline-block; margin: 0 8px -6px 0; } .message-confirm { width: 480px; } .message-confirm .el-message-box__header { padding: 32px 32px 0; } .message-confirm .el-message-box__header .el-message-box__title { font-weight: bold; color: #333; } .message-confirm .el-message-box__header .el-message-box__headerbtn { top: 34px; right: 32px; } .message-confirm .el-message-box__content { padding: 16px 32px 24px; } .message-confirm .el-message-box__content .el-message-box__container { font-weight: 500; color: #666; } .message-confirm .el-message-box__btns { padding: 0 32px 22px; } .message-confirm .el-message-box__btns .el-button { font-size: 12px; } .el-confirm { width: 360px; } .remind-tips { padding: 6px 10px 5px 10px; margin-bottom: 14px; line-height: 24px; background: var(--q-color-default-tip); border-radius: 3px; color: var(--q-color-text-secondary); font-size: 12px; } .remind-tips .container { display: flex; justify-content: flex-start; } .remind-tips .el-icon-info { margin-right: 6px; display: inline-block; color: var(--q-color-tip-icon); font-size: 16px; padding: 0; vertical-align: middle; line-height: 24px; } .remind-tips .tishi { font-weight: 600; } .remind-tips .version span { display: inline-block; padding: 0; margin-right: 20px; } .main-container { padding: 0 16px; min-height: 562px; } .main-container .header { height: 56px; line-height: 56px; position: relative; } .main-container .header b { font-size: 16px; color: var(--q-color-text-primary); } .popper_class { font-size: 12px; } .popper_class .el-popover__title { font-size: 14px; color: var(--q-color-text-primary); font-weight: 600; margin: 4px 0 16px 4px; } .popper_class b { color: rgba(0, 0, 0, 0.9); } .popper_class span { color: rgba(0, 0, 0, 0.9); } .out-dropdown { background-color: #fff; } .out-dropdown a { color: #231815; } .in-dropdown { background-color: #1d2836; } .in-dropdown .el-dropdown-menu__item { color: #ffffff; } .home_headerin a { color: var(--q-color-text-primary); } .user-desc { white-space: pre-wrap; } .user-desc .p1 { color: var(--q-color-text-primary); font-size: 14px; margin-bottom: 10px; font-weight: 600; } .user-desc .p2 { color: var(--q-color-text-secondary); font-size: 14px; } .content-body { min-width: 1050px; } .el-loading-spinner { position: fixed; right: 0; } .c-scroll-tooltip { display: flex; flex-direction: column; max-height: 50%; } ::v-deep .el-table__row td:not(.is-hidden):last-child { border-left: 1px solid #ebeef5; } ::v-deep .el-table__header th:not(.is-hidden):last-child { border-left: 1px solid #ebeef5; } .el-message { min-width: 200px !important; max-width: 1200px !important; } .el-message p { word-break: break-all; } .ucs_tip span { margin-top: 3px; display: block; } .ucs_tip span i { font-weight: 700; } ::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px #c1c1c1; background: #c1c1c1; } ::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px #ededed; border-radius: 10px; background: #ededed; } .home_header { height: 80px; background: #ffffff; width: 100%; box-shadow: 0 3px 5px #ddd; position: relative; } .home_header .logo { padding-top: 10px; width: 200px; } .home_header .logo-eu { padding-top: 20px; } .el-table .el-table__header-wrapper .el-table__header th, .el-table .el-table__fixed .el-table__header th, .el-table .el-table__fixed-right .el-table__header th { color: var(--q-color-text-secondary); background-color: #fafafc; } .el-table .el-table__fixed { box-shadow: 6px 0px 10px rgba(0, 0, 0, 0.07); } .el-table .el-table__fixed-right { box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.07); } .required-class { color: #f56c6c; padding-right: 5px; } .option-pN { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .option-pk { color: #8492a6; font-size: 12px; } .redTitle { height: 16px; line-height: 16px; border-left: 3px solid var(--q-color-primary); padding-left: 6px; font-size: 14px; margin-top: 24px; margin-bottom: 15px; } .yzcolor { width: 6px; height: 6px; display: block; border-radius: 6px; float: left; margin-top: 8px; margin-right: 4px; } .yzcolor01 { background: var(--q-color-text-disabled); } .yzcolor02 { background: var(--q-color-primary); } .yzcolor03 { background: #13ce66; } .y01 { width: 8px; height: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center; float: left; margin-top: 7px; margin-right: 4px; } .y01 .y02 { width: 4px; height: 4px; border-radius: 4px; display: inline-block; } .green01 { background: #b3e5d4; } .green02 { background: #00a870; } .grey01 { background: #eeeeee; } .grey02 { background: var(--q-color-text-disabled); } .red01 { background: #fbc5c8; } .red02 { background: #ed000c; } .orange01 { background: #fed4bc; } .orange02 { background: #FA6F1F; } .flex-row { display: flex; flex-direction: row; } .flex-spacer { flex: 1 1 0; } .table-store__provider { padding: 1 !important; } .table-store__provider .table-layout { padding: 0 !important; --table-layout-min-height: 600px; } .overseas-bg { background-image: url(../img/background-2.png); background-size: cover; background-repeat: no-repeat; } .overseas-text { color: #42248a !important; font-family: Kanit-Regular; } .overseas-font { font-family: Kanit-Regular; } .overseas-btn { background-color: #42248a !important; border-color: #42248a !important; color: white !important; font-family: Kanit-Regular; } .text-warning { color: var(--q-color-warn); } .text-success { color: var(--q-color-green); } .text-danger { color: var(--q-color-error); } .block { margin-bottom: 15px; } .block h3 { line-height: 40px; font-size: 15px; } .block h3 em { background: var(--q-color-brand); width: 2px; height: 15px; display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 12px; } .flex-start { display: flex; justify-content: flex-start; } .flex-between { display: flex; justify-content: space-between; } .iconfont:hover { color: var(--q-color-primary-hover); } .custom-input { width: 240px; } .template-list { margin-bottom: 13px; } .template-list .language-config__opt-btn { width: 32px; min-width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid transparent; font-size: 18px; background-color: white; float: left; } .template-list .language-config__opt-btn.delete { margin-left: 5px; border-color: #c02837; color: #c02837; } .template-list .language-config__opt-btn.add { border-color: #4554d8; color: #4554d8; } .template-list .language-config__opt-btn.add.disabled { color: #c0c4d8; border-color: #c0c4d8; cursor: not-allowed; } .msg-form .el-form-item { margin-bottom: 10px; } .msg-form .el-button { height: 32px; } .valid-status { font-size: 10px; line-height: 20px; } .valid-status .failed { color: #999999; } .valid-status .approved { color: #00a870; } .audit-btn { margin-left: 5px; } .custom_actived { background: rgb(238, 242, 254); } .custom_actived .tooltip-style { color: #4554d8 !important; } .is-open, .is-close { font-size: 14px; font-weight: 500; color: #12d59a; } .is-close { color: #ff0000; } .font-mini { font-size: 12px; line-height: 20px; } .delete-btn { font-size: 12px; color: #d20030; } @charset "UTF-8"; @font-face { font-family: 'Raleway-Bold'; src: url(../fonts/raleway-bold-webfont.woff2) format('woff2'), url(../fonts/raleway-bold-webfont.woff) format('woff'); } @font-face { font-family: 'NotoSans-Regular'; src: url(../fonts/notosans-regular-webfont.woff2) format('woff2'), url(../fonts/notosans-regular-webfont.woff) format('woff'); font-weight: normal; font-style: normal; } .NotoSans_font { font-family: 'NotoSans-Regular', sans-serif; } @font-face { font-family: 'Kanit-Regular'; src: url(../fonts/Kanit-Regular.ttf) format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN-Alternate-Bold'; src: url(../fonts/DIN-Alternate-Bold.ttf) format('truetype'); } @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ Changed by Afshin Mehrabani */ /* overrides extra padding on button elements in Firefox */ @keyframes introjspulse { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0; } } .introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; background-color: #212121; opacity: 0; background: radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); transition: all 0.3s ease-out; } .introjs-fixParent { z-index: auto !important; opacity: 1 !important; transform: none !important; } .introjs-showElement { z-index: 9999999 !important; } tr.introjs-showElement > td { z-index: 9999999 !important; position: relative; } tr.introjs-showElement > th { z-index: 9999999 !important; position: relative; } .introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0); } .introjs-relativePosition { position: relative; } .introjs-helperLayer { box-sizing: content-box; position: absolute; z-index: 9999998; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(33, 33, 33, 0.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(33, 33, 33, 0.4); transition: all 0.3s ease-out; } .introjs-helperLayer * { box-sizing: content-box; } .introjs-helperLayer *:before { box-sizing: content-box; } .introjs-helperLayer *:after { box-sizing: content-box; } .introjs-tooltipReferenceLayer { box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; transition: all 0.3s ease-out; } .introjs-helperNumberLayer { box-sizing: content-box; position: absolute; visibility: visible; top: -16px; left: -16px; z-index: 9999999999 !important; padding: 2px; font-family: Arial, verdana, tahoma; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; text-shadow: 1px 1px 1px rgba(33, 33, 33, 0.3); background: #ff3019; background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); width: 20px; height: 20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; box-shadow: 0 2px 5px rgba(33, 33, 33, 0.4); } .introjs-arrow { border: 5px solid transparent; content: ""; position: absolute; } .introjs-arrow.top { top: -10px; border-bottom-color: #ffffff; } .introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color: #ffffff; } .introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color: #ffffff; } .introjs-arrow.right { right: -10px; top: 10px; border-left-color: #ffffff; } .introjs-arrow.right-bottom { bottom: 10px; right: -10px; border-left-color: #ffffff; } .introjs-arrow.bottom { bottom: -10px; border-top-color: #ffffff; } .introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color: #ffffff; } .introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color: #ffffff; } .introjs-arrow.left { left: -10px; top: 10px; border-right-color: #ffffff; } .introjs-arrow.left-bottom { left: -10px; bottom: 10px; border-right-color: #ffffff; } .introjs-tooltip { box-sizing: content-box; position: absolute; visibility: visible; padding: 10px; background-color: #ffffff; min-width: 200px; max-width: 300px; border-radius: 3px; box-shadow: 0 1px 10px rgba(33, 33, 33, 0.4); transition: opacity 0.1s ease-out; } .introjs-tooltipbuttons { text-align: right; white-space: nowrap; } .introjs-button { box-sizing: content-box; position: relative; overflow: visible; display: inline-block; padding: 0.3em 0.8em; border: 1px solid #bdbdbd; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; font: 11px / normal sans-serif; color: #424242; white-space: nowrap; cursor: pointer; outline: none; background-color: #e0e0e0; background-image: linear-gradient(#f4f4f4, #ececec); -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; border-radius: 0.2em; zoom: 1; *display: inline; margin: 10px 0 0; } .introjs-button:hover { border-color: #bdbdbd; text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3; } .introjs-button:focus { background-image: linear-gradient(#ececec, #f4f4f4); } .introjs-button:active { background-image: linear-gradient(#ececec, #f4f4f4); } .introjs-button::-moz-focus-inner { padding: 0; border: 0; } .introjs-skipbutton { box-sizing: content-box; margin-right: 5px; color: #616161; } .introjs-prevbutton { border-radius: 0.2em 0 0 0.2em; border-right: none; } .introjs-prevbutton.introjs-fullbutton { border: 1px solid #bdbdbd; border-radius: 0.2em; } .introjs-nextbutton { border-radius: 0 0.2em 0.2em 0; } .introjs-nextbutton.introjs-fullbutton { border-radius: 0.2em; } .introjs-disabled { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-disabled:hover { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-disabled:focus { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-hidden { display: none; } .introjs-bullets { text-align: center; } .introjs-bullets ul { box-sizing: content-box; clear: both; margin: 15px auto 0; padding: 0; display: inline-block; } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px; } .introjs-bullets ul li a { box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; text-decoration: none; cursor: pointer; } .introjs-bullets ul li a:hover { background: #999; } .introjs-bullets ul li a.active { background: #999; } .introjs-progress { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px 0 5px 0; border-radius: 4px; background-color: #e0e0e0; } .introjs-progressbar { box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c; } .introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50%; } .introjs-fixedTooltip { position: fixed; } .introjs-hint { box-sizing: content-box; position: absolute; background: transparent; width: 20px; height: 15px; cursor: pointer; } .introjs-hint:focus { border: 0; outline: 0; } .introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); } .introjs-hidehint { display: none; } .introjs-fixedhint { position: fixed; } .introjs-hint-pulse { box-sizing: content-box; width: 10px; height: 10px; border: 5px solid rgba(60, 60, 60, 0.27); border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; transition: all 0.2s ease-out; } .introjs-hint-no-anim .introjs-hint-dot { animation: none; } .introjs-hint-dot { box-sizing: content-box; border: 10px solid rgba(146, 146, 146, 0.36); background: transparent; border-radius: 60px; height: 50px; width: 50px; animation: introjspulse 3s ease-out; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; } @charset "UTF-8"; [data-v-d5dfde00]:export { icon_blue: var(--q-color-blue); icon_light_blue: var(--q-color-blue-bg); icon_green: var(--q-color-green); icon_light_green: var(--q-color-green-bg); icon_warn: var(--q-color-warn); icon_light_warn: var(--q-color-warn-bg); icon_purple: var(--q-color-purple); icon_light_purple: var(--q-color-purple-bg); chart_label_grey: var(--q-color-text-disabled); } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-d5dfde00]:export { designWidth: 1920; blocks: 10; } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-d5dfde00]:export { designWidth: 1920; blocks: 10; } .popup--bounce-wrapper[data-v-d5dfde00] { position: fixed; transition: all 0.3s; } .popup--transform-wrapper[data-v-d5dfde00] { position: absolute; left: 0; right: 0; top: 0; bottom: 20px; background: #ffffff; box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.19); border-radius: 3px; overflow: hidden; display: flex; flex-direction: column; } .popup--transform-wrapper iframe[data-v-d5dfde00] { flex-grow: 1; border: none; padding-left: 16px; border-bottom: 1px solid #e7e7e7; } .popup--transform-wrapper .actionbar[data-v-d5dfde00] { height: 60px; background: var(--q-color-brand); padding: 0 23px; color: #ffffff; font-size: 18px; cursor: move; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; align-items: center; } .popup--transform-wrapper .actionbar .action[data-v-d5dfde00] { cursor: pointer; font-size: 22px; } .popup--transform-wrapper .actionbar .action[data-v-d5dfde00]:not(:last-child) { margin-right: 14px; } .popup--transform-wrapper .newClickBtn[data-v-d5dfde00] { height: 40px; line-height: 40px; color: var(--q-color-primary); font-size: 14px; margin-left: 16px; margin-right: 10px; cursor: pointer; } .popup--transform-wrapper .newClickBtn span[data-v-d5dfde00] { margin-right: 4px; vertical-align: middle; } .popup--transform-wrapper .newClickBtn i[data-v-d5dfde00] { vertical-align: middle; } .popup--small[data-v-d5dfde00] { bottom: 40px; right: 40px; width: 370px; height: 620px; } @media screen and (max-width: 1600px) { .popup--small[data-v-d5dfde00] { width: 370px; height: 520px; } } .popup--full[data-v-d5dfde00] { right: 50vw; bottom: 50vh; margin-right: -700px; margin-bottom: -320px; width: 1400px; height: 660px; } @media screen and (max-width: 1600px) { .popup--full[data-v-d5dfde00] { margin-right: -500px; margin-bottom: -240px; width: 1000px; height: 520px; } } @charset "UTF-8"; [data-v-f70e2b62]:export { icon_blue: var(--q-color-blue); icon_light_blue: var(--q-color-blue-bg); icon_green: var(--q-color-green); icon_light_green: var(--q-color-green-bg); icon_warn: var(--q-color-warn); icon_light_warn: var(--q-color-warn-bg); icon_purple: var(--q-color-purple); icon_light_purple: var(--q-color-purple-bg); chart_label_grey: var(--q-color-text-disabled); } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-f70e2b62]:export { designWidth: 1920; blocks: 10; } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-f70e2b62]:export { designWidth: 1920; blocks: 10; } [data-v-f70e2b62] .el-breadcrumb__separator { float: right; } [data-v-f70e2b62] .el-breadcrumb__item { height: 40px; display: inline-block; } [data-v-f70e2b62] .el-breadcrumb__item:last-child .el-breadcrumb__inner,[data-v-f70e2b62] .el-breadcrumb__item:last-child .el-breadcrumb__inner a,[data-v-f70e2b62] .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,[data-v-f70e2b62] .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { color: var(--q-color-text-secondary); font-weight: 600; } .el-breadcrumb__item[data-v-f70e2b62] { float: none; } .crumbIcon[data-v-f70e2b62] { margin-right: 5px; } .el-breadcrumb[data-v-f70e2b62] { line-height: 28px; font-size: 12px; overflow: hidden; height: 28px; /* text-overflow: ellipsis; white-space: nowrap; */ width: 100%; } .spanwidth-current[data-v-f70e2b62] { display: inline-block; max-width: 418px; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--q-color-text-secondary); } .spanwidth[data-v-f70e2b62] { display: inline-block; max-width: 418px; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* */ .develop-breadcrumb[data-v-f70e2b62] { position: fixed; top: 48px; z-index: 99; width: 100%; border-bottom: 1px solid #ebf0f9; } .uguide[data-v-f70e2b62] { padding-right: 216px; height: 28px; line-height: 28px; color: var(--q-color-nav); cursor: pointer; font-size: 12px; } .padRight[data-v-f70e2b62] { padding-right: 235px !important; } .znz[data-v-f70e2b62] { vertical-align: middle; } @charset "UTF-8"; [data-v-29e9b474]:export { icon_blue: var(--q-color-blue); icon_light_blue: var(--q-color-blue-bg); icon_green: var(--q-color-green); icon_light_green: var(--q-color-green-bg); icon_warn: var(--q-color-warn); icon_light_warn: var(--q-color-warn-bg); icon_purple: var(--q-color-purple); icon_light_purple: var(--q-color-purple-bg); chart_label_grey: var(--q-color-text-disabled); } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-29e9b474]:export { designWidth: 1920; blocks: 10; } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-29e9b474]:export { designWidth: 1920; blocks: 10; } .dmpPage[data-v-29e9b474] { height: 28px; margin: 20px 0 0; box-sizing: border-box; } .pageBorder[data-v-29e9b474] { height: 26px; border-left: 1px solid #e5e5e5; } .pageBorder[data-v-29e9b474], .pageTotal[data-v-29e9b474] { float: left; } .count-div[data-v-29e9b474] { height: 26px; line-height: 26px; } .count[data-v-29e9b474] { font-size: 14px; font-weight: 600; padding: 0px 10px 0px 10px; border: 1px solid #e5e5e5; height: 26px; line-height: 24px; display: inline-block; } .count i[data-v-29e9b474] { padding-right: 5px; } .iconfont[data-v-29e9b474] { font-size: 20px; } .pager-disable[data-v-29e9b474], .pager[data-v-29e9b474] { width: 36px; padding-left: 5px; padding-right: 5px; height: 26px; border-radius: 0; border: 1px solid #e5e5e5; border-left: none; } .pager-disable[data-v-29e9b474]:hover, .pager[data-v-29e9b474]:hover { background-color: #f4f4f5 !important; } .pager-disable[data-v-29e9b474] { background-color: #f4f4f5; } .pager[data-v-29e9b474] { background-color: #ffffff !important; margin-left: 0 !important; } .pager[data-v-29e9b474]:hover { color: var(--q-color-primary); } [data-v-29e9b474] .el-pagination { float: left; padding: 0; } [data-v-29e9b474] .el-pagination__editor.el-input .el-input__inner { border-color: var(--q-color-primary); border-radius: 0; vertical-align: middle; line-height: 26px; height: 26px; } [data-v-29e9b474] .el-pagination__editor.el-input { width: 56px; float: left; } [data-v-29e9b474] .el-pagination__editor { min-width: 50px; } [data-v-29e9b474] .el-pagination button { border: 1px solid #e5e5e5; border-radius: 0; border-left: none; } [data-v-29e9b474] .el-pagination .btn-prev { padding: 0 5px; } [data-v-29e9b474] .el-pagination button:disabled,[data-v-29e9b474] .el-pagination button:hover { background-color: #f4f4f5; } [data-v-29e9b474] .el-pagination button:focus { background-color: #ffffff; } [data-v-29e9b474] .el-pagination__editor { margin: 0; padding: 0; } [data-v-29e9b474] .el-pagination__total { height: 28px !important; line-height: 28px !important; } [data-v-29e9b474] .el-pagination span:not([class*=suffix]),[data-v-29e9b474] .el-pagination button { height: 26px; line-height: 26px; } [data-v-29e9b474] .el-pagination span:not([class*=suffix]) { min-width: auto; } @charset "UTF-8"; [data-v-72e5ac7f]:export { icon_blue: var(--q-color-blue); icon_light_blue: var(--q-color-blue-bg); icon_green: var(--q-color-green); icon_light_green: var(--q-color-green-bg); icon_warn: var(--q-color-warn); icon_light_warn: var(--q-color-warn-bg); icon_purple: var(--q-color-purple); icon_light_purple: var(--q-color-purple-bg); chart_label_grey: var(--q-color-text-disabled); } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-72e5ac7f]:export { designWidth: 1920; blocks: 10; } /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ [data-v-72e5ac7f]:export { designWidth: 1920; blocks: 10; } .dmp-btn.compact[data-v-72e5ac7f] { padding: 0 10px; } .dmp-btn.is-disabled[data-v-72e5ac7f] { background-color: var(--q-color-primary-disable); border-color: #fff; } .dmp-btn.brand[data-v-72e5ac7f] { background-color: var(--q-color-brand); border-color: var(--q-color-brand); } .dmp-btn.brand.active[data-v-72e5ac7f], .dmp-btn.brand[data-v-72e5ac7f]:active, .dmp-btn.brand[data-v-72e5ac7f]:focus, .dmp-btn.brand[data-v-72e5ac7f]:hover { border-color: var(--q-color-brand-hover); background-color: var(--q-color-brand-hover); } .dmp-btn.brand.is-disabled[data-v-72e5ac7f] { border-color: rgba(0, 0, 0, 0); background-color: var(--q-color-brand-disable); } .dmp-btn.white[data-v-72e5ac7f] { background-color: #fff; border-color: var(--q-color-border); color: var(--q-color-text-secondary); } .dmp-btn.white.active[data-v-72e5ac7f], .dmp-btn.white[data-v-72e5ac7f]:active, .dmp-btn.white[data-v-72e5ac7f]:focus, .dmp-btn.white[data-v-72e5ac7f]:hover { color: var(--q-color-primary); border-color: var(--q-color-primary); } .dmp-btn.white.is-disabled[data-v-72e5ac7f] { color: var(--q-color-text-disabled); border-color: var(--q-color-disable); background-color: var(--q-color-disable); } .dmp-btn + .dmp-btn[data-v-72e5ac7f] { margin-left: 12px; } [data-v-72e5ac7f] .dmp-btn.white:hover { color: #4554d8 !important; } @charset "UTF-8"; /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 移动端/PC页面设计稿宽度 */ /* PC页面设计稿dpr基准值,暂定是1 */ /* 将移动端页面分为10块 */ /* 缩放所支持的设备最小宽度 */ /* 缩放所支持的设备最大宽度 */ /* rem与px对应关系，1rem代表在JS中设置的html font-size值（为一块的宽度），$rem即为$px对应占多少块 $px $rem ------------- === ------------ $design-width $blocks */ /* 单位px转化为rem */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ /* 单位px转化为em 1920px 字体是16px */ /* 单位rem转化为px，可用于根据rem单位快速计算原px */ :root { /*---------颜色---------------*/ /* 品牌色 */ --q-color-brand: #305063; /* 品牌hover色 */ --q-color-brand-hover: rgba(75, 102, 119, 1); --q-color-brand-disable: rgba(48, 80, 99, 0.2); /* 主题色 */ --q-color-primary: #305063; --q-color-primary-hover: rgba(75, 102, 119, 1); --q-color-primary-tip: rgba(48, 80, 99, 0.05); --q-color-default-tip: #F3F5F9; --q-color-primary-plain: rgba(48, 80, 99, 0.1); --q-color-primary-disable: rgba(48, 80, 99, 0.2); --q-color-nav: #305163; --q-color-error: #e34d59; --q-color-error-bg: #fdecee; --q-color-warn: #ed7b2f; --q-color-warn-bg: rgba(237, 123, 47, 0.3); --q-color-blue: #0052d9; --q-color-blue-bg: #0052d91a; --q-color-green: #00a870; --q-color-green-bg: #e8f8f2; --q-color-purple: #7034d0; --q-color-purple-bg: #f2ebfd; /* 边框色 */ --q-color-border: #dcdfe6; --q-color-disable:#f4f4f5; --q-color-text-primary: #333333; --q-color-tip-icon: #707C96; --q-color-text-secondary: #666666; --q-color-text-placeholder: #999999; --q-color-text-disabled: #bdbdbd; --q-color-highlight: #16AA9D; --q-color-text-tip: #888888; }