@charset "UTF-8"; .el-pager, .el-slider__button-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), .el-message__closeBtn:focus, .el-message__content:focus, .el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing), .el-rate:active, .el-rate:focus, .el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing), .el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus { outline-width: 0; } .el-pagination--small .arrow.disabled, .el-table .hidden-columns, .el-table td.is-hidden > *, .el-table th.is-hidden > *, .el-table--hidden, .viewer-invisible { visibility: hidden; } .el-color-dropdown__link-btn, .el-link, .layui-layer-btn a, .video-js button, a { text-decoration: none; } @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; } @-webkit-keyframes rotating { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @font-face { font-family: element-icons; src: url(fonts/element-icons.woff) format("woff"), url(fonts/element-icons.ttf) format("truetype"); font-weight: 400; font-display: "auto"; font-style: normal; } [class*=" el-icon-"], [class^="el-icon-"] { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-icon-ice-cream-round:before { content: "\e6a0"; } .el-icon-ice-cream-square:before { content: "\e6a3"; } .el-icon-lollipop:before { content: "\e6a4"; } .el-icon-potato-strips:before { content: "\e6a5"; } .el-icon-milk-tea:before { content: "\e6a6"; } .el-icon-ice-drink:before { content: "\e6a7"; } .el-icon-ice-tea:before { content: "\e6a9"; } .el-icon-coffee:before { content: "\e6aa"; } .el-icon-orange:before { content: "\e6ab"; } .el-icon-pear:before { content: "\e6ac"; } .el-icon-apple:before { content: "\e6ad"; } .el-icon-cherry:before { content: "\e6ae"; } .el-icon-watermelon:before { content: "\e6af"; } .el-icon-grape:before { content: "\e6b0"; } .el-icon-refrigerator:before { content: "\e6b1"; } .el-icon-goblet-square-full:before { content: "\e6b2"; } .el-icon-goblet-square:before { content: "\e6b3"; } .el-icon-goblet-full:before { content: "\e6b4"; } .el-icon-goblet:before { content: "\e6b5"; } .el-icon-cold-drink:before { content: "\e6b6"; } .el-icon-coffee-cup:before { content: "\e6b8"; } .el-icon-water-cup:before { content: "\e6b9"; } .el-icon-hot-water:before { content: "\e6ba"; } .el-icon-ice-cream:before { content: "\e6bb"; } .el-icon-dessert:before { content: "\e6bc"; } .el-icon-sugar:before { content: "\e6bd"; } .el-icon-tableware:before { content: "\e6be"; } .el-icon-burger:before { content: "\e6bf"; } .el-icon-knife-fork:before { content: "\e6c1"; } .el-icon-fork-spoon:before { content: "\e6c2"; } .el-icon-chicken:before { content: "\e6c3"; } .el-icon-food:before { content: "\e6c4"; } .el-icon-dish-1:before { content: "\e6c5"; } .el-icon-dish:before { content: "\e6c6"; } .el-icon-moon-night:before { content: "\e6ee"; } .el-icon-moon:before { content: "\e6f0"; } .el-icon-cloudy-and-sunny:before { content: "\e6f1"; } .el-icon-partly-cloudy:before { content: "\e6f2"; } .el-icon-cloudy:before { content: "\e6f3"; } .el-icon-sunny:before { content: "\e6f6"; } .el-icon-sunset:before { content: "\e6f7"; } .el-icon-sunrise-1:before { content: "\e6f8"; } .el-icon-sunrise:before { content: "\e6f9"; } .el-icon-heavy-rain:before { content: "\e6fa"; } .el-icon-lightning:before { content: "\e6fb"; } .el-icon-light-rain:before { content: "\e6fc"; } .el-icon-wind-power:before { content: "\e6fd"; } .el-icon-baseball:before { content: "\e712"; } .el-icon-soccer:before { content: "\e713"; } .el-icon-football:before { content: "\e715"; } .el-icon-basketball:before { content: "\e716"; } .el-icon-ship:before { content: "\e73f"; } .el-icon-truck:before { content: "\e740"; } .el-icon-bicycle:before { content: "\e741"; } .el-icon-mobile-phone:before { content: "\e6d3"; } .el-icon-service:before { content: "\e6d4"; } .el-icon-key:before { content: "\e6e2"; } .el-icon-unlock:before { content: "\e6e4"; } .el-icon-lock:before { content: "\e6e5"; } .el-icon-watch:before { content: "\e6fe"; } .el-icon-watch-1:before { content: "\e6ff"; } .el-icon-timer:before { content: "\e702"; } .el-icon-alarm-clock:before { content: "\e703"; } .el-icon-map-location:before { content: "\e704"; } .el-icon-delete-location:before { content: "\e705"; } .el-icon-add-location:before { content: "\e706"; } .el-icon-location-information:before { content: "\e707"; } .el-icon-location-outline:before { content: "\e708"; } .el-icon-location:before { content: "\e79e"; } .el-icon-place:before { content: "\e709"; } .el-icon-discover:before { content: "\e70a"; } .el-icon-first-aid-kit:before { content: "\e70b"; } .el-icon-trophy-1:before { content: "\e70c"; } .el-icon-trophy:before { content: "\e70d"; } .el-icon-medal:before { content: "\e70e"; } .el-icon-medal-1:before { content: "\e70f"; } .el-icon-stopwatch:before { content: "\e710"; } .el-icon-mic:before { content: "\e711"; } .el-icon-copy-document:before { content: "\e718"; } .el-icon-full-screen:before { content: "\e719"; } .el-icon-switch-button:before { content: "\e71b"; } .el-icon-aim:before { content: "\e71c"; } .el-icon-crop:before { content: "\e71d"; } .el-icon-odometer:before { content: "\e71e"; } .el-icon-time:before { content: "\e71f"; } .el-icon-bangzhu:before { content: "\e724"; } .el-icon-close-notification:before { content: "\e726"; } .el-icon-microphone:before { content: "\e727"; } .el-icon-turn-off-microphone:before { content: "\e728"; } .el-icon-position:before { content: "\e729"; } .el-icon-postcard:before { content: "\e72a"; } .el-icon-message:before { content: "\e72b"; } .el-icon-chat-line-square:before { content: "\e72d"; } .el-icon-chat-dot-square:before { content: "\e72e"; } .el-icon-chat-dot-round:before { content: "\e72f"; } .el-icon-chat-square:before { content: "\e730"; } .el-icon-chat-line-round:before { content: "\e731"; } .el-icon-chat-round:before { content: "\e732"; } .el-icon-set-up:before { content: "\e733"; } .el-icon-turn-off:before { content: "\e734"; } .el-icon-open:before { content: "\e735"; } .el-icon-connection:before { content: "\e736"; } .el-icon-link:before { content: "\e737"; } .el-icon-cpu:before { content: "\e738"; } .el-icon-thumb:before { content: "\e739"; } .el-icon-female:before { content: "\e73a"; } .el-icon-male:before { content: "\e73b"; } .el-icon-guide:before { content: "\e73c"; } .el-icon-news:before { content: "\e73e"; } .el-icon-price-tag:before { content: "\e744"; } .el-icon-discount:before { content: "\e745"; } .el-icon-wallet:before { content: "\e747"; } .el-icon-coin:before { content: "\e748"; } .el-icon-money:before { content: "\e749"; } .el-icon-bank-card:before { content: "\e74a"; } .el-icon-box:before { content: "\e74b"; } .el-icon-present:before { content: "\e74c"; } .el-icon-sell:before { content: "\e6d5"; } .el-icon-sold-out:before { content: "\e6d6"; } .el-icon-shopping-bag-2:before { content: "\e74d"; } .el-icon-shopping-bag-1:before { content: "\e74e"; } .el-icon-shopping-cart-2:before { content: "\e74f"; } .el-icon-shopping-cart-1:before { content: "\e750"; } .el-icon-shopping-cart-full:before { content: "\e751"; } .el-icon-smoking:before { content: "\e752"; } .el-icon-no-smoking:before { content: "\e753"; } .el-icon-house:before { content: "\e754"; } .el-icon-table-lamp:before { content: "\e755"; } .el-icon-school:before { content: "\e756"; } .el-icon-office-building:before { content: "\e757"; } .el-icon-toilet-paper:before { content: "\e758"; } .el-icon-notebook-2:before { content: "\e759"; } .el-icon-notebook-1:before { content: "\e75a"; } .el-icon-files:before { content: "\e75b"; } .el-icon-collection:before { content: "\e75c"; } .el-icon-receiving:before { content: "\e75d"; } .el-icon-suitcase-1:before { content: "\e760"; } .el-icon-suitcase:before { content: "\e761"; } .el-icon-film:before { content: "\e763"; } .el-icon-collection-tag:before { content: "\e765"; } .el-icon-data-analysis:before { content: "\e766"; } .el-icon-pie-chart:before { content: "\e767"; } .el-icon-data-board:before { content: "\e768"; } .el-icon-data-line:before { content: "\e76d"; } .el-icon-reading:before { content: "\e769"; } .el-icon-magic-stick:before { content: "\e76a"; } .el-icon-coordinate:before { content: "\e76b"; } .el-icon-mouse:before { content: "\e76c"; } .el-icon-brush:before { content: "\e76e"; } .el-icon-headset:before { content: "\e76f"; } .el-icon-umbrella:before { content: "\e770"; } .el-icon-scissors:before { content: "\e771"; } .el-icon-mobile:before { content: "\e773"; } .el-icon-attract:before { content: "\e774"; } .el-icon-monitor:before { content: "\e775"; } .el-icon-search:before { content: "\e778"; } .el-icon-takeaway-box:before { content: "\e77a"; } .el-icon-paperclip:before { content: "\e77d"; } .el-icon-printer:before { content: "\e77e"; } .el-icon-document-add:before { content: "\e782"; } .el-icon-document:before { content: "\e785"; } .el-icon-document-checked:before { content: "\e786"; } .el-icon-document-copy:before { content: "\e787"; } .el-icon-document-delete:before { content: "\e788"; } .el-icon-document-remove:before { content: "\e789"; } .el-icon-tickets:before { content: "\e78b"; } .el-icon-folder-checked:before { content: "\e77f"; } .el-icon-folder-delete:before { content: "\e780"; } .el-icon-folder-remove:before { content: "\e781"; } .el-icon-folder-add:before { content: "\e783"; } .el-icon-folder-opened:before { content: "\e784"; } .el-icon-folder:before { content: "\e78a"; } .el-icon-edit-outline:before { content: "\e764"; } .el-icon-edit:before { content: "\e78c"; } .el-icon-date:before { content: "\e78e"; } .el-icon-c-scale-to-original:before { content: "\e7c6"; } .el-icon-view:before { content: "\e6ce"; } .el-icon-loading:before { content: "\e6cf"; } .el-icon-rank:before { content: "\e6d1"; } .el-icon-sort-down:before { content: "\e7c4"; } .el-icon-sort-up:before { content: "\e7c5"; } .el-icon-sort:before { content: "\e6d2"; } .el-icon-finished:before { content: "\e6cd"; } .el-icon-refresh-left:before { content: "\e6c7"; } .el-icon-refresh-right:before { content: "\e6c8"; } .el-icon-refresh:before { content: "\e6d0"; } .el-icon-video-play:before { content: "\e7c0"; } .el-icon-video-pause:before { content: "\e7c1"; } .el-icon-d-arrow-right:before { content: "\e6dc"; } .el-icon-d-arrow-left:before { content: "\e6dd"; } .el-icon-arrow-up:before { content: "\e6e1"; } .el-icon-arrow-down:before { content: "\e6df"; } .el-icon-arrow-right:before { content: "\e6e0"; } .el-icon-arrow-left:before { content: "\e6de"; } .el-icon-top-right:before { content: "\e6e7"; } .el-icon-top-left:before { content: "\e6e8"; } .el-icon-top:before { content: "\e6e6"; } .el-icon-bottom:before { content: "\e6eb"; } .el-icon-right:before { content: "\e6e9"; } .el-icon-back:before { content: "\e6ea"; } .el-icon-bottom-right:before { content: "\e6ec"; } .el-icon-bottom-left:before { content: "\e6ed"; } .el-icon-caret-top:before { content: "\e78f"; } .el-icon-caret-bottom:before { content: "\e790"; } .el-icon-caret-right:before { content: "\e791"; } .el-icon-caret-left:before { content: "\e792"; } .el-icon-d-caret:before { content: "\e79a"; } .el-icon-share:before { content: "\e793"; } .el-icon-menu:before { content: "\e798"; } .el-icon-s-grid:before { content: "\e7a6"; } .el-icon-s-check:before { content: "\e7a7"; } .el-icon-s-data:before { content: "\e7a8"; } .el-icon-s-opportunity:before { content: "\e7aa"; } .el-icon-s-custom:before { content: "\e7ab"; } .el-icon-s-claim:before { content: "\e7ad"; } .el-icon-s-finance:before { content: "\e7ae"; } .el-icon-s-comment:before { content: "\e7af"; } .el-icon-s-flag:before { content: "\e7b0"; } .el-icon-s-marketing:before { content: "\e7b1"; } .el-icon-s-shop:before { content: "\e7b4"; } .el-icon-s-open:before { content: "\e7b5"; } .el-icon-s-management:before { content: "\e7b6"; } .el-icon-s-ticket:before { content: "\e7b7"; } .el-icon-s-release:before { content: "\e7b8"; } .el-icon-s-home:before { content: "\e7b9"; } .el-icon-s-promotion:before { content: "\e7ba"; } .el-icon-s-operation:before { content: "\e7bb"; } .el-icon-s-unfold:before { content: "\e7bc"; } .el-icon-s-fold:before { content: "\e7a9"; } .el-icon-s-platform:before { content: "\e7bd"; } .el-icon-s-order:before { content: "\e7be"; } .el-icon-s-cooperation:before { content: "\e7bf"; } .el-icon-bell:before { content: "\e725"; } .el-icon-message-solid:before { content: "\e799"; } .el-icon-video-camera:before { content: "\e772"; } .el-icon-video-camera-solid:before { content: "\e796"; } .el-icon-camera:before { content: "\e779"; } .el-icon-camera-solid:before { content: "\e79b"; } .el-icon-download:before { content: "\e77c"; } .el-icon-upload2:before { content: "\e77b"; } .el-icon-upload:before { content: "\e7c3"; } .el-icon-picture-outline-round:before { content: "\e75f"; } .el-icon-picture-outline:before { content: "\e75e"; } .el-icon-picture:before { content: "\e79f"; } .el-icon-close:before { content: "\e6db"; } .el-icon-check:before { content: "\e6da"; } .el-icon-plus:before { content: "\e6d9"; } .el-icon-minus:before { content: "\e6d8"; } .el-icon-help:before { content: "\e73d"; } .el-icon-s-help:before { content: "\e7b3"; } .el-icon-circle-close:before { content: "\e78d"; } .el-icon-circle-check:before { content: "\e720"; } .el-icon-circle-plus-outline:before { content: "\e723"; } .el-icon-remove-outline:before { content: "\e722"; } .el-icon-zoom-out:before { content: "\e776"; } .el-icon-zoom-in:before { content: "\e777"; } .el-icon-error:before { content: "\e79d"; } .el-icon-success:before { content: "\e79c"; } .el-icon-circle-plus:before { content: "\e7a0"; } .el-icon-remove:before { content: "\e7a2"; } .el-icon-info:before { content: "\e7a1"; } .el-icon-question:before { content: "\e7a4"; } .el-icon-warning-outline:before { content: "\e6c9"; } .el-icon-warning:before { content: "\e7a3"; } .el-icon-goods:before { content: "\e7c2"; } .el-icon-s-goods:before { content: "\e7b2"; } .el-icon-star-off:before { content: "\e717"; } .el-icon-star-on:before { content: "\e797"; } .el-icon-more-outline:before { content: "\e6cc"; } .el-icon-more:before { content: "\e794"; } .el-icon-phone-outline:before { content: "\e6cb"; } .el-icon-phone:before { content: "\e795"; } .el-icon-user:before { content: "\e6e3"; } .el-icon-user-solid:before { content: "\e7a5"; } .el-icon-setting:before { content: "\e6ca"; } .el-icon-s-tools:before { content: "\e7ac"; } .el-icon-delete:before { content: "\e6d7"; } .el-icon-delete-solid:before { content: "\e7c9"; } .el-icon-eleme:before { content: "\e7c7"; } .el-icon-platform-eleme:before { content: "\e7ca"; } .el-icon-loading { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .el-icon--right { margin-left: 5px; } .el-icon--left { margin-right: 5px; } @keyframes rotating { 0% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @media screen and (min-width: 1681px) { html { font-size: 14px; } } body { font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif; font-weight: 400; color: rgba(0, 0, 0, 0.85); -webkit-font-smoothing: antialiased; } .iconfont, [class*="dg-icon-"], [class^="dg-icon-"] { font-family: iconfont !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #1890ff; } a:focus, a:hover { color: #2f9bff; } a:active { color: #1682e6; } h1, h2, h3, h4, h5, h6 { color: rgba(0, 0, 0, 0.85); font-weight: inherit; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child { margin-bottom: 0; } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4, h5, h6, p { font-size: inherit; } p { line-height: 1.8; } sub, sup { font-size: 13px; } small { font-size: 12px; } input { background: #fff; } .el-pagination { white-space: nowrap; color: rgba(0, 0, 0, 0.85); padding: 2px 0; } .el-pagination::after, .el-pagination::before { display: table; content: ""; } .el-pagination::after { clear: both; } .el-pagination button, .el-pagination span:not([class*="suffix"]) { display: inline-block; height: 28px; line-height: 28px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .el-pagination button, .el-pagination span:not([class*="suffix"]) { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-pagination button, .el-pagination span:not([class*="suffix"]) { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-pagination button, .el-pagination span:not([class*="suffix"]) { font-size: 12px; } } .el-pagination .el-input__inner { text-align: center; -moz-appearance: textfield; line-height: 24px; height: 24px; } .el-pagination .el-input__icon { line-height: 24px; } .el-pagination .el-input__suffix { right: 0; -webkit-transform: scale(1); transform: scale(1); top: -2px; } .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: 2px; } .el-pagination button { border: none; padding: 0 6px; background: 0 0; } .el-pagination button:focus { outline: 0; } .el-pagination button:hover { color: #1890ff; } .el-pagination button:disabled { color: rgba(0, 0, 0, 0.25); background-color: transparent; cursor: not-allowed; } .el-pagination .btn-next, .el-pagination .btn-prev { background: center center no-repeat; background-size: 16px; cursor: pointer; margin: 0; color: rgba(0, 0, 0, 0.85); } .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon { display: block; font-size: 12px; font-weight: 700; } .el-pagination .btn-prev { padding-right: 10px; } .el-pagination .btn-next { padding-left: 10px; } .el-pagination .el-pager li.disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover { cursor: pointer; } .el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; line-height: 22px; height: 22px; min-width: 22px; } .el-pagination--small .more::before, .el-pagination--small li.more::before { line-height: 24px; } .el-pagination--small button, .el-pagination--small span:not([class*="suffix"]) { height: 22px; line-height: 22px; } .el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px; } .el-pagination__sizes { margin: 0 10px 0 0; font-weight: 400; color: rgba(0, 0, 0, 0.45); } .el-pagination__sizes .el-input .el-input__inner:hover { border-color: #1890ff; } .el-pagination__total { margin-right: 10px; font-weight: 400; color: rgba(0, 0, 0, 0.85); } .el-pagination__jump { margin-left: 14px; color: rgba(0, 0, 0, 0.85); font-weight: 400; } .el-pagination__jump .el-input__inner { padding: 0 3px; } .el-pagination__rightwrapper { float: right; } .el-pagination__editor { line-height: 18px; padding: 0 2px; height: 28px; text-align: center; margin: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; } .el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { padding: 0; } .el-pagination__editor.el-input { width: 30px; margin: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-pagination__editor.el-input .el-input__inner { width: 30px; height: 24px; } .el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { color: rgba(0, 0, 0, 0.45); border-radius: 2px; margin: 0 4px; width: 30px; line-height: 28px; padding: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.15); } .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled { color: rgba(0, 0, 0, 0.25); } .el-pagination.is-background .el-pager li:not(.disabled):hover { color: #1890ff; } .el-pagination.is-background .el-pager li:not(.disabled).active { color: #1890ff; border-color: #1890ff; } .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0 3px; min-width: 22px; } .el-pager, .el-pager li { vertical-align: top; margin: 0; display: inline-block; } .el-pager { user-select: none; list-style: none; font-size: 0; } .el-pager .more::before { line-height: 30px; } .el-pager li { padding: 0 6px; background: 0 0; font-size: 13px; height: 28px; line-height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px; color: rgba(0, 0, 0, 0.85); } .el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled { color: rgba(0, 0, 0, 0.25); } .el-pager li.active + li { border-left: 0; } .el-pager li:hover { color: #1890ff; } .el-pager li.active { color: #1890ff; cursor: default; } @-webkit-keyframes v-modal-in { 0% { opacity: 0; } } @-webkit-keyframes v-modal-out { 100% { opacity: 0; } } @-webkit-keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes dialog-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } @media screen and (max-width: 1366px) { .el-pager li { font-size: 12px; } } .el-autocomplete { position: relative; display: inline-block; } .el-autocomplete-suggestion { margin: 5px 0; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .el-dropdown-menu, .el-menu--collapse .el-submenu .el-menu { z-index: 10; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-autocomplete-suggestion__wrap { max-height: 280px; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-autocomplete-suggestion__list { margin: 0; padding: 0; } .el-autocomplete-suggestion li { padding: 0 20px; margin: 0; line-height: 34px; cursor: pointer; color: rgba(0, 0, 0, 0.45); font-size: 14px; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover { background-color: rgba(24, 144, 255, 0.08); } .el-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid #000; } .el-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px; } .el-autocomplete-suggestion.is-loading li { text-align: center; height: 100px; line-height: 100px; font-size: 20px; color: #999; } .el-autocomplete-suggestion.is-loading li::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-autocomplete-suggestion.is-loading li:hover { background-color: #fff; } .el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle; } .el-menu--collapse .el-menu .el-submenu, .el-menu--popup { min-width: 200px; } .el-dropdown { display: inline-block; position: relative; color: rgba(0, 0, 0, 0.85); } @media screen and (min-width: 1681px) { .el-dropdown { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-dropdown { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-dropdown { font-size: 12px; } } .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:hover::before { top: 0; bottom: 0; } .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0; } .el-dropdown__icon { font-size: 12px; margin: 0 3px; } .el-dropdown-menu { position: absolute; top: 0; left: 0; padding: 10px 0; margin: 5px 0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; 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; color: rgba(0, 0, 0, 0.85); cursor: pointer; outline: 0; } @media screen and (min-width: 1681px) { .el-dropdown-menu__item { font-size: 14px; } .el-submenu__icon-arrow { right: 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-dropdown-menu__item { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-dropdown-menu__item { font-size: 12px; } } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #e8f4ff; color: #46a6ff; } .el-dropdown-menu__item i { margin-right: 5px; } .el-dropdown-menu__item--divided { position: relative; margin-top: 6px; border-top: 1px solid rgba(0, 0, 0, 0.15); } .el-dropdown-menu__item--divided:before { content: ""; height: 6px; display: block; margin: 0 -20px; background-color: #fff; } .el-dropdown-menu__item.is-disabled { cursor: default; color: rgba(0, 0, 0, 0.25); pointer-events: none; } .el-dropdown-menu--medium { padding: 6px 0; } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0 17px; font-size: 14px; } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 6px; } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 6px; margin: 0 -17px; } .el-dropdown-menu--small { padding: 6px 0; } .el-dropdown-menu--small .el-dropdown-menu__item { line-height: 27px; padding: 0 15px; font-size: 13px; } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 4px; } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 4px; margin: 0 -15px; } .el-dropdown-menu--mini { padding: 3px 0; } .el-dropdown-menu--mini .el-dropdown-menu__item { line-height: 24px; padding: 0 10px; font-size: 12px; } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 3px; } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 3px; margin: 0 -10px; } .el-menu { border-right: solid 1px #e6e6e6; list-style: none; position: relative; margin: 0; padding-left: 0; background-color: transparent; } .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover { background-color: #fff; } .el-menu::after, .el-menu::before { display: table; content: ""; } .el-menu::after { clear: both; } .el-menu.el-menu--horizontal { border-bottom: solid 1px #e6e6e6; } .el-menu--horizontal { border-right: none; } .el-menu--horizontal > .el-menu-item { float: left; height: 60px; line-height: 60px; margin: 0; border-bottom: 2px solid transparent; color: rgba(0, 0, 0, 0.65); } .el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover { color: inherit; } .el-menu--horizontal > .el-submenu { float: left; } .el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { outline: 0; } .el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title { color: rgba(0, 0, 0, 0.85); } .el-menu--horizontal > .el-submenu.is-active .el-submenu__title { border-bottom: 2px solid #1890ff; color: rgba(0, 0, 0, 0.85); } .el-menu--horizontal > .el-submenu .el-submenu__title { height: 60px; line-height: 60px; border-bottom: 2px solid transparent; color: rgba(0, 0, 0, 0.65); } .el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { position: static; vertical-align: middle; margin-left: 8px; margin-top: -3px; } .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title { background-color: #fff; float: none; height: 36px; line-height: 36px; padding: 0 10px; color: rgba(0, 0, 0, 0.65); } .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { color: rgba(0, 0, 0, 0.85); } .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { outline: 0; color: rgba(0, 0, 0, 0.85); } .el-menu--horizontal > .el-menu-item.is-active { border-bottom: 2px solid #1890ff; color: rgba(0, 0, 0, 0.85); } .el-menu--collapse { width: 64px; } .el-menu--collapse > .el-menu-item [class^="el-icon-"], .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { margin: 0; vertical-align: middle; width: 24px; text-align: center; } .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { display: none; } .el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } .el-menu--collapse > .el-menu-item.is-active i { color: inherit; } .el-menu--collapse .el-submenu { position: relative; } .el-menu--collapse .el-submenu .el-menu { position: absolute; margin-left: 5px; top: 0; left: 100%; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-menu-item, .el-submenu__title { height: 56px; line-height: 56px; position: relative; white-space: nowrap; list-style: none; } .el-menu--popup, .el-table-filter { -webkit-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 { -webkit-transform: none; transform: none; } .el-menu--popup { z-index: 100; 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 { font-size: 14px; color: rgba(0, 0, 0, 0.85); padding: 0 20px; cursor: pointer; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-menu-item * { vertical-align: middle; } .el-menu-item i { color: rgba(0, 0, 0, 0.65); } .el-menu-item:focus, .el-menu-item:hover { outline: 0; background-color: rgba(24, 144, 255, 0.08); } .el-menu-item.is-disabled { opacity: 0.25; cursor: not-allowed; background: 0 0 !important; } .el-menu-item [class^="el-icon-"] { margin-right: 5px; width: 24px; text-align: center; font-size: 18px; vertical-align: middle; } .el-menu-item.is-active { color: #1890ff; } .el-menu-item.is-active i { color: inherit; } .el-submenu { list-style: none; margin: 0; padding-left: 0; } .el-submenu__title { font-size: 14px; color: rgba(0, 0, 0, 0.85); padding: 0 20px; cursor: pointer; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-submenu__title * { vertical-align: middle; } .el-submenu__title i { color: rgba(0, 0, 0, 0.65); } .el-submenu__title:focus, .el-submenu__title:hover { outline: 0; background-color: rgba(24, 144, 255, 0.08); } .el-submenu__title.is-disabled { opacity: 0.25; cursor: not-allowed; background: 0 0 !important; } .el-submenu__title:hover { background-color: rgba(24, 144, 255, 0.08); } .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%; margin-top: -7px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; font-size: 12px; } .el-submenu.is-active .el-submenu__title { border-bottom-color: #1890ff; } .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title { opacity: 0.25; cursor: not-allowed; background: 0 0 !important; } .el-submenu [class^="el-icon-"] { vertical-align: middle; margin-right: 5px; width: 24px; text-align: center; font-size: 18px; } .el-menu-item-group > ul { padding: 0; } .el-menu-item-group__title { padding: 7px 0 7px 20px; line-height: normal; font-size: 12px; color: rgba(0, 0, 0, 0.65); } .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; } .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; } .el-table-filter { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0; } .el-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: #e8f4ff; color: #46a6ff; } .el-table-filter__list-item.is-active { background-color: #1890ff; color: #fff; } .el-table-filter__content { min-width: 100px; } .el-table-filter__bottom { border-top: 1px solid rgba(0, 0, 0, 0.15); padding: 8px; } .el-table-filter__bottom button { background: 0 0; border: none; cursor: pointer; padding: 0 3px; color: rgba(0, 0, 0, 0.85); } .el-table-filter__bottom button:hover { color: #1890ff; } .el-table-filter__bottom button:focus { outline: 0; } .el-table-filter__bottom button.is-disabled { color: rgba(0, 0, 0, 0.25); 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; } @media screen and (min-width: 1681px) { .el-table-filter__bottom button { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-submenu__icon-arrow { right: 14px; } .el-table-filter__bottom button { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-submenu__icon-arrow { right: 12px; } .el-table-filter__bottom button { font-size: 12px; } } .el-popover { position: absolute; background: #fff; min-width: 150px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.15); padding: 12px; z-index: 2000; color: rgba(0, 0, 0, 0.45); line-height: 1.4; text-align: justify; font-size: 14px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); word-break: break-all; } .el-popover--plain { padding: 18px 20px; } .el-popover__title { color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 1; margin-bottom: 12px; } @-webkit-keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes msgbox-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } .el-breadcrumb { font-size: 14px; line-height: 1; } .el-breadcrumb::after, .el-breadcrumb::before { display: table; content: ""; } .el-breadcrumb::after { clear: both; } .el-breadcrumb__separator { margin: 0 9px; font-weight: 700; color: rgba(0, 0, 0, 0.25); } .el-breadcrumb__separator[class*="icon"] { margin: 0 6px; font-weight: 400; } .el-breadcrumb__item { float: left; } .el-breadcrumb__inner { color: rgba(0, 0, 0, 0.45); } .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { text-decoration: none; -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); color: rgba(0, 0, 0, 0.45); } .el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover { color: #1890ff; cursor: pointer; } .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { font-weight: 400; cursor: text; color: rgba(0, 0, 0, 0.85); } .el-breadcrumb__item:last-child .el-breadcrumb__separator { display: none; } .el-form--label-left .el-form-item__label { text-align: left; } .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0 0 10px; } .el-form--inline .el-form-item { display: inline-block; margin-right: 10px; vertical-align: middle; } .el-form--inline .el-form-item__label { float: none; display: inline-block; } .el-form--inline .el-form-item__content { display: inline-block; vertical-align: middle; } .el-form--inline.el-form--label-top .el-form-item__content { display: block; } .el-form-item { margin-bottom: 20px; } .el-form-item::after, .el-form-item::before { display: table; content: ""; } .el-form-item::after { clear: both; } .el-form-item .el-form-item { margin-bottom: 0; } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 20px; } .el-form-item .el-input__validateIcon { display: none; } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 36px; } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: 32px; } .el-form-item--small .el-form-item__error { padding-top: 2px; } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 28px; } .el-form-item--mini .el-form-item__error { padding-top: 1px; } .el-form-item__label-wrap { float: left; } .el-form-item__label-wrap .el-form-item__label { display: inline-block; float: none; } .el-form-item__label { text-align: right; vertical-align: middle; float: left; padding: 0 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .el-form-item__label { font-size: 14px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-form-item__label { font-size: 14px; line-height: 28px; } } @media screen and (max-width: 1366px) { .el-form-item__label { font-size: 12px; line-height: 24px; } } .el-form-item__content { position: relative; } @media screen and (min-width: 1681px) { .el-form-item__content { font-size: 14px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-form-item__content { font-size: 14px; line-height: 28px; } } @media screen and (max-width: 1366px) { .el-form-item__content { font-size: 12px; line-height: 24px; } } .el-form-item__content::after, .el-form-item__content::before { display: table; content: ""; } .el-form-item__content::after { clear: both; } .el-form-item__content .el-input-group { vertical-align: top; } .el-form-item__error { color: #f5222d; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0; } .el-form-item__error--inline { position: relative; top: auto; left: auto; display: inline-block; margin-left: 10px; } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { content: "*"; color: #f5222d; 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: #f5222d; } .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: #f5222d; } .el-form-item--feedback .el-input__validateIcon { display: inline-block; } .el-tabs__header { padding: 0; position: relative; margin: 0 0 15px; } .el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 2px; background-color: #1890ff; z-index: 1; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); list-style: none; } .el-tabs__new-tab { float: right; border: 1px solid #d3dce6; height: 18px; width: 18px; line-height: 18px; margin: 12px 0 9px 10px; border-radius: 3px; text-align: center; font-size: 12px; color: #d3dce6; cursor: pointer; -webkit-transition: all 0.15s; transition: all 0.15s; } .el-tabs__new-tab .el-icon-plus { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .el-tabs__new-tab:hover { color: #1890ff; } .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: rgba(0, 0, 0, 0.15); z-index: 1; } .el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { content: none; } .el-tabs__nav-wrap.is-scrollable { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-tabs__nav-scroll { overflow: hidden; } .el-tabs__nav-next, .el-tabs__nav-prev { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: rgba(0, 0, 0, 0.65); } .el-tabs__nav-next { right: 0; } .el-tabs__nav-prev { left: 0; } .el-tabs__nav { white-space: nowrap; position: relative; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; float: left; z-index: 2; } .el-tabs__nav.is-stretch { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .el-tabs__nav.is-stretch > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .el-tabs__item { padding: 0 20px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-weight: 500; color: rgba(0, 0, 0, 0.65); position: relative; } @media screen and (min-width: 1681px) { .el-tabs__item { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-tabs__item { font-size: 14px; } } .el-tabs__item:focus, .el-tabs__item:focus:active { outline: 0; } .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: 0 0 2px 2px #1890ff inset; box-shadow: 0 0 2px 2px #1890ff inset; border-radius: 3px; } .el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin-left: 5px; } .el-tabs__item .el-icon-close:before { -webkit-transform: scale(0.9); transform: scale(0.9); display: inline-block; } .el-tabs__item .el-icon-close:hover { background-color: rgba(0, 0, 0, 0.25); color: #fff; } .el-tabs__item.is-active { color: #1890ff; } .el-tabs__item:hover { color: #1890ff; cursor: pointer; } .el-tabs__item.is-disabled { color: rgba(0, 0, 0, 0.25); cursor: default; } .el-tabs__content { overflow: hidden; position: relative; } .el-tabs--card > .el-tabs__header { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .el-tabs--card > .el-tabs__header .el-tabs__nav { border: 1px solid rgba(0, 0, 0, 0.15); border-bottom: none; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-tabs--card > .el-tabs__header .el-tabs__active-bar { display: none; } .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; right: -2px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px; } .el-tabs--card > .el-tabs__header .el-tabs__item { border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: #fff; border-left: 1px solid rgba(0, 0, 0, 0.15); -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-tabs--card > .el-tabs__header .el-tabs__item:first-child { border-left: none; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { padding-left: 13px; padding-right: 13px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: #fff; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px; } .el-tabs--border-card { background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); } .el-tabs--border-card > .el-tabs__content { padding: 15px; } .el-tabs--border-card > .el-tabs__header { background-color: rgba(24, 144, 255, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin: 0; } .el-tabs--border-card > .el-tabs__header .el-tabs__item { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid transparent; margin-top: -1px; color: rgba(0, 0, 0, 0.65); } .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { margin-left: -1px; } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { color: #1890ff; background-color: #fff; border-right-color: rgba(0, 0, 0, 0.15); border-left-color: rgba(0, 0, 0, 0.15); } .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: #1890ff; } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { color: rgba(0, 0, 0, 0.25); } .el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-left: 0; } .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 0; } .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child { padding-right: 0; } .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 20px; } .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { padding-right: 20px; } .el-tabs--bottom .el-tabs__header.is-bottom { margin-bottom: 0; margin-top: 10px; } .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.15); } .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { margin-top: -1px; margin-bottom: 0; } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent; } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { margin: 0 -1px -1px; } .el-tabs--left, .el-tabs--right { overflow: hidden; } .el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { height: 100%; } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right { top: 0; bottom: auto; width: 2px; height: auto; } .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { margin-bottom: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { left: auto; top: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { right: auto; bottom: 0; } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left::after { right: 0; left: auto; } .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0; } .el-tabs--left .el-tabs__nav-wrap.is-left::after, .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, .el-tabs--right .el-tabs__nav-wrap.is-right::after { height: 100%; width: 2px; bottom: auto; top: 0; } .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right { float: none; } .el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right { display: block; } .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { display: none; } .el-tabs--left .el-tabs__header.is-left { float: left; margin-bottom: 0; margin-right: 10px; } .el-tabs--left .el-tabs__nav-wrap.is-left { margin-right: -1px; } .el-tabs--left .el-tabs__item.is-left { text-align: right; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left { border-left: none; border-right: 1px solid rgba(0, 0, 0, 0.15); border-bottom: none; border-top: 1px solid rgba(0, 0, 0, 0.15); text-align: left; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { border-right: 1px solid rgba(0, 0, 0, 0.15); border-top: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { border: 1px solid rgba(0, 0, 0, 0.15); 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 rgba(0, 0, 0, 0.15); border-right: none; } .el-tabs--left.el-tabs--card .el-tabs__new-tab { float: none; } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { border-right: 1px solid #dfe4ed; } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { border: 1px solid transparent; margin: -1px 0 -1px -1px; } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { border-color: #d1dbe5 transparent; } .el-tabs--right .el-tabs__header.is-right { float: right; margin-bottom: 0; margin-left: 10px; } .el-tabs--right .el-tabs__nav-wrap.is-right { margin-left: -1px; } .el-tabs--right .el-tabs__nav-wrap.is-right::after { left: 0; right: auto; } .el-tabs--right .el-tabs__active-bar.is-right { left: 0; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right { border-bottom: none; border-top: 1px solid rgba(0, 0, 0, 0.15); } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { border-left: 1px solid rgba(0, 0, 0, 0.15); border-top: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { border: 1px solid rgba(0, 0, 0, 0.15); 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 rgba(0, 0, 0, 0.15); border-left: none; } .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-left: 1px solid #dfe4ed; } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border: 1px solid transparent; margin: -1px -1px -1px 0; } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { border-color: #d1dbe5 transparent; } .slideInLeft-transition, .slideInRight-transition { display: inline-block; } .slideInRight-enter { -webkit-animation: slideInRight-enter 0.3s; animation: slideInRight-enter 0.3s; } .slideInRight-leave { position: absolute; left: 0; right: 0; -webkit-animation: slideInRight-leave 0.3s; animation: slideInRight-leave 0.3s; } .slideInLeft-enter { -webkit-animation: slideInLeft-enter 0.3s; animation: slideInLeft-enter 0.3s; } .slideInLeft-leave { position: absolute; left: 0; right: 0; -webkit-animation: slideInLeft-leave 0.3s; animation: slideInLeft-leave 0.3s; } @-webkit-keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @-webkit-keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active { opacity: 0; } @media screen and (max-width: 1366px) { .el-tabs__item { font-size: 12px; } } .el-tree { position: relative; cursor: default; color: rgba(0, 0, 0, 0.85); } .el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; } .el-tree__empty-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: rgba(0, 0, 0, 0.65); } .el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: #1890ff; } .el-tree-node { white-space: nowrap; outline: 0; } .el-tree-node:focus > .el-tree-node__content { background-color: rgba(24, 144, 255, 0.08); } .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { background-color: #1890ff; color: #fff; } .el-tree-node__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; cursor: pointer; } .el-tree-node__content > .el-tree-node__expand-icon { padding: 6px; } .el-tree-node__content > label.el-checkbox { margin-right: 8px; } .el-tree-node__content:hover { background-color: rgba(24, 144, 255, 0.08); } .el-tree-node__content label.el-checkbox.is-disabled + .el-tree-node__label { color: rgba(0, 0, 0, 0.25); } .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: rgba(0, 0, 0, 0.45); font-size: 12px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; } @media screen and (min-width: 1681px) { .el-tree-node__label { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-tree-node__label { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-tree-node__label { font-size: 12px; } } .el-tree-node__loading-icon { margin-right: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.45); } .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: #edf6ff; } .el-notification { display: -webkit-box; display: -ms-flexbox; display: flex; width: 330px; padding: 24px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; overflow: hidden; } .el-card.is-always-shadow, .el-message { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .el-notification.right { right: 16px; } .el-notification.left { left: 16px; } .el-notification__group { margin-right: 20px; } .el-notification__title { font-weight: 700; color: rgba(0, 0, 0, 0.85); margin: 0; line-height: 1.5; } @media screen and (min-width: 1681px) { .el-notification__title { font-size: 18px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-notification__title { font-size: 16px; } .el-notification__content { font-size: 14px; } } .el-notification__content { line-height: 1.5; margin: 8px 0 0; color: rgba(0, 0, 0, 0.65); text-align: justify; } @media screen and (min-width: 1681px) { .el-notification__content { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-notification__title { font-size: 14px; } .el-notification__content { font-size: 12px; } } .el-notification__content p { margin: 0; color: rgba(0, 0, 0, 0.65); } .el-notification__icon { width: 24px; height: 24px; font-size: 24px; margin-right: 16px; } @media screen and (max-width: 1366px) { .el-notification__icon { width: 22px; height: 22px; font-size: 22px; } } .el-notification__closeBtn { position: absolute; top: 20px; right: 20px; cursor: pointer; color: rgba(0, 0, 0, 0.45); font-size: 16px; } .el-notification__closeBtn:hover { color: rgba(0, 0, 0, 0.65); } .el-notification .el-icon-success { color: #52c41a; } .el-notification .el-icon-error { color: #f5222d; } .el-notification .el-icon-info { color: #1890ff; } .el-notification .el-icon-warning { color: #f5222d; } .el-notification-fade-enter.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .el-notification-fade-enter.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .el-input-number { position: relative; display: inline-block; min-width: 100px; } @media screen and (min-width: 1681px) { .el-input-number { line-height: 30px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-input-number { line-height: 26px; } } @media screen and (max-width: 1366px) { .el-input-number { line-height: 21px; } } .el-input-number .el-input { display: block; } .el-input-number .el-input__inner { -webkit-appearance: none; padding-left: 42px; padding-right: 42px; text-align: center; } .el-input-number__decrease, .el-input-number__increase { position: absolute; z-index: 1; top: 1px; width: 32px; height: auto; text-align: center; background: #fff; color: rgba(0, 0, 0, 0.45); cursor: pointer; font-size: 13px; } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #1890ff; } .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #1890ff; } .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-input-number__increase { right: 1px; border-radius: 0 2px 2px 0; border-left: 1px solid rgba(0, 0, 0, 0.15); } .el-input-number__decrease { left: 1px; border-radius: 2px 0 0 2px; border-right: 1px solid rgba(0, 0, 0, 0.15); } .el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase { border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.15); } .el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover { color: rgba(0, 0, 0, 0.15); cursor: not-allowed; } .el-input-number--medium { width: 200px; line-height: 38px; } .el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase { width: 40px; font-size: 16px; } .el-input-number--medium .el-input__inner { padding-left: 47px; padding-right: 47px; } .el-input-number--small { width: 130px; line-height: 30px; } .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase { width: 32px; font-size: 14px; } .el-input-number--small .el-input-number__decrease [class*="el-icon"], .el-input-number--small .el-input-number__increase [class*="el-icon"] { -webkit-transform: scale(0.9); transform: scale(0.9); } .el-input-number--small .el-input__inner { padding-left: 39px; padding-right: 39px; } .el-input-number--mini { width: 130px; line-height: 22px; } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 24px; font-size: 12px; } .el-input-number--mini .el-input-number__decrease [class*="el-icon"], .el-input-number--mini .el-input-number__increase [class*="el-icon"] { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-input-number--mini .el-input__inner { padding-left: 31px; padding-right: 31px; } .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: 42px; } .el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase { height: auto; line-height: 15px; } .el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"], .el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-input-number.is-controls-right .el-input-number__increase { border-radius: 0 2px 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .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 rgba(0, 0, 0, 0.15); border-radius: 0 0 2px; } .el-input-number.is-controls-right[class*="medium"] [class*="increase"], .el-input-number.is-controls-right[class*="medium"] [class*="decrease"] { line-height: 19px; } .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: 11px; } .el-slider::after, .el-slider::before { display: table; content: ""; } .el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper::after { display: inline-block; vertical-align: middle; } .el-slider::after { clear: both; } .el-slider__runway { width: 100%; height: 6px; margin: 16px 0; background-color: rgba(0, 0, 0, 0.15); 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: rgba(0, 0, 0, 0.25); } .el-slider__runway.disabled .el-slider__button { border-color: rgba(0, 0, 0, 0.25); } .el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover { cursor: not-allowed; } .el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover { -webkit-transform: scale(1); transform: scale(1); cursor: not-allowed; } .el-slider__button-wrapper, .el-slider__stop { -webkit-transform: translateX(-50%); position: absolute; } .el-slider__input { float: right; margin-top: 3px; width: 130px; } .el-slider__input.el-input-number--mini { margin-top: 5px; } .el-slider__input.el-input-number--medium { margin-top: 0; } .el-slider__input.el-input-number--large { margin-top: -2px; } .el-slider__bar { height: 6px; background-color: #1890ff; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; } .el-slider__button-wrapper { height: 36px; width: 36px; z-index: 1001; top: -15px; transform: translateX(-50%); background-color: transparent; text-align: center; user-select: none; line-height: normal; } .el-slider__button, .el-step__icon-inner { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-slider__button-wrapper::after { content: ""; height: 100%; } .el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover { cursor: -webkit-grab; cursor: grab; } .el-slider__button-wrapper.dragging { cursor: -webkit-grabbing; cursor: grabbing; } .el-slider__button { width: 16px; height: 16px; border: 2px solid #1890ff; background-color: #fff; border-radius: 50%; -webkit-transition: 0.2s; transition: 0.2s; user-select: none; } .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .el-slider__button.hover, .el-slider__button:hover { cursor: -webkit-grab; cursor: grab; } .el-slider__button.dragging { cursor: -webkit-grabbing; cursor: grabbing; } .el-slider__stop { height: 6px; width: 6px; border-radius: 100%; background-color: #fff; transform: translateX(-50%); } .el-slider__marks { top: 0; left: 12px; width: 18px; height: 100%; } .el-slider__marks-text { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; color: #bfbfbf; margin-top: 15px; } .el-slider.is-vertical { position: relative; } .el-slider.is-vertical .el-slider__runway { width: 6px; height: 100%; margin: 0 16px; } .el-slider.is-vertical .el-slider__bar { width: 6px; height: auto; border-radius: 0 0 3px 3px; } .el-slider.is-vertical .el-slider__button-wrapper { top: auto; left: -15px; -webkit-transform: translateY(50%); transform: translateY(50%); } .el-slider.is-vertical .el-slider__stop { -webkit-transform: translateY(50%); transform: translateY(50%); } .el-slider.is-vertical.el-slider--with-input { padding-bottom: 62px; } .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 rgba(0, 0, 0, 0.15); line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { width: 18px; right: 18px; border-bottom-left-radius: 2px; } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { width: 19px; border-bottom-right-radius: 2px; } .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: rgba(0, 0, 0, 0.25); } .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: #1890ff; } .el-slider.is-vertical .el-slider__marks-text { margin-top: 0; left: 15px; -webkit-transform: translateY(50%); transform: translateY(50%); } .el-loading-parent--relative { position: relative !important; } .el-loading-parent--hidden { overflow: hidden !important; } .el-loading-mask { position: absolute; z-index: 2000; background-color: rgba(255, 255, 255, 0.9); margin: 0; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .el-message, .el-message--error, .el-message--success, .el-message--warning { background-color: #fff; } .el-loading-mask.is-fullscreen { position: fixed; } .el-loading-mask.is-fullscreen .el-loading-spinner { margin-top: -25px; } .el-loading-mask.is-fullscreen .el-loading-spinner .circular { height: 50px; width: 50px; } .el-loading-spinner { top: 50%; margin-top: -21px; width: 100%; text-align: center; position: absolute; } .el-col-pull-0, .el-col-pull-1, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-2, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-push-0, .el-col-push-1, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-2, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-row { position: relative; } .el-loading-spinner .el-loading-text { color: #1890ff; margin: 3px 0; font-size: 14px; } .el-loading-spinner .circular { height: 42px; width: 42px; -webkit-animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite; } .el-loading-spinner .path { -webkit-animation: loading-dash 1.5s ease-in-out infinite; animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: #1890ff; stroke-linecap: round; } .el-loading-spinner i { color: #1890ff; } .el-message .el-message__content, .el-message p { color: rgba(0, 0, 0, 0.85); } @-webkit-keyframes loading-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } .el-row { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-row::after, .el-row::before { display: table; content: ""; } .el-row::after { clear: both; } .el-row--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .el-col-0, .el-row--flex:after, .el-row--flex:before { display: none; } .el-row--flex.is-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-row--flex.is-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .el-row--flex.is-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .el-row--flex.is-justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .el-row--flex.is-align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-row--flex.is-align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [class*="el-col-"] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-card__header, .el-message { -webkit-box-sizing: border-box; } .el-col-0 { width: 0%; } .el-col-offset-0 { margin-left: 0; } .el-col-pull-0 { right: 0; } .el-col-push-0 { left: 0; } .el-col-1 { width: 4.16667%; } .el-col-offset-1 { margin-left: 4.16667%; } .el-col-pull-1 { right: 4.16667%; } .el-col-push-1 { left: 4.16667%; } .el-col-2 { width: 8.33333%; } .el-col-offset-2 { margin-left: 8.33333%; } .el-col-pull-2 { right: 8.33333%; } .el-col-push-2 { left: 8.33333%; } .el-col-3 { width: 12.5%; } .el-col-offset-3 { margin-left: 12.5%; } .el-col-pull-3 { right: 12.5%; } .el-col-push-3 { left: 12.5%; } .el-col-4 { width: 16.66667%; } .el-col-offset-4 { margin-left: 16.66667%; } .el-col-pull-4 { right: 16.66667%; } .el-col-push-4 { left: 16.66667%; } .el-col-5 { width: 20.83333%; } .el-col-offset-5 { margin-left: 20.83333%; } .el-col-pull-5 { right: 20.83333%; } .el-col-push-5 { left: 20.83333%; } .el-col-6 { width: 25%; } .el-col-offset-6 { margin-left: 25%; } .el-col-pull-6 { right: 25%; } .el-col-push-6 { left: 25%; } .el-col-7 { width: 29.16667%; } .el-col-offset-7 { margin-left: 29.16667%; } .el-col-pull-7 { right: 29.16667%; } .el-col-push-7 { left: 29.16667%; } .el-col-8 { width: 33.33333%; } .el-col-offset-8 { margin-left: 33.33333%; } .el-col-pull-8 { right: 33.33333%; } .el-col-push-8 { left: 33.33333%; } .el-col-9 { width: 37.5%; } .el-col-offset-9 { margin-left: 37.5%; } .el-col-pull-9 { right: 37.5%; } .el-col-push-9 { left: 37.5%; } .el-col-10 { width: 41.66667%; } .el-col-offset-10 { margin-left: 41.66667%; } .el-col-pull-10 { right: 41.66667%; } .el-col-push-10 { left: 41.66667%; } .el-col-11 { width: 45.83333%; } .el-col-offset-11 { margin-left: 45.83333%; } .el-col-pull-11 { right: 45.83333%; } .el-col-push-11 { left: 45.83333%; } .el-col-12 { width: 50%; } .el-col-offset-12 { margin-left: 50%; } .el-col-pull-12 { position: relative; right: 50%; } .el-col-push-12 { left: 50%; } .el-col-13 { width: 54.16667%; } .el-col-offset-13 { margin-left: 54.16667%; } .el-col-pull-13 { right: 54.16667%; } .el-col-push-13 { left: 54.16667%; } .el-col-14 { width: 58.33333%; } .el-col-offset-14 { margin-left: 58.33333%; } .el-col-pull-14 { right: 58.33333%; } .el-col-push-14 { left: 58.33333%; } .el-col-15 { width: 62.5%; } .el-col-offset-15 { margin-left: 62.5%; } .el-col-pull-15 { right: 62.5%; } .el-col-push-15 { left: 62.5%; } .el-col-16 { width: 66.66667%; } .el-col-offset-16 { margin-left: 66.66667%; } .el-col-pull-16 { right: 66.66667%; } .el-col-push-16 { left: 66.66667%; } .el-col-17 { width: 70.83333%; } .el-col-offset-17 { margin-left: 70.83333%; } .el-col-pull-17 { right: 70.83333%; } .el-col-push-17 { left: 70.83333%; } .el-col-18 { width: 75%; } .el-col-offset-18 { margin-left: 75%; } .el-col-pull-18 { right: 75%; } .el-col-push-18 { left: 75%; } .el-col-19 { width: 79.16667%; } .el-col-offset-19 { margin-left: 79.16667%; } .el-col-pull-19 { right: 79.16667%; } .el-col-push-19 { left: 79.16667%; } .el-col-20 { width: 83.33333%; } .el-col-offset-20 { margin-left: 83.33333%; } .el-col-pull-20 { right: 83.33333%; } .el-col-push-20 { left: 83.33333%; } .el-col-21 { width: 87.5%; } .el-col-offset-21 { margin-left: 87.5%; } .el-col-pull-21 { right: 87.5%; } .el-col-push-21 { left: 87.5%; } .el-col-22 { width: 91.66667%; } .el-col-offset-22 { margin-left: 91.66667%; } .el-col-pull-22 { right: 91.66667%; } .el-col-push-22 { left: 91.66667%; } .el-col-23 { width: 95.83333%; } .el-col-offset-23 { margin-left: 95.83333%; } .el-col-pull-23 { right: 95.83333%; } .el-col-push-23 { left: 95.83333%; } .el-col-24 { width: 100%; } .el-col-offset-24 { margin-left: 100%; } .el-col-pull-24 { right: 100%; } .el-col-push-24 { left: 100%; } @media only screen and (max-width: 767px) { .el-col-xs-0 { display: none; width: 0%; } .el-col-xs-offset-0 { margin-left: 0; } .el-col-xs-pull-0 { position: relative; right: 0; } .el-col-xs-push-0 { position: relative; left: 0; } .el-col-xs-1 { width: 4.16667%; } .el-col-xs-offset-1 { margin-left: 4.16667%; } .el-col-xs-pull-1 { position: relative; right: 4.16667%; } .el-col-xs-push-1 { position: relative; left: 4.16667%; } .el-col-xs-2 { width: 8.33333%; } .el-col-xs-offset-2 { margin-left: 8.33333%; } .el-col-xs-pull-2 { position: relative; right: 8.33333%; } .el-col-xs-push-2 { position: relative; left: 8.33333%; } .el-col-xs-3 { width: 12.5%; } .el-col-xs-offset-3 { margin-left: 12.5%; } .el-col-xs-pull-3 { position: relative; right: 12.5%; } .el-col-xs-push-3 { position: relative; left: 12.5%; } .el-col-xs-4 { width: 16.66667%; } .el-col-xs-offset-4 { margin-left: 16.66667%; } .el-col-xs-pull-4 { position: relative; right: 16.66667%; } .el-col-xs-push-4 { position: relative; left: 16.66667%; } .el-col-xs-5 { width: 20.83333%; } .el-col-xs-offset-5 { margin-left: 20.83333%; } .el-col-xs-pull-5 { position: relative; right: 20.83333%; } .el-col-xs-push-5 { position: relative; left: 20.83333%; } .el-col-xs-6 { width: 25%; } .el-col-xs-offset-6 { margin-left: 25%; } .el-col-xs-pull-6 { position: relative; right: 25%; } .el-col-xs-push-6 { position: relative; left: 25%; } .el-col-xs-7 { width: 29.16667%; } .el-col-xs-offset-7 { margin-left: 29.16667%; } .el-col-xs-pull-7 { position: relative; right: 29.16667%; } .el-col-xs-push-7 { position: relative; left: 29.16667%; } .el-col-xs-8 { width: 33.33333%; } .el-col-xs-offset-8 { margin-left: 33.33333%; } .el-col-xs-pull-8 { position: relative; right: 33.33333%; } .el-col-xs-push-8 { position: relative; left: 33.33333%; } .el-col-xs-9 { width: 37.5%; } .el-col-xs-offset-9 { margin-left: 37.5%; } .el-col-xs-pull-9 { position: relative; right: 37.5%; } .el-col-xs-push-9 { position: relative; left: 37.5%; } .el-col-xs-10 { width: 41.66667%; } .el-col-xs-offset-10 { margin-left: 41.66667%; } .el-col-xs-pull-10 { position: relative; right: 41.66667%; } .el-col-xs-push-10 { position: relative; left: 41.66667%; } .el-col-xs-11 { width: 45.83333%; } .el-col-xs-offset-11 { margin-left: 45.83333%; } .el-col-xs-pull-11 { position: relative; right: 45.83333%; } .el-col-xs-push-11 { position: relative; left: 45.83333%; } .el-col-xs-12 { width: 50%; } .el-col-xs-offset-12 { margin-left: 50%; } .el-col-xs-pull-12 { position: relative; right: 50%; } .el-col-xs-push-12 { position: relative; left: 50%; } .el-col-xs-13 { width: 54.16667%; } .el-col-xs-offset-13 { margin-left: 54.16667%; } .el-col-xs-pull-13 { position: relative; right: 54.16667%; } .el-col-xs-push-13 { position: relative; left: 54.16667%; } .el-col-xs-14 { width: 58.33333%; } .el-col-xs-offset-14 { margin-left: 58.33333%; } .el-col-xs-pull-14 { position: relative; right: 58.33333%; } .el-col-xs-push-14 { position: relative; left: 58.33333%; } .el-col-xs-15 { width: 62.5%; } .el-col-xs-offset-15 { margin-left: 62.5%; } .el-col-xs-pull-15 { position: relative; right: 62.5%; } .el-col-xs-push-15 { position: relative; left: 62.5%; } .el-col-xs-16 { width: 66.66667%; } .el-col-xs-offset-16 { margin-left: 66.66667%; } .el-col-xs-pull-16 { position: relative; right: 66.66667%; } .el-col-xs-push-16 { position: relative; left: 66.66667%; } .el-col-xs-17 { width: 70.83333%; } .el-col-xs-offset-17 { margin-left: 70.83333%; } .el-col-xs-pull-17 { position: relative; right: 70.83333%; } .el-col-xs-push-17 { position: relative; left: 70.83333%; } .el-col-xs-18 { width: 75%; } .el-col-xs-offset-18 { margin-left: 75%; } .el-col-xs-pull-18 { position: relative; right: 75%; } .el-col-xs-push-18 { position: relative; left: 75%; } .el-col-xs-19 { width: 79.16667%; } .el-col-xs-offset-19 { margin-left: 79.16667%; } .el-col-xs-pull-19 { position: relative; right: 79.16667%; } .el-col-xs-push-19 { position: relative; left: 79.16667%; } .el-col-xs-20 { width: 83.33333%; } .el-col-xs-offset-20 { margin-left: 83.33333%; } .el-col-xs-pull-20 { position: relative; right: 83.33333%; } .el-col-xs-push-20 { position: relative; left: 83.33333%; } .el-col-xs-21 { width: 87.5%; } .el-col-xs-offset-21 { margin-left: 87.5%; } .el-col-xs-pull-21 { position: relative; right: 87.5%; } .el-col-xs-push-21 { position: relative; left: 87.5%; } .el-col-xs-22 { width: 91.66667%; } .el-col-xs-offset-22 { margin-left: 91.66667%; } .el-col-xs-pull-22 { position: relative; right: 91.66667%; } .el-col-xs-push-22 { position: relative; left: 91.66667%; } .el-col-xs-23 { width: 95.83333%; } .el-col-xs-offset-23 { margin-left: 95.83333%; } .el-col-xs-pull-23 { position: relative; right: 95.83333%; } .el-col-xs-push-23 { position: relative; left: 95.83333%; } .el-col-xs-24 { width: 100%; } .el-col-xs-offset-24 { margin-left: 100%; } .el-col-xs-pull-24 { position: relative; right: 100%; } .el-col-xs-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 768px) { .el-col-sm-0 { display: none; width: 0%; } .el-col-sm-offset-0 { margin-left: 0; } .el-col-sm-pull-0 { position: relative; right: 0; } .el-col-sm-push-0 { position: relative; left: 0; } .el-col-sm-1 { width: 4.16667%; } .el-col-sm-offset-1 { margin-left: 4.16667%; } .el-col-sm-pull-1 { position: relative; right: 4.16667%; } .el-col-sm-push-1 { position: relative; left: 4.16667%; } .el-col-sm-2 { width: 8.33333%; } .el-col-sm-offset-2 { margin-left: 8.33333%; } .el-col-sm-pull-2 { position: relative; right: 8.33333%; } .el-col-sm-push-2 { position: relative; left: 8.33333%; } .el-col-sm-3 { width: 12.5%; } .el-col-sm-offset-3 { margin-left: 12.5%; } .el-col-sm-pull-3 { position: relative; right: 12.5%; } .el-col-sm-push-3 { position: relative; left: 12.5%; } .el-col-sm-4 { width: 16.66667%; } .el-col-sm-offset-4 { margin-left: 16.66667%; } .el-col-sm-pull-4 { position: relative; right: 16.66667%; } .el-col-sm-push-4 { position: relative; left: 16.66667%; } .el-col-sm-5 { width: 20.83333%; } .el-col-sm-offset-5 { margin-left: 20.83333%; } .el-col-sm-pull-5 { position: relative; right: 20.83333%; } .el-col-sm-push-5 { position: relative; left: 20.83333%; } .el-col-sm-6 { width: 25%; } .el-col-sm-offset-6 { margin-left: 25%; } .el-col-sm-pull-6 { position: relative; right: 25%; } .el-col-sm-push-6 { position: relative; left: 25%; } .el-col-sm-7 { width: 29.16667%; } .el-col-sm-offset-7 { margin-left: 29.16667%; } .el-col-sm-pull-7 { position: relative; right: 29.16667%; } .el-col-sm-push-7 { position: relative; left: 29.16667%; } .el-col-sm-8 { width: 33.33333%; } .el-col-sm-offset-8 { margin-left: 33.33333%; } .el-col-sm-pull-8 { position: relative; right: 33.33333%; } .el-col-sm-push-8 { position: relative; left: 33.33333%; } .el-col-sm-9 { width: 37.5%; } .el-col-sm-offset-9 { margin-left: 37.5%; } .el-col-sm-pull-9 { position: relative; right: 37.5%; } .el-col-sm-push-9 { position: relative; left: 37.5%; } .el-col-sm-10 { width: 41.66667%; } .el-col-sm-offset-10 { margin-left: 41.66667%; } .el-col-sm-pull-10 { position: relative; right: 41.66667%; } .el-col-sm-push-10 { position: relative; left: 41.66667%; } .el-col-sm-11 { width: 45.83333%; } .el-col-sm-offset-11 { margin-left: 45.83333%; } .el-col-sm-pull-11 { position: relative; right: 45.83333%; } .el-col-sm-push-11 { position: relative; left: 45.83333%; } .el-col-sm-12 { width: 50%; } .el-col-sm-offset-12 { margin-left: 50%; } .el-col-sm-pull-12 { position: relative; right: 50%; } .el-col-sm-push-12 { position: relative; left: 50%; } .el-col-sm-13 { width: 54.16667%; } .el-col-sm-offset-13 { margin-left: 54.16667%; } .el-col-sm-pull-13 { position: relative; right: 54.16667%; } .el-col-sm-push-13 { position: relative; left: 54.16667%; } .el-col-sm-14 { width: 58.33333%; } .el-col-sm-offset-14 { margin-left: 58.33333%; } .el-col-sm-pull-14 { position: relative; right: 58.33333%; } .el-col-sm-push-14 { position: relative; left: 58.33333%; } .el-col-sm-15 { width: 62.5%; } .el-col-sm-offset-15 { margin-left: 62.5%; } .el-col-sm-pull-15 { position: relative; right: 62.5%; } .el-col-sm-push-15 { position: relative; left: 62.5%; } .el-col-sm-16 { width: 66.66667%; } .el-col-sm-offset-16 { margin-left: 66.66667%; } .el-col-sm-pull-16 { position: relative; right: 66.66667%; } .el-col-sm-push-16 { position: relative; left: 66.66667%; } .el-col-sm-17 { width: 70.83333%; } .el-col-sm-offset-17 { margin-left: 70.83333%; } .el-col-sm-pull-17 { position: relative; right: 70.83333%; } .el-col-sm-push-17 { position: relative; left: 70.83333%; } .el-col-sm-18 { width: 75%; } .el-col-sm-offset-18 { margin-left: 75%; } .el-col-sm-pull-18 { position: relative; right: 75%; } .el-col-sm-push-18 { position: relative; left: 75%; } .el-col-sm-19 { width: 79.16667%; } .el-col-sm-offset-19 { margin-left: 79.16667%; } .el-col-sm-pull-19 { position: relative; right: 79.16667%; } .el-col-sm-push-19 { position: relative; left: 79.16667%; } .el-col-sm-20 { width: 83.33333%; } .el-col-sm-offset-20 { margin-left: 83.33333%; } .el-col-sm-pull-20 { position: relative; right: 83.33333%; } .el-col-sm-push-20 { position: relative; left: 83.33333%; } .el-col-sm-21 { width: 87.5%; } .el-col-sm-offset-21 { margin-left: 87.5%; } .el-col-sm-pull-21 { position: relative; right: 87.5%; } .el-col-sm-push-21 { position: relative; left: 87.5%; } .el-col-sm-22 { width: 91.66667%; } .el-col-sm-offset-22 { margin-left: 91.66667%; } .el-col-sm-pull-22 { position: relative; right: 91.66667%; } .el-col-sm-push-22 { position: relative; left: 91.66667%; } .el-col-sm-23 { width: 95.83333%; } .el-col-sm-offset-23 { margin-left: 95.83333%; } .el-col-sm-pull-23 { position: relative; right: 95.83333%; } .el-col-sm-push-23 { position: relative; left: 95.83333%; } .el-col-sm-24 { width: 100%; } .el-col-sm-offset-24 { margin-left: 100%; } .el-col-sm-pull-24 { position: relative; right: 100%; } .el-col-sm-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 992px) { .el-col-md-0 { display: none; width: 0%; } .el-col-md-offset-0 { margin-left: 0; } .el-col-md-pull-0 { position: relative; right: 0; } .el-col-md-push-0 { position: relative; left: 0; } .el-col-md-1 { width: 4.16667%; } .el-col-md-offset-1 { margin-left: 4.16667%; } .el-col-md-pull-1 { position: relative; right: 4.16667%; } .el-col-md-push-1 { position: relative; left: 4.16667%; } .el-col-md-2 { width: 8.33333%; } .el-col-md-offset-2 { margin-left: 8.33333%; } .el-col-md-pull-2 { position: relative; right: 8.33333%; } .el-col-md-push-2 { position: relative; left: 8.33333%; } .el-col-md-3 { width: 12.5%; } .el-col-md-offset-3 { margin-left: 12.5%; } .el-col-md-pull-3 { position: relative; right: 12.5%; } .el-col-md-push-3 { position: relative; left: 12.5%; } .el-col-md-4 { width: 16.66667%; } .el-col-md-offset-4 { margin-left: 16.66667%; } .el-col-md-pull-4 { position: relative; right: 16.66667%; } .el-col-md-push-4 { position: relative; left: 16.66667%; } .el-col-md-5 { width: 20.83333%; } .el-col-md-offset-5 { margin-left: 20.83333%; } .el-col-md-pull-5 { position: relative; right: 20.83333%; } .el-col-md-push-5 { position: relative; left: 20.83333%; } .el-col-md-6 { width: 25%; } .el-col-md-offset-6 { margin-left: 25%; } .el-col-md-pull-6 { position: relative; right: 25%; } .el-col-md-push-6 { position: relative; left: 25%; } .el-col-md-7 { width: 29.16667%; } .el-col-md-offset-7 { margin-left: 29.16667%; } .el-col-md-pull-7 { position: relative; right: 29.16667%; } .el-col-md-push-7 { position: relative; left: 29.16667%; } .el-col-md-8 { width: 33.33333%; } .el-col-md-offset-8 { margin-left: 33.33333%; } .el-col-md-pull-8 { position: relative; right: 33.33333%; } .el-col-md-push-8 { position: relative; left: 33.33333%; } .el-col-md-9 { width: 37.5%; } .el-col-md-offset-9 { margin-left: 37.5%; } .el-col-md-pull-9 { position: relative; right: 37.5%; } .el-col-md-push-9 { position: relative; left: 37.5%; } .el-col-md-10 { width: 41.66667%; } .el-col-md-offset-10 { margin-left: 41.66667%; } .el-col-md-pull-10 { position: relative; right: 41.66667%; } .el-col-md-push-10 { position: relative; left: 41.66667%; } .el-col-md-11 { width: 45.83333%; } .el-col-md-offset-11 { margin-left: 45.83333%; } .el-col-md-pull-11 { position: relative; right: 45.83333%; } .el-col-md-push-11 { position: relative; left: 45.83333%; } .el-col-md-12 { width: 50%; } .el-col-md-offset-12 { margin-left: 50%; } .el-col-md-pull-12 { position: relative; right: 50%; } .el-col-md-push-12 { position: relative; left: 50%; } .el-col-md-13 { width: 54.16667%; } .el-col-md-offset-13 { margin-left: 54.16667%; } .el-col-md-pull-13 { position: relative; right: 54.16667%; } .el-col-md-push-13 { position: relative; left: 54.16667%; } .el-col-md-14 { width: 58.33333%; } .el-col-md-offset-14 { margin-left: 58.33333%; } .el-col-md-pull-14 { position: relative; right: 58.33333%; } .el-col-md-push-14 { position: relative; left: 58.33333%; } .el-col-md-15 { width: 62.5%; } .el-col-md-offset-15 { margin-left: 62.5%; } .el-col-md-pull-15 { position: relative; right: 62.5%; } .el-col-md-push-15 { position: relative; left: 62.5%; } .el-col-md-16 { width: 66.66667%; } .el-col-md-offset-16 { margin-left: 66.66667%; } .el-col-md-pull-16 { position: relative; right: 66.66667%; } .el-col-md-push-16 { position: relative; left: 66.66667%; } .el-col-md-17 { width: 70.83333%; } .el-col-md-offset-17 { margin-left: 70.83333%; } .el-col-md-pull-17 { position: relative; right: 70.83333%; } .el-col-md-push-17 { position: relative; left: 70.83333%; } .el-col-md-18 { width: 75%; } .el-col-md-offset-18 { margin-left: 75%; } .el-col-md-pull-18 { position: relative; right: 75%; } .el-col-md-push-18 { position: relative; left: 75%; } .el-col-md-19 { width: 79.16667%; } .el-col-md-offset-19 { margin-left: 79.16667%; } .el-col-md-pull-19 { position: relative; right: 79.16667%; } .el-col-md-push-19 { position: relative; left: 79.16667%; } .el-col-md-20 { width: 83.33333%; } .el-col-md-offset-20 { margin-left: 83.33333%; } .el-col-md-pull-20 { position: relative; right: 83.33333%; } .el-col-md-push-20 { position: relative; left: 83.33333%; } .el-col-md-21 { width: 87.5%; } .el-col-md-offset-21 { margin-left: 87.5%; } .el-col-md-pull-21 { position: relative; right: 87.5%; } .el-col-md-push-21 { position: relative; left: 87.5%; } .el-col-md-22 { width: 91.66667%; } .el-col-md-offset-22 { margin-left: 91.66667%; } .el-col-md-pull-22 { position: relative; right: 91.66667%; } .el-col-md-push-22 { position: relative; left: 91.66667%; } .el-col-md-23 { width: 95.83333%; } .el-col-md-offset-23 { margin-left: 95.83333%; } .el-col-md-pull-23 { position: relative; right: 95.83333%; } .el-col-md-push-23 { position: relative; left: 95.83333%; } .el-col-md-24 { width: 100%; } .el-col-md-offset-24 { margin-left: 100%; } .el-col-md-pull-24 { position: relative; right: 100%; } .el-col-md-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 1200px) { .el-col-lg-0 { display: none; width: 0%; } .el-col-lg-offset-0 { margin-left: 0; } .el-col-lg-pull-0 { position: relative; right: 0; } .el-col-lg-push-0 { position: relative; left: 0; } .el-col-lg-1 { width: 4.16667%; } .el-col-lg-offset-1 { margin-left: 4.16667%; } .el-col-lg-pull-1 { position: relative; right: 4.16667%; } .el-col-lg-push-1 { position: relative; left: 4.16667%; } .el-col-lg-2 { width: 8.33333%; } .el-col-lg-offset-2 { margin-left: 8.33333%; } .el-col-lg-pull-2 { position: relative; right: 8.33333%; } .el-col-lg-push-2 { position: relative; left: 8.33333%; } .el-col-lg-3 { width: 12.5%; } .el-col-lg-offset-3 { margin-left: 12.5%; } .el-col-lg-pull-3 { position: relative; right: 12.5%; } .el-col-lg-push-3 { position: relative; left: 12.5%; } .el-col-lg-4 { width: 16.66667%; } .el-col-lg-offset-4 { margin-left: 16.66667%; } .el-col-lg-pull-4 { position: relative; right: 16.66667%; } .el-col-lg-push-4 { position: relative; left: 16.66667%; } .el-col-lg-5 { width: 20.83333%; } .el-col-lg-offset-5 { margin-left: 20.83333%; } .el-col-lg-pull-5 { position: relative; right: 20.83333%; } .el-col-lg-push-5 { position: relative; left: 20.83333%; } .el-col-lg-6 { width: 25%; } .el-col-lg-offset-6 { margin-left: 25%; } .el-col-lg-pull-6 { position: relative; right: 25%; } .el-col-lg-push-6 { position: relative; left: 25%; } .el-col-lg-7 { width: 29.16667%; } .el-col-lg-offset-7 { margin-left: 29.16667%; } .el-col-lg-pull-7 { position: relative; right: 29.16667%; } .el-col-lg-push-7 { position: relative; left: 29.16667%; } .el-col-lg-8 { width: 33.33333%; } .el-col-lg-offset-8 { margin-left: 33.33333%; } .el-col-lg-pull-8 { position: relative; right: 33.33333%; } .el-col-lg-push-8 { position: relative; left: 33.33333%; } .el-col-lg-9 { width: 37.5%; } .el-col-lg-offset-9 { margin-left: 37.5%; } .el-col-lg-pull-9 { position: relative; right: 37.5%; } .el-col-lg-push-9 { position: relative; left: 37.5%; } .el-col-lg-10 { width: 41.66667%; } .el-col-lg-offset-10 { margin-left: 41.66667%; } .el-col-lg-pull-10 { position: relative; right: 41.66667%; } .el-col-lg-push-10 { position: relative; left: 41.66667%; } .el-col-lg-11 { width: 45.83333%; } .el-col-lg-offset-11 { margin-left: 45.83333%; } .el-col-lg-pull-11 { position: relative; right: 45.83333%; } .el-col-lg-push-11 { position: relative; left: 45.83333%; } .el-col-lg-12 { width: 50%; } .el-col-lg-offset-12 { margin-left: 50%; } .el-col-lg-pull-12 { position: relative; right: 50%; } .el-col-lg-push-12 { position: relative; left: 50%; } .el-col-lg-13 { width: 54.16667%; } .el-col-lg-offset-13 { margin-left: 54.16667%; } .el-col-lg-pull-13 { position: relative; right: 54.16667%; } .el-col-lg-push-13 { position: relative; left: 54.16667%; } .el-col-lg-14 { width: 58.33333%; } .el-col-lg-offset-14 { margin-left: 58.33333%; } .el-col-lg-pull-14 { position: relative; right: 58.33333%; } .el-col-lg-push-14 { position: relative; left: 58.33333%; } .el-col-lg-15 { width: 62.5%; } .el-col-lg-offset-15 { margin-left: 62.5%; } .el-col-lg-pull-15 { position: relative; right: 62.5%; } .el-col-lg-push-15 { position: relative; left: 62.5%; } .el-col-lg-16 { width: 66.66667%; } .el-col-lg-offset-16 { margin-left: 66.66667%; } .el-col-lg-pull-16 { position: relative; right: 66.66667%; } .el-col-lg-push-16 { position: relative; left: 66.66667%; } .el-col-lg-17 { width: 70.83333%; } .el-col-lg-offset-17 { margin-left: 70.83333%; } .el-col-lg-pull-17 { position: relative; right: 70.83333%; } .el-col-lg-push-17 { position: relative; left: 70.83333%; } .el-col-lg-18 { width: 75%; } .el-col-lg-offset-18 { margin-left: 75%; } .el-col-lg-pull-18 { position: relative; right: 75%; } .el-col-lg-push-18 { position: relative; left: 75%; } .el-col-lg-19 { width: 79.16667%; } .el-col-lg-offset-19 { margin-left: 79.16667%; } .el-col-lg-pull-19 { position: relative; right: 79.16667%; } .el-col-lg-push-19 { position: relative; left: 79.16667%; } .el-col-lg-20 { width: 83.33333%; } .el-col-lg-offset-20 { margin-left: 83.33333%; } .el-col-lg-pull-20 { position: relative; right: 83.33333%; } .el-col-lg-push-20 { position: relative; left: 83.33333%; } .el-col-lg-21 { width: 87.5%; } .el-col-lg-offset-21 { margin-left: 87.5%; } .el-col-lg-pull-21 { position: relative; right: 87.5%; } .el-col-lg-push-21 { position: relative; left: 87.5%; } .el-col-lg-22 { width: 91.66667%; } .el-col-lg-offset-22 { margin-left: 91.66667%; } .el-col-lg-pull-22 { position: relative; right: 91.66667%; } .el-col-lg-push-22 { position: relative; left: 91.66667%; } .el-col-lg-23 { width: 95.83333%; } .el-col-lg-offset-23 { margin-left: 95.83333%; } .el-col-lg-pull-23 { position: relative; right: 95.83333%; } .el-col-lg-push-23 { position: relative; left: 95.83333%; } .el-col-lg-24 { width: 100%; } .el-col-lg-offset-24 { margin-left: 100%; } .el-col-lg-pull-24 { position: relative; right: 100%; } .el-col-lg-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 1920px) { .el-col-xl-0 { display: none; width: 0%; } .el-col-xl-offset-0 { margin-left: 0; } .el-col-xl-pull-0 { position: relative; right: 0; } .el-col-xl-push-0 { position: relative; left: 0; } .el-col-xl-1 { width: 4.16667%; } .el-col-xl-offset-1 { margin-left: 4.16667%; } .el-col-xl-pull-1 { position: relative; right: 4.16667%; } .el-col-xl-push-1 { position: relative; left: 4.16667%; } .el-col-xl-2 { width: 8.33333%; } .el-col-xl-offset-2 { margin-left: 8.33333%; } .el-col-xl-pull-2 { position: relative; right: 8.33333%; } .el-col-xl-push-2 { position: relative; left: 8.33333%; } .el-col-xl-3 { width: 12.5%; } .el-col-xl-offset-3 { margin-left: 12.5%; } .el-col-xl-pull-3 { position: relative; right: 12.5%; } .el-col-xl-push-3 { position: relative; left: 12.5%; } .el-col-xl-4 { width: 16.66667%; } .el-col-xl-offset-4 { margin-left: 16.66667%; } .el-col-xl-pull-4 { position: relative; right: 16.66667%; } .el-col-xl-push-4 { position: relative; left: 16.66667%; } .el-col-xl-5 { width: 20.83333%; } .el-col-xl-offset-5 { margin-left: 20.83333%; } .el-col-xl-pull-5 { position: relative; right: 20.83333%; } .el-col-xl-push-5 { position: relative; left: 20.83333%; } .el-col-xl-6 { width: 25%; } .el-col-xl-offset-6 { margin-left: 25%; } .el-col-xl-pull-6 { position: relative; right: 25%; } .el-col-xl-push-6 { position: relative; left: 25%; } .el-col-xl-7 { width: 29.16667%; } .el-col-xl-offset-7 { margin-left: 29.16667%; } .el-col-xl-pull-7 { position: relative; right: 29.16667%; } .el-col-xl-push-7 { position: relative; left: 29.16667%; } .el-col-xl-8 { width: 33.33333%; } .el-col-xl-offset-8 { margin-left: 33.33333%; } .el-col-xl-pull-8 { position: relative; right: 33.33333%; } .el-col-xl-push-8 { position: relative; left: 33.33333%; } .el-col-xl-9 { width: 37.5%; } .el-col-xl-offset-9 { margin-left: 37.5%; } .el-col-xl-pull-9 { position: relative; right: 37.5%; } .el-col-xl-push-9 { position: relative; left: 37.5%; } .el-col-xl-10 { width: 41.66667%; } .el-col-xl-offset-10 { margin-left: 41.66667%; } .el-col-xl-pull-10 { position: relative; right: 41.66667%; } .el-col-xl-push-10 { position: relative; left: 41.66667%; } .el-col-xl-11 { width: 45.83333%; } .el-col-xl-offset-11 { margin-left: 45.83333%; } .el-col-xl-pull-11 { position: relative; right: 45.83333%; } .el-col-xl-push-11 { position: relative; left: 45.83333%; } .el-col-xl-12 { width: 50%; } .el-col-xl-offset-12 { margin-left: 50%; } .el-col-xl-pull-12 { position: relative; right: 50%; } .el-col-xl-push-12 { position: relative; left: 50%; } .el-col-xl-13 { width: 54.16667%; } .el-col-xl-offset-13 { margin-left: 54.16667%; } .el-col-xl-pull-13 { position: relative; right: 54.16667%; } .el-col-xl-push-13 { position: relative; left: 54.16667%; } .el-col-xl-14 { width: 58.33333%; } .el-col-xl-offset-14 { margin-left: 58.33333%; } .el-col-xl-pull-14 { position: relative; right: 58.33333%; } .el-col-xl-push-14 { position: relative; left: 58.33333%; } .el-col-xl-15 { width: 62.5%; } .el-col-xl-offset-15 { margin-left: 62.5%; } .el-col-xl-pull-15 { position: relative; right: 62.5%; } .el-col-xl-push-15 { position: relative; left: 62.5%; } .el-col-xl-16 { width: 66.66667%; } .el-col-xl-offset-16 { margin-left: 66.66667%; } .el-col-xl-pull-16 { position: relative; right: 66.66667%; } .el-col-xl-push-16 { position: relative; left: 66.66667%; } .el-col-xl-17 { width: 70.83333%; } .el-col-xl-offset-17 { margin-left: 70.83333%; } .el-col-xl-pull-17 { position: relative; right: 70.83333%; } .el-col-xl-push-17 { position: relative; left: 70.83333%; } .el-col-xl-18 { width: 75%; } .el-col-xl-offset-18 { margin-left: 75%; } .el-col-xl-pull-18 { position: relative; right: 75%; } .el-col-xl-push-18 { position: relative; left: 75%; } .el-col-xl-19 { width: 79.16667%; } .el-col-xl-offset-19 { margin-left: 79.16667%; } .el-col-xl-pull-19 { position: relative; right: 79.16667%; } .el-col-xl-push-19 { position: relative; left: 79.16667%; } .el-col-xl-20 { width: 83.33333%; } .el-col-xl-offset-20 { margin-left: 83.33333%; } .el-col-xl-pull-20 { position: relative; right: 83.33333%; } .el-col-xl-push-20 { position: relative; left: 83.33333%; } .el-col-xl-21 { width: 87.5%; } .el-col-xl-offset-21 { margin-left: 87.5%; } .el-col-xl-pull-21 { position: relative; right: 87.5%; } .el-col-xl-push-21 { position: relative; left: 87.5%; } .el-col-xl-22 { width: 91.66667%; } .el-col-xl-offset-22 { margin-left: 91.66667%; } .el-col-xl-pull-22 { position: relative; right: 91.66667%; } .el-col-xl-push-22 { position: relative; left: 91.66667%; } .el-col-xl-23 { width: 95.83333%; } .el-col-xl-offset-23 { margin-left: 95.83333%; } .el-col-xl-pull-23 { position: relative; right: 95.83333%; } .el-col-xl-push-23 { position: relative; left: 95.83333%; } .el-col-xl-24 { width: 100%; } .el-col-xl-offset-24 { margin-left: 100%; } .el-col-xl-pull-24 { position: relative; right: 100%; } .el-col-xl-push-24 { position: relative; left: 100%; } } @-webkit-keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } .el-time-spinner { width: 100%; white-space: nowrap; } .el-spinner { display: inline-block; vertical-align: middle; } .el-spinner-inner { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; width: 50px; height: 50px; } .el-spinner-inner .path { stroke: #ececec; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .el-message { min-width: 380px; box-sizing: border-box; border-radius: 2px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: fixed; left: 50%; top: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; transition: opacity 0.3s, transform 0.4s, top 0.4s; transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; overflow: hidden; padding: 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; border: 1px solid transparent; z-index: 9999 !important; } .el-message.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-message.is-closable .el-message__content { padding-right: 16px; } .el-message p { margin: 0; } @media screen and (min-width: 1681px) { .el-message p { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message p { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-message p { font-size: 12px; } } .el-message__icon { margin-right: 8px; } .el-message__content { padding: 0; line-height: 1.5; } @media screen and (min-width: 1681px) { .el-message__content { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message__content { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-message__content { font-size: 12px; } } .el-message__closeBtn { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: rgba(0, 0, 0, 0.45); } .el-message__closeBtn:hover { color: rgba(0, 0, 0, 0.65); } @media screen and (min-width: 1681px) { .el-message .el-message__icon { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message .el-message__icon { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-message .el-message__icon { font-size: 12px; } } .el-message .el-icon-success { color: #52c41a; } .el-message .el-icon-error { color: #f5222d; } .el-message .el-icon-info { color: #1890ff; } .el-message .el-icon-warning { color: #faad14; } .el-message strong { font-weight: 500; } .el-message-fade-enter, .el-message-fade-leave-active { opacity: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .el-badge { position: relative; vertical-align: middle; display: inline-block; } @media screen and (min-width: 1681px) { .el-badge { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-badge { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-badge { font-size: 12px; } } .el-badge__content { background-color: #f5222d; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid #fff; } .el-badge__content.is-fixed { position: absolute; top: 0; right: 10px; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .el-rate__icon, .el-rate__item { position: relative; display: inline-block; } .el-badge__content.is-fixed.is-dot { right: 5px; } .el-badge__content.is-dot { height: 8px; width: 8px; padding: 0; right: 0; border-radius: 50%; } .el-badge__content--primary { background-color: #1890ff; } .el-badge__content--success { background-color: #52c41a; } .el-badge__content--warning { background-color: #faad14; } .el-badge__content--info { background-color: #bfbfbf; } .el-badge__content--danger { background-color: #f5222d; } .el-card { border-radius: 4px; overflow: hidden; color: rgba(0, 0, 0, 0.85); -webkit-transition: 0.3s; transition: 0.3s; background-color: #fff; } .el-card.is-border { border: 1px solid rgba(0, 0, 0, 0.15); } .el-card.is-always-shadow { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-width: 0; } .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .el-card__header { color: rgba(0, 0, 0, 0.85); font-weight: 700; box-sizing: border-box; padding: 2rem 2rem 0; } @media screen and (min-width: 1681px) { .el-card__header { font-size: 18px; line-height: 18px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-card__header { font-size: 16px; line-height: 16px; } } @media screen and (max-width: 1366px) { .el-card__header { font-size: 14px; line-height: 14px; } } .el-card__header::after { content: ""; clear: both; } .el-card__header .dg-card__more { font-size: 14px; float: right; margin-top: -3px; } .el-card.is-base .el-card__header { line-height: 1.5; height: 3.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.09); padding: 1rem 2rem; } .el-card__body { font-size: 14px; } @media screen and (min-width: 1681px) { .el-card__body { padding: 24px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-card__body { padding: 21px 28px; } } @media screen and (max-width: 1366px) { .el-card__body { padding: 18px 24px; font-size: 12px; } } .el-card__body > .el-tabs { margin-top: 0px; } .el-rate { height: 20px; line-height: 1; } .el-rate__item { font-size: 0; vertical-align: middle; } .el-rate__icon { font-size: 18px; margin-right: 6px; color: rgba(0, 0, 0, 0.25); -webkit-transition: 0.3s; transition: 0.3s; } .el-rate__decimal, .el-rate__icon .path2 { position: absolute; top: 0; left: 0; } .el-rate__icon.hover { -webkit-transform: scale(1.15); transform: scale(1.15); } .el-rate__decimal { display: inline-block; overflow: hidden; } .el-step.is-vertical, .el-steps { display: -webkit-box; display: -ms-flexbox; } .el-rate__text { font-size: 14px; vertical-align: middle; } .el-steps { display: flex; } .el-steps--simple { padding: 13px 8%; border-radius: 4px; background: rgba(24, 144, 255, 0.08); } .el-steps--horizontal { white-space: nowrap; } .el-steps--vertical { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .el-step { position: relative; -ms-flex-negative: 1; flex-shrink: 1; } .el-step:last-of-type .el-step__line { display: none; } .el-step:last-of-type.is-flex { -ms-flex-preferred-size: auto !important; flex-basis: auto !important; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main { padding-right: 0; } .el-step__head { position: relative; width: 100%; } .el-step__head.is-process { border-color: #1890ff; } .el-step__head.is-process .el-step__icon { background-color: #1890ff; color: #fff; } .el-step__head.is-wait { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .el-step__head.is-success { color: #1890ff; border-color: #1890ff; } .el-step__head.is-error { color: #f5222d; border-color: #f5222d; } .el-step__head.is-finish { color: #1890ff; border-color: #1890ff; } .el-step__icon { position: relative; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: 0.15s ease-out; transition: 0.15s ease-out; } .el-step__icon.is-text { border-radius: 50%; border: 1px solid; border-color: inherit; } .el-step__icon.is-icon { width: 40px; } .el-step__icon-inner { display: inline-block; user-select: none; text-align: center; font-weight: 700; line-height: 1; color: inherit; } .el-checkbox, .el-image-viewer__btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-step__icon-inner[class*="el-icon"]:not(.is-status) { font-size: 25px; font-weight: 400; } .el-step__icon-inner.is-status { -webkit-transform: translateY(1px); transform: translateY(1px); } .el-step__line { position: absolute; border-color: inherit; background-color: rgba(0, 0, 0, 0.25); } .el-step__line-inner { display: block; border-width: 1px; border-style: solid; border-color: inherit; -webkit-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 0; } .el-step__main { white-space: normal; text-align: left; } .el-step__title { font-size: 14px; line-height: 1.5; padding-top: 4px; padding-bottom: 4px; } .el-step__title.is-process { font-weight: 700; color: rgba(0, 0, 0, 0.85); } .el-step__title.is-wait { color: rgba(0, 0, 0, 0.45); } .el-step__title.is-success { color: rgba(0, 0, 0, 0.65); } .el-step__title.is-error { color: #f5222d; } .el-step__title.is-finish { color: #1890ff; } .el-step__description { padding-right: 10%; margin-top: -5px; font-size: 12px; line-height: 20px; font-weight: 400; } .el-step__description.is-process { color: rgba(0, 0, 0, 0.85); } .el-step__description.is-wait { color: rgba(0, 0, 0, 0.45); } .el-step__description.is-success { color: #52c41a; } .el-step__description.is-error { color: #f5222d; } .el-step__description.is-finish { color: #1890ff; } .el-step.is-horizontal { display: inline-block; } .el-step.is-horizontal .el-step__line { height: 1px; top: 11px; left: 0; right: 0; margin-right: 8px !important; margin-left: 32px; } .el-step.is-vertical { display: flex; } .el-step.is-vertical .el-step__head { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 24px; } .el-step.is-vertical .el-step__main { padding-left: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .el-step.is-vertical .el-step__title { line-height: 24px; padding-bottom: 8px; } .el-step.is-vertical .el-step__line { width: 1px; top: 0; bottom: 0; left: 11px; margin-top: 32px !important; margin-bottom: 8px; } .el-step.is-vertical .el-step__icon.is-icon { width: 24px; } .el-step.is-center .el-step__head, .el-step.is-center .el-step__main { text-align: center; } .el-step.is-center .el-step__description { padding-left: 20%; padding-right: 20%; } .el-step.is-center .el-step__line { left: 44%; right: -44%; } .el-step.is-simple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-step.is-simple .el-step__head { width: auto; font-size: 0; padding-right: 10px; } .el-step.is-simple .el-step__icon { background: 0 0; width: 16px; height: 16px; font-size: 12px; } .el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { font-size: 18px; } .el-step.is-simple .el-step__icon-inner.is-status { -webkit-transform: scale(0.8) translateY(1px); transform: scale(0.8) translateY(1px); } .el-step.is-simple .el-step__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .el-step.is-simple .el-step__title { font-size: 16px; line-height: 20px; } .el-step.is-simple:not(:last-of-type) .el-step__title { max-width: 50%; word-break: break-all; } .el-step.is-simple .el-step__arrow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-step.is-simple .el-step__arrow::after, .el-step.is-simple .el-step__arrow::before { content: ""; display: inline-block; position: absolute; height: 15px; width: 1px; background: rgba(0, 0, 0, 0.25); } .el-step.is-simple .el-step__arrow::before { -webkit-transform: rotate(-45deg) translateY(-4px); transform: rotate(-45deg) translateY(-4px); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .el-step.is-simple .el-step__arrow::after { -webkit-transform: rotate(45deg) translateY(4px); transform: rotate(45deg) translateY(4px); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .el-step.is-simple:last-of-type .el-step__arrow { display: none; } .el-carousel { position: relative; } .el-carousel--horizontal { overflow-x: hidden; } .el-carousel--vertical { overflow-y: hidden; } .el-carousel__container { position: relative; height: 300px; } .el-carousel__arrow { border: none; outline: 0; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 50%; background-color: rgba(31, 45, 61, 0.11); color: #fff; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 12px; } .el-carousel__arrow--left { left: 16px; } .el-carousel__arrow--right { right: 16px; } .el-carousel__arrow:hover { background-color: rgba(31, 45, 61, 0.23); } .el-carousel__arrow i { cursor: pointer; } .el-carousel__indicators { position: absolute; list-style: none; margin: 0; padding: 0; z-index: 2; } .el-carousel__indicators--horizontal { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .el-carousel__item, .el-carousel__mask { left: 0; top: 0; position: absolute; height: 100%; } .el-carousel__indicators--vertical { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; -webkit-transform: none; transform: none; } .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: 0.64; } .el-carousel__indicators--outside button { background-color: rgba(0, 0, 0, 0.25); opacity: 0.24; } .el-carousel__indicators--labels { left: 0; right: 0; -webkit-transform: none; transform: none; text-align: center; } .el-carousel__indicators--labels .el-carousel__button { height: auto; width: auto; padding: 2px 18px; font-size: 12px; } .el-carousel__indicators--labels .el-carousel__indicator { padding: 6px 4px; } .el-carousel__indicator { background-color: transparent; cursor: pointer; } .el-carousel__indicator:hover button { opacity: 0.72; } .el-carousel__indicator--horizontal { display: inline-block; padding: 12px 4px; } .el-carousel__indicator--vertical { padding: 4px 12px; } .el-carousel__indicator--vertical .el-carousel__button { width: 2px; height: 15px; } .el-carousel__indicator.is-active button { opacity: 1; } .el-carousel__button { display: block; opacity: 0.48; width: 30px; height: 2px; background-color: #fff; border: none; outline: 0; padding: 0; margin: 0; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { -webkit-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; } .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; } .el-carousel__item { width: 100%; display: inline-block; overflow: hidden; z-index: 0; } .el-carousel__item.is-active { z-index: 2; } .el-carousel__item.is-animating { -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } .el-carousel__item.is-animating img { width: 100%; height: 100%; border-radius: 2px; } .el-carousel__item--card { width: 50%; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } .el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1; } .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask { opacity: 0.12; } .el-carousel__item--card.is-active { z-index: 2; } .el-carousel__mask { width: 100%; background-color: #fff; opacity: 0.24; -webkit-transition: 0.2s; transition: 0.2s; } .el-collapse { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .el-collapse-item.is-disabled .el-collapse-item__header { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-collapse-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0; line-height: 1.5; background-color: #fff; color: rgba(0, 0, 0, 0.85); cursor: pointer; border-bottom: 1px solid #e8e8e8; font-size: 14px; font-weight: 500; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; outline: 0; } .el-collapse-item__arrow { color: rgba(0, 0, 0, 0.45); margin: 0 8px 0 auto; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; font-weight: 300; } .el-divider__text, .el-link { font-weight: 500; font-size: 14px; } .el-collapse-item__arrow.is-active { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-collapse-item__header.focusing:focus:not(:hover) { color: #1890ff; } .el-collapse-item__header.is-active { border-bottom-color: transparent; } .el-collapse-item__wrap { will-change: height; background-color: #fff; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; } .el-collapse-item__content { padding-bottom: 16px; line-height: 1.5; font-size: 14px; color: rgba(0, 0, 0, 0.65); } .el-collapse-item:last-child { margin-bottom: -1px; } .el-color-predefine { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; margin-top: 8px; width: 280px; } .el-color-predefine__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-color-predefine__color-selector { margin: 0 0 8px 8px; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; } .el-color-predefine__color-selector:nth-child(10n + 1) { margin-left: 0; } .el-color-predefine__color-selector.selected { -webkit-box-shadow: 0 0 3px 2px #1890ff; box-shadow: 0 0 3px 2px #1890ff; } .el-color-predefine__color-selector > div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border-radius: 3px; } .el-color-predefine__color-selector.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-hue-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background-color: red; padding: 0 2px; } .el-color-hue-slider__bar { position: relative; background: -webkit-gradient( linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red) ); background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); height: 100%; } .el-color-hue-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); z-index: 1; } .el-color-hue-slider.is-vertical { width: 12px; height: 180px; padding: 2px 0; } .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: -webkit-gradient( linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red) ); background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); } .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-svpanel { position: relative; width: 280px; height: 180px; } .el-color-svpanel__black, .el-color-svpanel__white { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-color-svpanel__white { background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .el-color-svpanel__black { background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } .el-color-svpanel__cursor { position: absolute; } .el-color-svpanel__cursor > div { cursor: head; width: 4px; height: 4px; -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } .el-color-alpha-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-alpha-slider__bar { position: relative; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); height: 100%; } .el-color-alpha-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); z-index: 1; } .el-color-alpha-slider.is-vertical { width: 20px; height: 180px; } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-dropdown { width: 300px; } .el-color-dropdown__main-wrapper { margin-bottom: 6px; } .el-color-dropdown__main-wrapper::after { content: ""; display: table; clear: both; } .el-color-dropdown__btns { margin-top: 6px; text-align: right; } .el-color-dropdown__value { float: left; line-height: 26px; font-size: 12px; color: #000; width: 160px; } .el-color-dropdown__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; } .el-color-dropdown__btn[disabled] { color: #ccc; cursor: not-allowed; } .el-color-dropdown__btn:hover { color: #1890ff; border-color: #1890ff; } .el-color-dropdown__link-btn { cursor: pointer; color: #1890ff; padding: 15px; font-size: 12px; } .el-color-dropdown__link-btn:hover { color: tint(#1890ff, 10%); } .el-color-picker { display: inline-block; position: relative; line-height: normal; height: 40px; } .el-color-picker.is-disabled .el-color-picker__trigger { cursor: not-allowed; } .el-color-picker--medium { height: 36px; } .el-color-picker--medium .el-color-picker__trigger { height: 36px; width: 36px; } .el-color-picker--medium .el-color-picker__mask { height: 34px; width: 34px; } .el-color-picker--small { height: 32px; } .el-color-picker--small .el-color-picker__trigger { height: 32px; width: 32px; } .el-color-picker--small .el-color-picker__mask { height: 30px; width: 30px; } .el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); transform: translate3d(-50%, -50%, 0) scale(0.8); } .el-color-picker--mini { height: 28px; } .el-color-picker--mini .el-color-picker__trigger { height: 28px; width: 28px; } .el-color-picker--mini .el-color-picker__mask { height: 26px; width: 26px; } .el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); transform: translate3d(-50%, -50%, 0) scale(0.8); } .el-color-picker__mask { height: 38px; width: 38px; border-radius: 4px; position: absolute; top: 1px; left: 1px; z-index: 1; cursor: not-allowed; background-color: rgba(255, 255, 255, 0.7); } .el-color-picker__trigger { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; width: 40px; padding: 4px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 0; position: relative; cursor: pointer; } .el-color-picker__color { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; border-radius: 2px; width: 100%; height: 100%; text-align: center; } .el-color-picker__color.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-picker__color-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .el-color-picker__empty, .el-color-picker__icon { top: 50%; left: 50%; font-size: 12px; position: absolute; } .el-color-picker__empty { color: #999; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .el-color-picker__icon { display: inline-block; width: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #fff; text-align: center; } .el-container, .el-timeline-item__node { display: -webkit-box; display: -ms-flexbox; } .el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-container { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0; } .el-aside, .el-header { -webkit-box-sizing: border-box; } .el-container.is-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .el-header { padding: 0 20px; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; } .el-aside { overflow: auto; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; } .el-footer, .el-main { -webkit-box-sizing: border-box; } .el-main { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; overflow: auto; box-sizing: border-box; padding: 20px; } .el-avatar, .el-drawer, .el-image { overflow: hidden; } .el-footer { padding: 0 20px; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; } .el-timeline { margin: 0; font-size: 14px; list-style: none; } .el-timeline .el-timeline-item:last-child .el-timeline-item__tail { display: none; } .el-timeline-item { position: relative; padding-bottom: 20px; } .el-timeline-item__wrapper { position: relative; padding-left: 28px; top: -3px; } .el-timeline-item__tail { position: absolute; left: 4px; height: 100%; border-left: 2px solid rgba(0, 0, 0, 0.15); } .el-timeline-item__icon { color: #fff; font-size: 12px; } .el-timeline-item__node { position: absolute; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-image__error, .el-timeline-item__dot { display: -webkit-box; display: -ms-flexbox; } .el-timeline-item__node--normal { left: -1px; width: 12px; height: 12px; } .el-timeline-item__node--large { left: -2px; width: 14px; height: 14px; } .el-timeline-item__node--primary { background-color: #1890ff; } .el-timeline-item__node--success { background-color: #52c41a; } .el-timeline-item__node--warning { background-color: #faad14; } .el-timeline-item__node--danger { background-color: #f5222d; } .el-timeline-item__node--info { background-color: #bfbfbf; } .el-timeline-item__dot { position: absolute; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-timeline-item__content { color: rgba(0, 0, 0, 0.85); } .el-timeline-item__timestamp { color: rgba(0, 0, 0, 0.65); line-height: 1; font-size: 12px; } .el-timeline-item__timestamp.is-top { margin-bottom: 8px; padding-top: 4px; } .el-timeline-item__timestamp.is-bottom { margin-top: 8px; } .el-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; position: relative; outline: 0; cursor: pointer; padding: 0; } .dg-transfer .el-transfer-panel__empty, .el-drawer, .el-table .caret-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; } .el-link.is-underline:hover:after { content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: 0; border-bottom: 1px solid #1890ff; } .el-link.el-link--default:after, .el-link.el-link--primary.is-underline:hover:after, .el-link.el-link--primary:after { border-color: #1890ff; } .el-link.is-disabled { cursor: not-allowed; } .el-link [class*="el-icon-"] + span { margin-left: 5px; } .el-link.el-link--default { color: rgba(0, 0, 0, 0.45); } .el-link.el-link--default:hover { color: #1890ff; } .el-link.el-link--default.is-disabled { color: rgba(0, 0, 0, 0.25); } .el-link.el-link--primary { color: #1890ff; } .el-link.el-link--primary:hover { color: #46a6ff; } .el-link.el-link--primary.is-disabled { color: #8cc8ff; } .el-link.el-link--danger.is-underline:hover:after, .el-link.el-link--danger:after { border-color: #f5222d; } .el-link.el-link--danger { color: #f5222d; } .el-link.el-link--danger:hover { color: #f74e57; } .el-link.el-link--danger.is-disabled { color: #fa9196; } .el-link.el-link--success.is-underline:hover:after, .el-link.el-link--success:after { border-color: #52c41a; } .el-link.el-link--success { color: #52c41a; } .el-link.el-link--success:hover { color: #75d048; } .el-link.el-link--success.is-disabled { color: #a9e28d; } .el-link.el-link--warning.is-underline:hover:after, .el-link.el-link--warning:after { border-color: #faad14; } .el-link.el-link--warning { color: #faad14; } .el-link.el-link--warning:hover { color: #fbbd43; } .el-link.el-link--warning.is-disabled { color: #fdd68a; } .el-link.el-link--info.is-underline:hover:after, .el-link.el-link--info:after { border-color: #bfbfbf; } .el-link.el-link--info { color: #bfbfbf; } .el-link.el-link--info:hover { color: #ccc; } .el-link.el-link--info.is-disabled { color: #dfdfdf; } .el-divider { background-color: rgba(0, 0, 0, 0.15); position: relative; } .el-divider--horizontal { display: block; height: 1px; width: 100%; margin: 24px 0; } .el-divider--vertical { display: inline-block; width: 1px; height: 1em; margin: 0 8px; vertical-align: middle; position: relative; } .el-divider__text { position: absolute; background-color: #fff; padding: 0 20px; color: rgba(0, 0, 0, 0.85); } .el-image__error, .el-image__placeholder { background: rgba(24, 144, 255, 0.08); } .el-divider__text.is-left { left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-divider__text.is-center { left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .el-divider__text.is-right { right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .el-image__error, .el-image__inner, .el-image__placeholder { width: 100%; height: 100%; } .el-image { position: relative; display: inline-block; } .el-image__inner { vertical-align: top; } .el-image__inner--center { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; } .el-image__error { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: rgba(0, 0, 0, 0.25); vertical-align: middle; } .el-image__preview { cursor: pointer; } .el-image-viewer__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .el-image-viewer__btn { position: absolute; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; opacity: 0.8; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; user-select: none; } .el-image-viewer__close { top: 40px; right: 40px; width: 40px; height: 40px; font-size: 40px; } .el-image-viewer__canvas { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-image-viewer__actions { left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 282px; height: 44px; padding: 0 23px; background-color: #606266; border-color: #fff; border-radius: 22px; } .el-image-viewer__actions__inner { width: 100%; height: 100%; text-align: justify; cursor: default; font-size: 23px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .el-image-viewer__next, .el-image-viewer__prev { top: 50%; width: 44px; height: 44px; font-size: 24px; color: #fff; background-color: #606266; border-color: #fff; } .el-image-viewer__prev { -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 40px; } .el-image-viewer__next { -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; text-indent: 2px; } .el-image-viewer__mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; background: #000; } .viewer-fade-enter-active { -webkit-animation: viewer-fade-in 0.3s; animation: viewer-fade-in 0.3s; } .viewer-fade-leave-active { -webkit-animation: viewer-fade-out 0.3s; animation: viewer-fade-out 0.3s; } @-webkit-keyframes viewer-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes viewer-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes viewer-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } @keyframes viewer-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } .el-calendar { background-color: #fff; } .el-calendar__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .el-backtop, .el-page-header { display: -webkit-box; display: -ms-flexbox; } .el-calendar__title { color: #000; -ms-flex-item-align: center; align-self: center; } .el-calendar__body { padding: 12px 20px 35px; } .el-calendar-table { table-layout: fixed; width: 100%; } .el-calendar-table thead th { padding: 12px 0; color: rgba(0, 0, 0, 0.45); font-weight: 400; } .el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev { color: rgba(0, 0, 0, 0.25); } .el-backtop, .el-calendar-table td.is-today { color: #1890ff; } .el-calendar-table td { border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); vertical-align: top; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .el-calendar-table td.is-selected { background-color: #f2f8fe; } .el-calendar-table tr:first-child td { border-top: 1px solid rgba(0, 0, 0, 0.15); } .el-calendar-table tr td:first-child { border-left: 1px solid rgba(0, 0, 0, 0.15); } .el-calendar-table tr.el-calendar-table__row--hide-border td { border-top: none; } .el-calendar-table .el-calendar-day { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; height: 85px; } .el-calendar-table .el-calendar-day:hover { cursor: pointer; background-color: #f2f8fe; } .el-backtop { position: fixed; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); cursor: pointer; z-index: 5; } .el-backtop:hover { background-color: rgba(0, 0, 0, 0.09); } .el-page-header { display: flex; line-height: 24px; } .el-drawer, .el-page-header__left { display: -webkit-box; display: -ms-flexbox; } .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%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.15); } .el-page-header__left .el-icon-back { font-size: 18px; margin-right: 6px; -ms-flex-item-align: center; align-self: center; } .el-page-header__title { font-size: 14px; font-weight: 500; } .el-page-header__content { font-size: 18px; color: rgba(0, 0, 0, 0.85); } .el-avatar { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #fff; background: #c0c4cc; width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .el-drawer, .el-drawer__body > * { -webkit-box-sizing: border-box; } .el-avatar > img { display: block; height: 100%; vertical-align: middle; } .el-avatar--circle { border-radius: 50%; } .el-avatar--square { border-radius: 2px; } .el-avatar--icon { font-size: 18px; } .el-avatar--large { width: 40px; height: 40px; line-height: 40px; } .el-avatar--medium { width: 36px; height: 36px; line-height: 36px; } .el-avatar--small { width: 28px; height: 28px; line-height: 28px; } .el-drawer.btt, .el-drawer.ttb, .el-drawer__container { left: 0; right: 0; width: 100%; } .el-drawer.ltr, .el-drawer.rtl, .el-drawer__container { top: 0; height: 100%; bottom: 0; } @-webkit-keyframes el-drawer-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes el-drawer-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes rtl-drawer-in { 0% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes rtl-drawer-in { 0% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes rtl-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } @keyframes rtl-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } @-webkit-keyframes ltr-drawer-in { 0% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ltr-drawer-in { 0% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ltr-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } } @keyframes ltr-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } } @-webkit-keyframes ttb-drawer-in { 0% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ttb-drawer-in { 0% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ttb-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } @keyframes ttb-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } @-webkit-keyframes btt-drawer-in { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes btt-drawer-in { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes btt-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } @keyframes btt-drawer-out { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } .el-drawer { position: absolute; box-sizing: border-box; background-color: #fff; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } .el-drawer.rtl { -webkit-animation: rtl-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: rtl-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; right: 0; } .el-drawer__open .el-drawer.rtl { -webkit-animation: rtl-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: rtl-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; } .el-drawer.ltr { -webkit-animation: ltr-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: ltr-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; left: 0; } .el-drawer__open .el-drawer.ltr { -webkit-animation: ltr-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: ltr-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; } .el-drawer.ttb { -webkit-animation: ttb-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: ttb-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; top: 0; } .el-drawer__open .el-drawer.ttb { -webkit-animation: ttb-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: ttb-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; } .el-drawer.btt { -webkit-animation: btt-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: btt-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; bottom: 0; } .el-drawer__open .el-drawer.btt { -webkit-animation: btt-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: btt-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; } .el-drawer__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #72767b; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; padding: 20px 20px 0; } .el-drawer__header > :first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .el-drawer__title { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: inherit; font-size: 1rem; } .dg-checkbox-group__margin-button, .dg-checkbox-group__quick { margin-bottom: 14px; } .el-drawer__close-btn { border: none; cursor: pointer; font-size: 20px; color: inherit; background-color: transparent; } .el-drawer__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .el-drawer__body > * { box-sizing: border-box; } .el-drawer__container { position: relative; } .el-drawer-fade-enter-active { -webkit-animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; } .el-drawer-fade-leave-active { animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s reverse; } @font-face { font-family: iconfont; src: url(../../node_modules/ui-component-v4/lib/theme-chalk/icon/iconfont.eot?t=1561094497012); src: url(../../node_modules/ui-component-v4/lib/theme-chalk/icon/iconfont.eot?t=1561094497012#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(../../node_modules/ui-component-v4/lib/theme-chalk/icon/iconfont.woff?t=1561094497012) format("woff"), url(../../node_modules/ui-component-v4/lib/theme-chalk/icon/iconfont.ttf?t=1561094497012) format("truetype"), url(../../node_modules/ui-component-v4/lib/theme-chalk/icon/iconfont.svg?t=1561094497012#iconfont) format("svg"); } [class*="dg-icon-"], [class^="dg-icon-"] { speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; } .iconfont { font-size: 16px; } .dg-icon-jpeg:before { content: "\e6c2"; } .dg-icon-mp:before { content: "\e608"; } .dg-icon-doc:before { content: "\e67c"; } .dg-icon-ppt:before { content: "\e600"; } .dg-icon-xls:before { content: "\e602"; } .dg-icon-bmp:before { content: "\ec18"; } .dg-icon-gif:before { content: "\ec19"; } .dg-icon-JPG:before { content: "\ec1a"; } .dg-icon-png:before { content: "\ec1b"; } .dg-icon-xlsx:before { content: "\e650"; } .dg-icon-vidio:before { content: "\e6d8"; } .dg-icon-mp4:before { content: "\e601"; } .dg-icon-gif-copy:before { content: "\ec1d"; } .dg-icon-document:before { content: "\ec1e"; } .dg-icon-fullscreen:before { content: "\ec1f"; } .dg-icon-scalescreen:before { content: "\ec20"; } .dg-checkbox-group__row { display: inline-block; } .dg-checkbox-group__margin { margin-right: 30px; } .dg-checkbox-group__vertical.el-checkbox { display: table; } .dg-checkbox-group__vertical + .dg-checkbox-group__vertical { margin-top: 14px; } .el-transfer { font-size: 14px; } .el-transfer__buttons { display: inline-block; vertical-align: middle; padding: 0 30px; } .el-transfer__button { display: block; margin: 0 auto; padding: 10px; border-radius: 50%; color: #fff; background-color: #1890ff; font-size: 0; } .el-transfer-panel__item + .el-transfer-panel__item, .el-transfer__button [class*="el-icon-"] + span { margin-left: 0; } .el-transfer__button.is-with-texts { border-radius: 2px; } .el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover { border: 1px solid rgba(0, 0, 0, 0.15); background-color: rgba(24, 144, 255, 0.08); color: rgba(0, 0, 0, 0.25); } .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; } @media screen and (min-width: 1681px) { .el-transfer__button i, .el-transfer__button span { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-transfer__button i, .el-transfer__button span { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-transfer__button i, .el-transfer__button span { font-size: 12px; } } .el-transfer-panel { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; overflow: hidden; background: 0 0; display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .el-transfer-panel__body { height: 246px; } .el-transfer-panel__body.is-with-footer { padding-bottom: 40px; } .el-transfer-panel__list { margin: 0; padding: 8px 0; list-style: none; height: 246px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-transfer-panel__list.is-filterable { height: 194px; padding-top: 0; } .el-transfer-panel__item { height: 30px; line-height: 30px; padding-left: 15px; display: block; } .el-transfer-panel__item.el-checkbox { color: rgba(0, 0, 0, 0.85); } .el-transfer-panel__item:hover { color: #1890ff; } .el-transfer-panel__item.el-checkbox .el-checkbox__label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 23px; } .el-transfer-panel__item .el-checkbox__input { position: absolute; } @media screen and (min-width: 1681px) { .el-transfer__button [class*="el-icon-"] + span { font-size: 14px; } .el-transfer-panel__item.el-checkbox .el-checkbox__label { line-height: 32px; } .el-transfer-panel__item .el-checkbox__input { top: 8px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-transfer__button [class*="el-icon-"] + span { font-size: 14px; } .el-transfer-panel__item.el-checkbox .el-checkbox__label { line-height: 28px; } .el-transfer-panel__item .el-checkbox__input { top: 7px; } } @media screen and (max-width: 1366px) { .el-transfer__button [class*="el-icon-"] + span { font-size: 12px; } .el-transfer-panel__item.el-checkbox .el-checkbox__label { line-height: 24px; } .el-transfer-panel__item .el-checkbox__input { top: 5px; } } .el-transfer-panel .el-transfer-panel__filter { text-align: center; margin: 16px 16px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: auto; } .el-transfer-panel .el-transfer-panel__filter .el-input__inner { height: 32px; width: 100%; font-size: 14px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; padding-right: 10px; padding-left: 30px; } .el-transfer-panel .el-transfer-panel__filter .el-input__icon { margin-left: 5px; } .el-transfer-panel .el-transfer-panel__filter .el-icon-circle-close { cursor: pointer; } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #fff; margin: 0; padding-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; } .el-transfer-panel .el-transfer-panel__header .el-checkbox { display: block; line-height: 40px; } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { color: rgba(0, 0, 0, 0.85); font-weight: 400; } @media screen and (min-width: 1681px) { .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 12px; } } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { position: absolute; right: 15px; color: rgba(0, 0, 0, 0.45); font-weight: 400; } .el-transfer-panel .el-transfer-panel__footer { height: 40px; background: #fff; margin: 0; padding: 0; border-top: 1px solid rgba(0, 0, 0, 0.15); 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: rgba(0, 0, 0, 0.45); } .el-transfer-panel .el-transfer-panel__empty { margin: 0; height: 30px; line-height: 30px; padding: 6px 15px 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .el-transfer-panel .el-checkbox__label { padding-left: 8px; } .el-transfer-panel .el-checkbox { display: block; } .dg-transfer .el-transfer-panel__header { background: rgba(24, 144, 255, 0.04); } .dg-transfer .el-transfer-tree__disabled .is-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: no-drop; } .dg-transfer .el-transfer-panel__empty { color: rgba(0, 0, 0, 0.45); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .dg-transfer .el-transfer-panel__empty::before { margin: 0 auto; content: ""; width: 31px; height: 40px; background: url(images/empty-icon.png) no-repeat; background-size: 100% 100%; display: block; } .dg-transfer .el-tree { display: inline-block; min-width: 100%; padding-top: 8px; } .dg-transfer .el-tree.is-filterable { padding-top: 0; } @media screen and (min-width: 1681px) { .dg-transfer .el-transfer-panel__empty { font-size: 14px; } .dg-transfer .el-transfer-panel__item, .dg-transfer .el-tree-node__content { height: 32px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-transfer .el-transfer-panel__empty { font-size: 14px; } .dg-transfer .el-transfer-panel__item, .dg-transfer .el-tree-node__content { height: 28px; line-height: 28px; } } @media screen and (max-width: 1366px) { .dg-transfer .el-transfer-panel__empty { font-size: 12px; } .dg-transfer .el-transfer-panel__item, .dg-transfer .el-tree-node__content { height: 24px; line-height: 24px; } } .dg-transfer .el-transfer__buttons { padding: 0 16px; } .dg-transfer .el-transfer__buttons .el-transfer__button { min-width: auto; padding: 0 16px; border-radius: 4px; height: 24px; margin-left: 0; display: block; } .dg-transfer .el-transfer__buttons .is-disabled { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.15); } .dg-transfer .el-transfer__buttons .is-disabled [class*="el-icon-"] + span { color: rgba(0, 0, 0, 0.65); } @media screen and (min-width: 1681px) { .dg-transfer .el-transfer__buttons button { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-transfer .el-transfer__buttons button { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-transfer .el-transfer__buttons button { font-size: 12px; } } .dg-transfer .transfer-footer { height: 100%; padding: 8px 17px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } .dg-transfer .el-transfer-panel__filter .el-input__inner { border-radius: 4px; padding-left: 8px; padding-right: 30px; } .dg-transfer .el-transfer-panel__filter .el-input__prefix { left: auto; right: 10px; color: rgba(0, 0, 0, 0.45); } .dg-table-transfer .el-transfer-panel { min-width: 200px; width: auto; } .dg-table-transfer .el-transfer-panel .el-transfer-panel__body { padding: 0 16px 10px; overflow: auto; } .dg-table-transfer .el-transfer-panel .el-transfer-panel__body .el-transfer-panel__search { margin: 16px 0 0; } .dg-tree .el-radio, .el-cascader-node > .el-radio { margin-right: 0; } .dg-table-transfer .el-transfer-panel .el-transfer-panel__body .el-table { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 5px; overflow: auto; margin-top: 16px; } .dg-table-transfer .el-transfer-panel .el-transfer-panel__body .el-pagination { text-align: right; margin-top: 10px; } .dg-table-transfer .el-transfer-panel .el-transfer-panel__body td, .dg-table-transfer .el-transfer-panel .el-transfer-panel__body th { padding: 6px 0 5px; } @media screen and (min-width: 1681px) { .dg-transfer .el-transfer-panel__filter .el-input__inner { height: 32px; font-size: 14px; } .dg-transfer .el-transfer-panel__filter .el-input__icon { line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-transfer .el-transfer-panel__filter .el-input__inner { height: 28px; font-size: 14px; } .dg-transfer .el-transfer-panel__filter .el-input__icon { line-height: 28px; } } @media screen and (max-width: 1366px) { .dg-transfer .el-transfer-panel__filter .el-input__inner { height: 24px; font-size: 12px; } .dg-transfer .el-transfer-panel__filter .el-input__icon { line-height: 24px; } } .dg-tree--icon-class-style .el-tree-node__content > .el-tree-node__expand-icon { font-size: 16px; color: rgba(0, 0, 0, 0.65); } .dg-tree--icon-class-style .el-tree-node__content:hover .el-tree-node__expand-icon { color: #1890ff; } .dg-tree--icon-class-style .is-radio .el-tree-node__content .el-tree-node__expand-icon { color: rgba(0, 0, 0, 0.25); } .dg-tree-node .el-tree-node__label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-indent: 4px; border-radius: 2px; } @media screen and (min-width: 1681px) { .dg-tree-node .el-tree-node__label { height: 32px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tree-node .el-tree-node__label { height: 28px; line-height: 28px; } } @media screen and (max-width: 1366px) { .dg-tree-node .el-tree-node__label { height: 24px; line-height: 24px; } } .dg-tree .dg-tree-node.is-current > .el-tree-node__content { background-color: rgba(24, 144, 255, 0.12); } .dg-tree .dg-tree-node.is-current > .el-tree-node__content .el-tree-node__label { color: #1890ff; } .dg-tree .dg-tree-node.is-focusable > .el-tree-node__content .el-checkbox + .el-tree-node__label { color: rgba(0, 0, 0, 0.85); } .dg-tree .dg-tree-node .el-tree-node__content .el-checkbox.is-checked + .el-tree-node__label { color: #1890ff; } .dg-tree-node .el-tree-node__content .el-checkbox.is-disabled + span.el-tree-node__label, .dg-tree-node.is-radio .el-tree-node__content .el-tree-node__label { color: rgba(0, 0, 0, 0.25); } @media screen and (min-width: 1681px) { .dg-tree-node .el-tree-node__content { height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tree-node .el-tree-node__content { height: 28px; } } @media screen and (max-width: 1366px) { .dg-tree-node .el-tree-node__content { height: 24px; } } .dg-tree-node .el-tree-node__content:hover { background-color: rgba(24, 144, 255, 0.08); } .dg-tree-node .el-tree-node__content > .el-tree-node__expand-icon { padding: 0 4px; } .dg-tree-node.is-radio { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.04); } .dg-tree-node.is-radio .el-tree-node__children .el-tree-node, .dg-tree-node.is-radio .el-tree-node__content:hover, .dg-tree-node.is-radio:focus > .el-tree-node__content, .dg-tree-node.is-radio:hover .el-tree-node__label { background-color: transparent; } .dg-tree-node.is-radio .el-tree-node__content .el-tree-node__label:hover { background: 0 0; } .dg-tree-node .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner { background: 0 0; border: 1px solid rgba(0, 0, 0, 0.15); } .dg-tree-node .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { border-radius: 2px; -webkit-transform: scale(1); transform: scale(1); background-color: #1890ff; } @media screen and (min-width: 1681px) { .dg-tree-node .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { top: 2px; left: 2px; width: 10px; height: 10px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tree-node .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { top: 2px; left: 2px; width: 10px; height: 10px; } } @media screen and (max-width: 1366px) { .dg-tree-node .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { top: 2px; left: 2px; width: 8px; height: 8px; } } .dg-tree-node .el-checkbox .el-checkbox__input .el-checkbox__inner::after { top: 0; left: 4px; border-width: 2px; border-radius: 2px; } .el-cascader-panel { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 2px; } @media screen and (min-width: 1681px) { .dg-tree-node .el-checkbox .el-checkbox__input .el-checkbox__inner::after { left: 4px; top: 0; width: 4px; height: 9px; } .el-cascader-panel { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tree-node .el-checkbox .el-checkbox__input .el-checkbox__inner::after { width: 4px; height: 9px; } .el-cascader-panel { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-tree-node .el-checkbox .el-checkbox__input .el-checkbox__inner::after { width: 3px; height: 8px; } .el-cascader-panel { font-size: 12px; } } .el-cascader-panel.is-bordered { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; } .el-cascader-menu { min-width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0, 0, 0, 0.85); border-right: solid 1px rgba(0, 0, 0, 0.15); } .el-cascader-menu:last-child { border-right: none; } .el-cascader-menu:last-child .el-cascader-node { padding-right: 20px; } .el-cascader-menu__wrap { height: 204px; } .el-cascader-menu__list { position: relative; min-height: 100%; margin: 0; padding: 6px 0; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-cascader-menu__hover-zone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .el-cascader-menu__empty-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: rgba(0, 0, 0, 0.25); } .el-cascader-node { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px 0 20px; outline: 0; } @media screen and (min-width: 1681px) { .el-cascader-node { height: 32px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-cascader-node { height: 28px; line-height: 28px; } } @media screen and (max-width: 1366px) { .el-cascader-node { height: 24px; line-height: 24px; } } .el-cascader-node.is-selectable.in-active-path { color: rgba(0, 0, 0, 0.85); } .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path { color: #1890ff; font-weight: 700; } .el-cascader-node:not(.is-disabled) { cursor: pointer; } .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover { background: rgba(24, 144, 255, 0.08); } .el-cascader-node.is-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-cascader-node__postfix, .el-cascader-node__prefix { position: absolute; right: 10px; } .el-cascader-node__label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .el-cascader-node > .el-radio .el-radio__label { padding-left: 0; } .el-cascader { color: rgba(0, 0, 0, 0.85); display: inline-block; position: relative; font-size: 14px; } @media screen and (min-width: 1681px) { .el-cascader { line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-cascader { line-height: 28px; } } @media screen and (max-width: 1366px) { .el-cascader { line-height: 24px; } } .el-cascader:not(.is-disabled):hover .el-input__inner { cursor: pointer; border-color: rgba(0, 0, 0, 0.25); } .el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner { border-color: #1890ff; } .el-cascader .el-input { cursor: pointer; } .el-cascader .el-input .el-input__inner { text-overflow: ellipsis; } .el-cascader .el-input .el-icon-arrow-down { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; font-size: 14px; } .el-cascader .el-input .el-icon-arrow-down.is-reverse { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .el-cascader .el-input .el-icon-circle-close:hover { color: rgba(0, 0, 0, 0.65); } .el-cascader--medium { font-size: 16px; line-height: 40px; } .el-cascader--small { font-size: 14px; line-height: 32px; } .el-cascader--mini { font-size: 12px; line-height: 24px; } .el-cascader.is-disabled .el-cascader__label { z-index: 2; color: rgba(0, 0, 0, 0.25); } .el-cascader__dropdown { margin: 5px 0; font-size: 14px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .el-cascader__tags { position: absolute; left: 0; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: normal; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-cascader__tags .el-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; margin: 2px 0 2px 6px; text-overflow: ellipsis; background: #f0f2f5; } .el-cascader__tags .el-tag:not(.is-hit) { border-color: transparent; } .el-cascader__tags .el-tag > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; } .el-cascader__tags .el-tag .el-icon-close { -webkit-box-flex: 0; -ms-flex: none; flex: none; background-color: rgba(0, 0, 0, 0.25); color: #fff; } .el-cascader__tags .el-tag .el-icon-close:hover { background-color: rgba(0, 0, 0, 0.65); } .el-cascader__suggestion-panel { border-radius: 2px; } .el-cascader__suggestion-list { max-height: 204px; margin: 0; padding: 6px 0; font-size: 14px; color: rgba(0, 0, 0, 0.85); text-align: center; } .el-cascader__suggestion-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; padding: 0 15px; text-align: left; outline: 0; cursor: pointer; } .el-checkbox, .el-checkbox__input { display: inline-block; position: relative; } .el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover { background: rgba(24, 144, 255, 0.08); } .el-cascader__suggestion-item.is-checked { color: #1890ff; font-weight: 700; } .el-cascader__suggestion-item > span { margin-right: 10px; } .el-cascader__empty-text { margin: 10px 0; color: rgba(0, 0, 0, 0.25); } .el-cascader__search-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 24px; min-width: 60px; margin: 2px 0 2px 15px; padding: 0; color: rgba(0, 0, 0, 0.85); border: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-cascader__search-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-cascader__search-input::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-cascader__search-input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-cascader__search-input::placeholder { color: rgba(0, 0, 0, 0.25); } .el-cascader-menus .dg-cascader .el-scrollbar__view { padding: 0; } .el-cascader-menus .dg-cascader.dg-cascader-over .el-scrollbar__wrap { overflow-x: hidden; } .el-cascader-menu .el-cascader-menu__wrap { height: 204px; } .el-checkbox { color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 14px; cursor: pointer; white-space: nowrap; user-select: none; margin-right: 24px; } .el-checkbox-button__inner, .el-table th { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; white-space: nowrap; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: #1890ff; } .el-checkbox.is-bordered.is-disabled { border-color: rgba(0, 0, 0, 0.15); 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: 2px; height: 36px; } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 16px; } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 16px; width: 16px; } .el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 2px; height: 32px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 14px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 16px; width: 16px; } .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: 2px; height: 24px; } .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: 14px; width: 14px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { height: 6px; width: 2px; } .el-checkbox__input { white-space: nowrap; cursor: pointer; outline: 0; line-height: 1; vertical-align: middle; } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.15); cursor: not-allowed; } .el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: rgba(0, 0, 0, 0.25); } .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: transparent; border-color: #d9d9d9; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: rgba(0, 0, 0, 0.25); } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: transparent; border-color: #d9d9d9; } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .el-checkbox__input.is-disabled + span.el-checkbox__label { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgba(0, 0, 0, 0.15); } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #1890ff; border-color: #1890ff; } .el-checkbox__input.is-checked .el-checkbox__inner::after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-checked + .el-checkbox__label { color: #1890ff; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: transparent; border-color: #1890ff; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; right: 0; background-color: #1890ff; top: 2px; left: 2px; } @media screen and (min-width: 1681px) { .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { width: 10px; height: 10px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { width: 10px; height: 10px; } } @media screen and (max-width: 1366px) { .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { width: 8px; height: 8px; } } .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; } .el-checkbox__inner { display: inline-block; position: relative; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; z-index: 1; -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } @media screen and (min-width: 1681px) { .el-checkbox__inner { width: 16px; height: 16px; } .el-checkbox__inner::after { left: 5px; top: 2px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox__inner { width: 16px; height: 16px; } .el-checkbox__inner::after { left: 5px; top: 2px; } } @media screen and (max-width: 1366px) { .el-checkbox__inner { width: 14px; height: 14px; } } .el-checkbox__inner:hover { border-color: #1890ff; } .el-checkbox__inner::after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; position: absolute; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform 0.15s ease-in 50ms; transition: -webkit-transform 0.15s ease-in 50ms; transition: transform 0.15s ease-in 50ms; transition: transform 0.15s ease-in 50ms, -webkit-transform 0.15s ease-in 50ms; -webkit-transform-origin: center; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: 0; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .el-checkbox-button, .el-checkbox-button__inner { display: inline-block; position: relative; } .el-checkbox__label { display: inline-block; padding-left: 8px; line-height: 1.4; } @media screen and (min-width: 1681px) { .el-checkbox__label { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox__label { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-checkbox__inner::after { left: 4px; top: 1px; } .el-checkbox__label { font-size: 12px; } } .el-checkbox:last-child { margin-right: 0; } .el-checkbox-button__inner { line-height: 1; font-weight: 500; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-left: 0; color: rgba(0, 0, 0, 0.85); -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } @media screen and (min-width: 1681px) { .el-checkbox-button__inner { height: 32px; line-height: 1; padding: 8px 16px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 8px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox-button__inner { height: 28px; line-height: 1; padding: 6px 14px; font-size: 14px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 6px 14px; } } @media screen and (max-width: 1366px) { .el-checkbox-button__inner { height: 24px; line-height: 22px; padding: 0 12px; font-size: 12px; border-radius: 0; } .el-checkbox-button__inner.is-round { padding: 0 12px; } } .el-checkbox-button__inner:hover { color: #1890ff; } .el-checkbox-button__inner [class*="el-icon-"] { line-height: 0.9; } .el-checkbox-button--medium .el-checkbox-button__inner, .el-checkbox-button--small .el-checkbox-button__inner { line-height: 1; } .el-checkbox-button__inner [class*="el-icon-"] + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: 0; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: rgba(0, 0, 0, 0.15); } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #fff; background-color: #1890ff; border-color: #1890ff; -webkit-box-shadow: -1px 0 0 0 #74bcff; box-shadow: -1px 0 0 0 #74bcff; } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #1890ff; } .el-checkbox-button.is-checked.is-disabled .el-checkbox-button__inner { color: #fff; background-color: #e8e8e8; } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; background-image: none; background-color: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: none; box-shadow: none; } .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: rgba(0, 0, 0, 0.15); } .el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px 0 0 2px; -webkit-box-shadow: none !important; box-shadow: none !important; } .el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 2px 2px 0; } @media screen and (min-width: 1681px) { .el-checkbox-button--medium .el-checkbox-button__inner { height: 40px; padding: 11px 16px; font-size: 16px; border-radius: 0; } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 11px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox-button--medium .el-checkbox-button__inner { height: 36px; padding: 9px 16px; font-size: 16px; border-radius: 0; } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 9px 16px; } } @media screen and (max-width: 1366px) { .el-checkbox-button--medium .el-checkbox-button__inner { height: 32px; padding: 7px 16px; font-size: 16px; border-radius: 0; } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 7px 16px; } } @media screen and (min-width: 1681px) { .el-checkbox-button--small .el-checkbox-button__inner { height: 32px; padding: 8px 16px; font-size: 14px; border-radius: 0; } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 8px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox-button--small .el-checkbox-button__inner { height: 28px; padding: 6px 16px; font-size: 14px; border-radius: 0; } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 6px 16px; } } @media screen and (max-width: 1366px) { .el-checkbox-button--small .el-checkbox-button__inner { height: 24px; padding: 4px 16px; font-size: 14px; border-radius: 0; } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 4px 16px; } } .el-checkbox-button--mini .el-checkbox-button__inner { line-height: 1.4; } @media screen and (min-width: 1681px) { .el-checkbox-button--mini .el-checkbox-button__inner { height: 28px; padding: 5px 16px; font-size: 12px; border-radius: 0; } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 5px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-checkbox-button--mini .el-checkbox-button__inner { height: 24px; padding: 3px 16px; font-size: 12px; border-radius: 0; } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 3px 16px; } } @media screen and (max-width: 1366px) { .el-checkbox-button--mini .el-checkbox-button__inner { height: 20px; padding: 1px 16px; font-size: 12px; border-radius: 0; } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 1px 16px; } } .el-checkbox-button.is-lace.is-checked .el-checkbox-button__inner { background-color: transparent; color: #1890ff; } .el-checkbox-group { font-size: 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; -webkit-box-shadow: 0 0 8px #e8e8e8; box-shadow: 0 0 8px #e8e8e8; } .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: rgba(0, 0, 0, 0.8); border-bottom-width: 0; } .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -5px; border-top-color: transparent; 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: rgba(0, 0, 0, 0.8); } .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: transparent; } .el-tooltip__popper[x-placement^="right"] { margin-left: 12px; } .el-tooltip__popper[x-placement^="right"] .popper__arrow { left: -6px; border-right-color: rgba(0, 0, 0, 0.8); border-left-width: 0; } .el-tooltip__popper[x-placement^="right"] .popper__arrow::after { bottom: -5px; left: 1px; border-right-color: transparent; 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: rgba(0, 0, 0, 0.8); } .el-tooltip__popper[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0; border-left-color: transparent; } .el-tooltip__popper.is-dark { background: rgba(0, 0, 0, 0.8); color: #fff; } .el-tooltip__popper.is-light { background: #fff; border: 1px solid rgba(0, 0, 0, 0.8); } .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { border-top-color: rgba(0, 0, 0, 0.8); } .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { border-top-color: #fff; } .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { border-bottom-color: rgba(0, 0, 0, 0.8); } .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: #fff; } .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { border-left-color: rgba(0, 0, 0, 0.8); } .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { border-left-color: #fff; } .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { border-right-color: rgba(0, 0, 0, 0.8); } .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { border-right-color: #fff; } .el-table { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: 100%; color: rgba(0, 0, 0, 0.85); } @media screen and (min-width: 1681px) { .el-table { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-table { font-size: 14px; } } .el-table colgroup.gutter, .el-table th.gutter { display: table-cell !important; } .el-table__empty-block { min-height: 60px; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-table__empty-text { line-height: 60px; width: 50%; color: rgba(0, 0, 0, 0.65); } .el-table__expand-column .cell { padding: 0; text-align: center; } .el-table__expand-icon { position: relative; cursor: pointer; color: #666; font-size: 12px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; height: 20px; } .el-table__expand-icon--expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-table__expand-icon > .el-icon { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; } .el-table__expanded-cell { background-color: #fff; } .el-table__expanded-cell[class*="cell"] { padding: 10px 50px; } .el-table__expanded-cell:hover { background-color: transparent !important; } .el-table__expanded-cell .el-form-item__label { min-width: 80px; color: rgba(0, 0, 0, 0.65); } .el-table__placeholder { display: inline-block; width: 20px; } .el-table--fit { border-right: 0; border-bottom: 0; } .el-table--fit td.gutter, .el-table--fit th.gutter { border-right-width: 1px; } .el-table--scrollable-x .el-table__body-wrapper { overflow-x: auto; } .el-table--scrollable-y .el-table__body-wrapper { overflow-y: auto; } .el-table thead { color: rgba(0, 0, 0, 0.65); font-weight: 500; } .el-table thead.is-group th { background: rgba(0, 0, 0, 0.02); } .el-table td, .el-table th { font-weight: 400; min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; } .el-table th div, .el-table th > .cell { -webkit-box-sizing: border-box; display: inline-block; } @media screen and (min-width: 1681px) { .el-table td, .el-table th { padding: 14px 0 13px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-table td, .el-table th { padding: 12px 0 11px; } } @media screen and (max-width: 1366px) { .el-table { font-size: 12px; } .el-table td, .el-table th { padding: 8px 0 7px; } } .el-table td.is-center, .el-table th.is-center { text-align: center; } .el-table td.is-right, .el-table th.is-right { text-align: right; } .el-table td.gutter, .el-table th.gutter { width: 15px; border-right-width: 0; border-bottom-width: 0; padding: 0; } @media screen and (min-width: 1681px) { .el-table--medium td, .el-table--medium th { padding: 20px 0 19px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-table--medium td, .el-table--medium th { padding: 14px 0 13px; } } @media screen and (max-width: 1366px) { .el-table--medium td, .el-table--medium th { padding: 6px 0 5px; } } @media screen and (min-width: 1681px) { .el-table--small td, .el-table--small th { padding: 18px 0 17px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-table--small td, .el-table--small th { padding: 12px 0 11px; } } @media screen and (max-width: 1366px) { .el-table--small td, .el-table--small th { padding: 4px 0 3px; } } @media screen and (min-width: 1681px) { .el-table--mini td, .el-table--mini th { padding: 14px 0 13px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-table--mini td, .el-table--mini th { padding: 8px 0 7px; } } @media screen and (max-width: 1366px) { .el-table--mini td, .el-table--mini th { padding: 4px 0 3px; } } .el-table tr { background-color: #fff; } .el-table tr input[type="checkbox"] { margin: 0; } .el-table td, .el-table th.is-leaf { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .el-table tr:last-child td { border-bottom: 0; } .el-table th.is-sortable { cursor: pointer; } .el-table th { overflow: hidden; user-select: none; background-color: rgba(0, 0, 0, 0.02); } .dg-upload__indicator-more, .layui-layer-btn, .viewer-container { -moz-user-select: none; -ms-user-select: none; } .el-table th div { padding-left: 10px; padding-right: 10px; line-height: 40px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .el-table th .el-input { line-height: 24px; } .el-table th > .cell { position: relative; word-wrap: normal; text-overflow: inherit; vertical-align: middle; width: 100%; box-sizing: border-box; } .el-table th > .cell.highlight { color: #1890ff; } .el-table th.required > div::before { display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff4d51; margin-right: 5px; vertical-align: middle; } .el-table td div { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-table td.gutter { width: 0; } .el-table .cell { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 1.5; } @media screen and (min-width: 1681px) { .el-table .cell { padding: 0 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-table .cell { padding: 0 14px; } } @media screen and (max-width: 1366px) { .el-table .cell { padding: 0 12px; } } .el-table .cell.el-tooltip { white-space: nowrap; min-width: 50px; } .el-table--border, .el-table--group { border: 1px solid rgba(0, 0, 0, 0.15); } .el-table--border::after, .el-table--group::after, .el-table::before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.15); z-index: 1; } .el-table--border::after, .el-table--group::after { top: 0; right: 0; width: 1px; height: 100%; } .el-table::before { left: 0; bottom: 0; width: 100%; height: 1px; } .el-table.is-hidden-border-bottom::before { height: 0; } .el-table.el-table--border::before { height: 1px; } .el-table--border { border-radius: 2px; border-right: none; border-bottom: none; } .el-table--border.el-loading-parent--relative { border-color: transparent; } .el-table__fixed-footer-wrapper tbody td, .el-table__footer-wrapper td { border-top: 1px solid rgba(0, 0, 0, 0.15); } .el-table--border td, .el-table--border th { border-right: 1px solid rgba(0, 0, 0, 0.15); } .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { padding-left: 16px; } .el-table--border td:last-child, .el-table--border th:nth-last-child(2) { border-right: 0; } .el-table--border th.gutter:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-bottom-width: 1px; } .el-table--border th, .el-table__fixed-right-patch { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .el-table__fixed, .el-table__fixed-right { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: hidden; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); } .el-table__fixed-right::before, .el-table__fixed::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.15); z-index: 4; } .el-table.is-hidden-border-bottom .el-table__fixed-right::before, .el-table.is-hidden-border-bottom .el-table__fixed::before { height: 0; } .el-table__fixed-right-patch { position: absolute; top: -1px; right: 0; background-color: #fff; } .el-table__fixed-footer-wrapper tbody td, .el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td { background-color: rgba(24, 144, 255, 0.08); color: rgba(0, 0, 0, 0.85); } .el-table__fixed-right { top: 0; left: auto; right: 0; } .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper { left: auto; right: 0; } .el-table__fixed-header-wrapper { position: absolute; left: 0; top: 0; z-index: 3; } .el-table__fixed-footer-wrapper { position: absolute; left: 0; bottom: 0; z-index: 3; } .el-table__fixed-body-wrapper { position: absolute; left: 0; top: 37px; overflow: hidden; z-index: 3; } .el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper { width: 100%; } .el-table__footer-wrapper { margin-top: -1px; } .el-table__body, .el-table__footer, .el-table__header { table-layout: fixed; border-collapse: separate; } .el-table__footer-wrapper, .el-table__header-wrapper { overflow: hidden; } .el-table__body-wrapper { overflow: hidden; position: relative; } .el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none; } .el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { border-left: 1px solid rgba(0, 0, 0, 0.15); } .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { border-right: 1px solid rgba(0, 0, 0, 0.15); } .el-table .caret-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 26px; height: 14px; vertical-align: middle; cursor: pointer; overflow: initial; position: relative; } .el-table .sort-caret { width: 0; height: 0; border: 5px solid transparent; position: absolute; left: 8px; } .el-table .sort-caret.ascending { border-bottom-color: rgba(0, 0, 0, 0.45); border-top: 0; top: 1px; } .el-table .sort-caret.descending { border-top-color: rgba(0, 0, 0, 0.45); border-bottom: 0; bottom: 1px; } .el-table .ascending .sort-caret.ascending { border-bottom-color: #1890ff; } .el-table .descending .sort-caret.descending { border-top-color: #1890ff; } .el-table .hidden-columns { position: absolute; z-index: -1; } .el-table--striped .el-table__body tr.el-table__row--striped td { background: rgba(0, 0, 0, 0.02); } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { background-color: #e8f4ff; } .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td { background-color: rgba(24, 144, 255, 0.08); } .el-table__body tr.current-row > td { background-color: #e8f4ff; } .el-table__column-resize-proxy { position: absolute; left: 200px; top: 0; bottom: 0; width: 0; border-left: 1px solid rgba(0, 0, 0, 0.15); z-index: 10; } .el-table__column-filter-trigger { display: inline-block; cursor: pointer; line-height: 1.5; } .el-table__column-filter-trigger i { color: #bfbfbf; font-size: 12px; -webkit-transform: scale(0.75); transform: scale(0.75); } .el-table--enable-row-transition .el-table__body td { -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: rgba(24, 144, 255, 0.08); } .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; } .dg-table .dg-table__placeholder { opacity: 0.8; background: #fafafa; } .dg-table .dg-table__placeholder > td { background: #fafafa; } .dg-table .el-button--text { padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 1681px) { .dg-table .el-button--text { height: 21px; } .dg-table .el-button--small { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-table .el-button--text { height: 21px; } .dg-table .el-button--small { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-table .el-button--text { height: 18px; } .dg-table .el-button--small { font-size: 12px; } } .dg-table .el-pagination { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: right; padding: 1rem 0 0; } .dg-table .el-table .dg-form-column__button { color: #1890ff; } .dg-table .el-table .el-icon-circle-plus { font-size: 14px; } .dg-tpl__default--name { display: inline-block; vertical-align: middle; margin: 0; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (min-width: 1681px) { .dg-tpl__default--name { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tpl__default--name { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-tpl__default--name { font-size: 12px; } } .dg-tpl__status p { line-height: 1.5; } @media screen and (min-width: 1681px) { .dg-tpl__status p { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tpl__status p { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-tpl__status p { font-size: 12px; } } .dg-tpl__status--name { margin: 0; } .dg-tpl__status--status { margin-right: 8px; } @media screen and (min-width: 1681px) { .dg-tpl__status--status { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tpl__status--status { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-tpl__status--status { font-size: 12px; } } .dg-tpl__status--label { color: rgba(0, 0, 0, 0.85); } @media screen and (min-width: 1681px) { .dg-tpl__status--label { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tpl__status--label { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-tpl__status--label { font-size: 12px; } } .dg-tpl__type { display: inline-block; line-height: 18px; color: #fff; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .dg-tpl__operation { line-height: 1.5; } @media screen and (min-width: 1681px) { .dg-tpl__type { font-size: 14px; } .dg-tpl__operation { height: 21px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tpl__type { font-size: 14px; } .dg-tpl__operation { height: 21px; } } @media screen and (max-width: 1366px) { .dg-tpl__type { font-size: 12px; } .dg-tpl__operation { height: 18px; } } .dg-tpl__operation .dg-button { position: relative; } .dg-tpl__operation .dg-button + .dg-button { margin-left: 20px; } .dg-tpl__operation .dg-button + .dg-button::after { content: ""; position: absolute; top: 2px; left: -10px; width: 1px; height: 80%; background: #e8e8e8; } .dg-form-column__button { font-size: 14px; cursor: pointer; } .dg-form-column__form-item--wrap.el-form-item { margin-bottom: 0; } .dg-form-column__form-item--wrap.el-form-item .el-form-item__error { position: relative; margin-bottom: 0; text-align: left; } .el-progress { position: relative; line-height: 1; } .el-progress__text { font-size: 14px; color: rgba(0, 0, 0, 0.45); display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; } .el-progress__text i { vertical-align: middle; display: block; } .el-progress--circle, .el-progress--dashboard { display: inline-block; } .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { vertical-align: middle; display: inline-block; } .el-progress--without-text .el-progress__text { display: none; } .el-progress--without-text .el-progress-bar { padding-right: 0; margin-right: 0; display: block; } .el-progress--text-inside .el-progress-bar { padding-right: 0; margin-right: 0; } .el-progress.is-success .el-progress-bar__inner { background-color: #52c41a; } .el-progress.is-success .el-progress__text { color: #52c41a; } .el-progress.is-warning .el-progress-bar__inner { background-color: #faad14; } .el-progress.is-warning .el-progress__text { color: #faad14; } .el-progress.is-exception .el-progress-bar__inner { background-color: #f5222d; } .el-progress.is-exception .el-progress__text { color: #f5222d; } .el-progress-bar { padding-right: 50px; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-upload--picture-card, .el-upload-dragger { -webkit-box-sizing: border-box; cursor: pointer; } .el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.15); overflow: hidden; position: relative; vertical-align: middle; } .el-progress-bar__inner { position: absolute; left: 0; top: 0; height: 100%; background-color: #1890ff; text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; -webkit-transition: width 0.6s ease; 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: #fff; font-size: 12px; margin: 0 5px; } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } .el-upload { display: inline-block; text-align: center; cursor: pointer; outline: 0; } .el-upload__input { display: none; } .el-upload__tip { font-size: 12px; color: rgba(0, 0, 0, 0.45); margin-top: 8px; line-height: 1; } .el-upload iframe { position: absolute; z-index: -1; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .el-upload--picture-card { background-color: rgba(0, 0, 0, 0.02); border: 1px dashed rgba(0, 0, 0, 0.15); border-radius: 2px; box-sizing: border-box; width: 148px; height: 148px; line-height: 146px; vertical-align: top; } .el-upload--picture-card i { font-size: 28px; color: #8c939d; } .el-upload--picture-card:hover, .el-upload:focus { border-color: #1890ff; color: #1890ff; } .el-upload:focus .el-upload-dragger { border-color: #1890ff; } .el-upload-dragger { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; width: 360px; height: 180px; text-align: center; position: relative; overflow: hidden; } .el-upload-dragger .el-icon-upload { font-size: 67px; color: rgba(0, 0, 0, 0.25); 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 rgba(0, 0, 0, 0.15); margin-top: 7px; padding-top: 5px; } .el-upload-dragger .el-upload__text { color: rgba(0, 0, 0, 0.45); font-size: 24px; text-align: center; } .el-upload-dragger .el-upload__text em { color: #1890ff; font-style: normal; } .el-upload-dragger:hover { border-color: #1890ff; } .el-upload-dragger.is-dragover { background-color: rgba(32, 159, 255, 0.06); border: 2px dashed #1890ff; } .el-upload-list { margin: 0; padding: 0; list-style: none; } .el-upload-list__item { -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); color: rgba(0, 0, 0, 0.45); line-height: 1.8; margin-top: 5px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; width: 100%; } @media screen and (min-width: 1681px) { .el-upload-list__item { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-upload-list__item { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-upload-list__item { font-size: 12px; } } .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: #52c41a; } .el-upload-list__item .el-icon-close { display: none; position: absolute; top: 5px; right: 12px; cursor: pointer; opacity: 0.75; color: rgba(0, 0, 0, 0.45); } .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: #1890ff; } .el-upload-list__item:hover { background-color: rgba(24, 144, 255, 0.08); } .el-upload-list__item:hover .el-icon-close { display: inline-block; } .el-upload-list__item:hover .el-progress__text { display: none; } .el-upload-list__item.is-success .el-upload-list__item-status-label { display: block; } .el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: #1890ff; cursor: pointer; } .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { display: inline-block; } .el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { display: none; } .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { display: block; } .el-upload-list__item-name { color: rgba(0, 0, 0, 0.45); display: block; margin-right: 40px; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; -webkit-transition: color 0.3s; transition: color 0.3s; white-space: nowrap; } .el-upload-list__item-name [class^="el-icon"] { height: 100%; margin-right: 7px; line-height: inherit; } .el-upload-list__item-status-label { position: absolute; right: 12px; top: 0; line-height: inherit; display: none; } .el-upload-list__item-delete { position: absolute; right: 10px; top: 0; font-size: 12px; color: rgba(0, 0, 0, 0.45); display: none; } .el-upload-list__item-delete:hover { color: #1890ff; } .el-upload-list--picture-card { margin: 0; display: inline; vertical-align: top; } .el-upload-list--picture-card .el-upload-list__item { overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; margin: 0 8px 8px 0; display: inline-block; } .el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { color: #fff; } .el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { display: none; } .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { display: block; } .el-upload-list--picture-card .el-upload-list__item-name { display: none; } .el-upload-list--picture-card .el-upload-list__item-thumbnail { width: 100%; height: 100%; } .el-upload-list--picture-card .el-upload-list__item-status-label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); } .el-upload-list--picture-card .el-upload-list__item-status-label i { font-size: 12px; margin-top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .el-upload-list--picture-card .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .el-upload-list--picture-card .el-upload-list__item-actions::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-upload-list--picture-card .el-upload-list__item-actions span { display: none; cursor: pointer; } .el-upload-list--picture-card .el-upload-list__item-actions span + span { margin-left: 15px; } .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { position: static; font-size: inherit; color: inherit; } .el-upload-list--picture-card .el-upload-list__item-actions:hover { opacity: 1; } .el-upload-list--picture-card .el-upload-list__item-actions:hover span { display: inline-block; } .el-upload-list--picture-card .el-progress { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; width: 126px; } .el-upload-list--picture-card .el-progress .el-progress__text { top: 50%; } .el-upload-list--picture .el-upload-list__item { overflow: hidden; z-index: 0; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; padding: 10px 10px 10px 90px; height: 92px; } .el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { color: #fff; } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: 0 0; -webkit-box-shadow: none; box-shadow: none; top: -2px; right: -12px; } .el-upload-list--picture .el-upload-list__item:hover .el-progress__text { display: block; } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { line-height: 70px; margin-top: 0; } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { display: none; } .el-upload-list--picture .el-upload-list__item-thumbnail { vertical-align: middle; display: inline-block; width: 70px; height: 70px; float: left; position: relative; z-index: 1; margin-left: -80px; background-color: #fff; } .el-upload-list--picture .el-upload-list__item-name { display: block; margin-top: 20px; } .el-upload-list--picture .el-upload-list__item-name i { font-size: 70px; line-height: 1; position: absolute; left: 9px; top: 10px; } .el-upload-list--picture .el-upload-list__item-status-label { position: absolute; right: -17px; top: -7px; width: 46px; height: 26px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; } .el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .el-upload-list--picture .el-progress { position: relative; top: -7px; } .el-upload-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10; cursor: default; } .el-upload-cover::after { display: inline-block; 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; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); } .el-upload-cover__label i { font-size: 12px; margin-top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff; } .el-upload-cover__progress { display: inline-block; vertical-align: middle; position: static; width: 243px; } .el-upload-cover__progress + .el-upload__inner { opacity: 0; } .el-upload-cover__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .el-upload-cover__interact { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.72); text-align: center; } .el-upload-cover__interact .btn { display: inline-block; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle; -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); margin-top: 60px; } .el-upload-cover__interact .btn span { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px; } .el-upload-cover__interact .btn:hover { -webkit-transform: translateY(-13px); transform: translateY(-13px); } .el-upload-cover__interact .btn:hover span { opacity: 1; } .el-upload-cover__interact .btn i { color: #fff; display: block; font-size: 24px; line-height: inherit; margin: 0 auto 5px; } .el-upload-cover__title { position: absolute; bottom: 0; left: 0; background-color: #fff; height: 36px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; text-align: left; padding: 0 10px; margin: 0; line-height: 36px; font-size: 14px; color: rgba(0, 0, 0, 0.85); } .dg-tag--icon i, .dg-upload__dialog, .dg-upload__indicator, .dg-upload__indicator-more, .dg-upload__shade, .viewer-footer, .viewer-tooltip { text-align: center; } .el-upload-cover + .el-upload__inner { opacity: 0; position: relative; z-index: 1; } .dg-upload .el-upload-list.el-upload-list--picture-card > li { display: inline-block; padding: 7px; border: 1px dashed rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; width: 120px; height: 120px; } .dg-upload .el-upload-list__item-name { color: rgba(0, 0, 0, 0.85); } .dg-upload .el-icon-close, .dg-upload .el-upload-list__item { color: rgba(0, 0, 0, 0.65); } .dg-upload .dg-upload--text { color: rgba(0, 0, 0, 0.45); } .dg-upload__dialog .el-dialog { display: inline-block; width: auto; } .dg-upload__img { width: 100%; max-width: 500px; } .dg-upload__indicator { list-style: none; position: static; -webkit-transform: none; transform: none; padding: 0; margin: 0; width: 138px; } .dg-upload__indicator li { display: inline-block; padding: 4px; } .dg-upload__indicator li .el-carousel__button { background-color: #b2b2b2; } .dg-upload__indicator .is-active .el-carousel__button { background: #1682e6; } .dg-upload__indicator .el-carousel__button { width: 12px; } .dg-upload__indicator-more { -webkit-user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px; font-size: 14px; width: 138px; } .dg-upload__indicator-more i { color: #6e7a8a; font-weight: 700; margin: 0 5px; cursor: pointer; display: inline-block; } .dg-upload__indicator-more .is-active { color: #1682e6; } .dg-upload__shade { display: none; position: absolute; border-radius: 2px; width: 100%; height: 100%; left: 0; top: 0; cursor: default; opacity: 0; font-size: 20px; z-index: 2; color: #fff; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .dg-upload__shade::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .dg-upload__shade i { cursor: pointer; display: inline-block; line-height: inherit; } .dg-upload__shade i + i { margin-left: 15px; } .dg-upload__carousel { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; width: 120px; } .dg-upload .avatar-uploader-icon, .dg-upload--pictureList { -webkit-box-sizing: border-box; width: 120px; height: 120px; line-height: 120px; } .dg-upload__carousel:hover .dg-upload__shade { display: block; opacity: 1; } .dg-upload--content.is-disabled { cursor: not-allowed; background-image: none; color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.15); } .dg-upload--pictureList-box { width: 120px; } .dg-upload__list .el-upload.el-upload--text { display: none; } .dg-upload__image .el-upload.el-upload--text { display: block; width: 120px; height: 120px; } .dg-upload--pictureList { overflow: hidden; box-sizing: border-box; border-radius: 2px; border: 1px dashed #d9d9d9; } .dg-upload--pictureList i { font-size: 28px; font-weight: 700; color: rgba(0, 0, 0, 0.45); } .dg-upload--button .el-button { border-color: #d9d9d9; color: rgba(0, 0, 0, 0.85); } .dg-upload--button .el-button:focus, .dg-upload--button .el-button:hover { background: 0 0; color: #1890ff; border-color: #1890ff; } .dg-upload .avatar-uploader .el-upload { border-radius: 2px; border: none; position: relative; cursor: pointer; overflow: hidden; } .dg-upload .avatar-uploader .el-upload:hover { border-color: #1890ff; } .dg-upload .avatar-uploader-icon { font-size: 28px; font-weight: 700; text-align: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.45); } .dg-upload .avatar, .dg-upload .dg-upload-div { display: inline-block; width: 120px; height: 100%; } .dg-upload .el-upload.el-upload--picture-card { overflow: hidden; width: 136px; height: 136px; } .dg-upload--text { margin: 15px 0; position: relative; line-height: normal !important; color: rgba(0, 0, 0, 0.65); bottom: 60px; } .viewer-canvas, .viewer-container, .viewer-footer { position: absolute; overflow: hidden; } .viewer-canvas, .viewer-container, .viewer-footer, .viewer-player { bottom: 0; right: 0; left: 0; } .dg-upload .el-button--small { padding: 8px 12px; } .dg-upload__image, .dg-upload__list { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 7px; background: rgba(0, 0, 0, 0.02); border: 1px dashed rgba(0, 0, 0, 0.15); border-radius: 2px; } .viewer-close::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen-exit::before, .viewer-fullscreen::before, .viewer-next::before, .viewer-one-to-one::before, .viewer-play::before, .viewer-prev::before, .viewer-reset::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-zoom-in::before, .viewer-zoom-out::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC); background-repeat: no-repeat; color: transparent; display: block; font-size: 0; height: 20px; line-height: 0; width: 20px; } .viewer-zoom-in::before { background-position: 0 0; content: "Zoom In"; } .viewer-zoom-out::before { background-position: -20px 0; content: "Zoom Out"; } .viewer-one-to-one::before { background-position: -40px 0; content: "One to One"; } .viewer-reset::before { background-position: -60px 0; content: "Reset"; } .viewer-prev::before { background-position: -80px 0; content: "Previous"; } .viewer-play::before { background-position: -100px 0; content: "Play"; } .viewer-next::before { background-position: -120px 0; content: "Next"; } .viewer-rotate-left::before { background-position: -140px 0; content: "Rotate Left"; } .viewer-rotate-right::before { background-position: -160px 0; content: "Rotate Right"; } .viewer-flip-horizontal::before { background-position: -180px 0; content: "Flip Horizontal"; } .viewer-flip-vertical::before { background-position: -200px 0; content: "Flip Vertical"; } .viewer-fullscreen::before { background-position: -220px 0; content: "Enter Full Screen"; } .viewer-fullscreen-exit::before { background-position: -240px 0; content: "Exit Full Screen"; } .viewer-close::before { background-position: -260px 0; content: "Close"; } .viewer-container { direction: ltr; font-size: 0; line-height: 0; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .viewer-container ::-moz-selection, .viewer-container::-moz-selection { background-color: transparent; } .viewer-container ::selection, .viewer-container::selection { background-color: transparent; } .viewer-container img { display: block; height: auto; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .viewer-canvas { top: 0; } .viewer-canvas > img { height: auto; margin: 15px auto; max-width: 90% !important; width: auto; } .viewer-navbar { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; } .viewer-list { -webkit-box-sizing: content-box; box-sizing: content-box; height: 50px; margin: 0; overflow: hidden; padding: 1px 0; } .el-alert, .el-dialog { -webkit-box-sizing: border-box; } .viewer-list > li { color: transparent; cursor: pointer; float: left; font-size: 0; height: 50px; line-height: 0; opacity: 0.5; overflow: hidden; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; width: 30px; } .viewer-list > li:hover { opacity: 0.75; } .viewer-list > li + li { margin-left: 1px; } .viewer-list > .viewer-loading { position: relative; } .viewer-list > .viewer-loading::after { border-width: 2px; height: 20px; margin-left: -10px; margin-top: -10px; width: 20px; } .viewer-list > .viewer-active, .viewer-list > .viewer-active:hover { opacity: 1; } .viewer-player { background-color: #000; cursor: none; display: none; position: absolute; top: 0; } .viewer-player > img { left: 0; position: absolute; top: 0; } .viewer-toolbar > ul { display: inline-block; margin: 0 auto 5px; overflow: hidden; padding: 3px 0; } .viewer-toolbar > ul > li { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; float: left; height: 24px; overflow: hidden; -webkit-transition: background-color 0.15s; transition: background-color 0.15s; width: 24px; } .viewer-toolbar > ul > li:hover, .viewer-tooltip { background-color: rgba(0, 0, 0, 0.8); } .viewer-toolbar > ul > li::before { margin: 2px; } .viewer-toolbar > ul > li + li { margin-left: 1px; } .viewer-toolbar > ul > .viewer-small { height: 18px; margin-bottom: 3px; margin-top: 3px; width: 18px; } .viewer-toolbar > ul > .viewer-small::before { margin: -1px; } .viewer-toolbar > ul > .viewer-large { height: 30px; margin-bottom: -3px; margin-top: -3px; width: 30px; } .viewer-toolbar > ul > .viewer-large::before { margin: 5px; } .viewer-tooltip { border-radius: 10px; color: #fff; display: none; font-size: 12px; height: 20px; left: 50%; line-height: 20px; margin-left: -25px; margin-top: -10px; position: absolute; top: 50%; width: 50px; } .viewer-title { color: #ccc; display: inline-block; font-size: 12px; line-height: 1; margin: 0 5% 5px; max-width: 90%; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; white-space: nowrap; } .viewer-title:hover { opacity: 1; } .viewer-button { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; height: 80px; overflow: hidden; position: absolute; right: -40px; top: -40px; -webkit-transition: background-color 0.15s; transition: background-color 0.15s; width: 80px; } .viewer-button:focus, .viewer-button:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-button::before { bottom: 15px; left: 15px; position: absolute; } .viewer-fixed { position: fixed; } .viewer-open { overflow: hidden; } .viewer-show { display: block; } .viewer-hide { display: none; } .viewer-backdrop { background-color: rgba(0, 0, 0, 0.5); } .viewer-move { cursor: move; cursor: -webkit-grab; cursor: grab; } .viewer-fade { opacity: 0; } .el-alert, .viewer-in { opacity: 1; } .viewer-transition { -webkit-transition: all 0.3s; transition: all 0.3s; } @-webkit-keyframes viewer-spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes viewer-spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .viewer-loading::after { -webkit-animation: viewer-spinner 1s linear infinite; animation: viewer-spinner 1s linear infinite; border: 4px solid rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.5); border-radius: 50%; content: ""; display: inline-block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1; } @media (max-width: 767px) { .viewer-hide-xs-down { display: none; } } @media (max-width: 991px) { .viewer-hide-sm-down { display: none; } } @media (max-width: 1199px) { .viewer-hide-md-down { display: none; } } .dg_viewer_item { display: inline-block; margin: 5px 5px 5px 0; } .dg_viewer_item img { width: 120px; } .el-alert, .el-form-item .el-select { width: 100%; } .dg_viewer_item img + .dg_viewer_item img { margin-left: 5px; } .dg-tree-select .el-input__inner { padding: 0 12px; } @media screen and (min-width: 1681px) { .dg-tree-select .el-input__inner { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-tree-select .el-input__inner { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-tree-select .el-input__inner { font-size: 12px; } } .dg-tree-select .el-select .el-tag__close.el-icon-close { background: 0 0; color: rgba(0, 0, 0, 0.65); right: -3px; } .dg-tree-select .el-select .el-tag__close.el-icon-close:hover { background: 0 0; color: rgba(0, 0, 0, 0.45); } .el-form-item ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-form-item ::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-form-item ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-form-item ::placeholder { color: rgba(0, 0, 0, 0.25); } .el-alert { padding: 8px 16px 8px 8px; margin: 0; box-sizing: border-box; border-radius: 2px; position: relative; background-color: #fff; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .el-alert.is-light .el-alert__closebtn { color: rgba(0, 0, 0, 0.45); } .el-alert.is-light .el-alert__closebtn:hover { color: rgba(0, 0, 0, 0.65); } .el-alert.is-light .el-alert__closebtn .font { color: red !important; } .el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description { color: #fff; } .el-alert.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-alert--success.is-light { background-color: rgba(82, 196, 26, 0.08); color: #52c41a; } .el-alert--success.is-light .el-alert__description { color: #52c41a; } .el-alert--success.is-dark { background-color: #52c41a; color: #fff; } .el-alert--info.is-light { background-color: rgba(24, 144, 255, 0.08); color: #bfbfbf; } .el-alert--info.is-dark { background-color: #bfbfbf; color: #fff; } .el-alert--info .el-alert__description { color: #bfbfbf; } .el-alert--warning.is-light { background-color: rgba(250, 173, 20, 0.08); color: #faad14; } .el-alert--warning.is-light .el-alert__description { color: #faad14; } .el-alert--warning.is-dark { background-color: #faad14; color: #fff; } .el-alert--error.is-light { background-color: rgba(245, 34, 45, 0.08); color: #f5222d; } .el-alert--error.is-light .el-alert__description { color: #f5222d; } .el-alert--error.is-dark { background-color: #f5222d; color: #fff; } .el-alert__content { display: table-cell; padding: 0 16px 0 8px; } .el-alert__icon { font-size: 16px; width: 14px; } @media screen and (min-width: 1681px) { .el-alert__icon.is-big { width: 26px; font-size: 26px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-alert__icon.is-big { width: 24px; font-size: 24px; } } @media screen and (max-width: 1366px) { .el-alert__icon.is-big { width: 22px; font-size: 22px; } } .el-alert__title { line-height: 1.5; } @media screen and (min-width: 1681px) { .el-alert__title { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-alert__title { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-alert__title { font-size: 12px; } } .el-alert__title.is-bold { font-weight: 700; } .el-alert .el-alert__description { margin: 5px 0 0; word-break: break-all; } @media screen and (min-width: 1681px) { .el-alert .el-alert__description { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-alert .el-alert__description { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-alert .el-alert__description { font-size: 12px; } } .el-alert__closebtn { font-size: 12px; opacity: 1; position: absolute; top: 12px; right: 15px; cursor: pointer; } .dg-tag.el-tag.is-disabled, .dg-tag.el-tag.is-disabled .el-tag__close:hover { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .el-alert__closebtn.is-customed { font-style: normal; color: rgba(0, 0, 0, 0.45); } @media screen and (min-width: 1681px) { .el-alert__closebtn.is-customed { font-size: 14px; top: 7.5px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-alert__closebtn.is-customed { font-size: 14px; top: 7.5px; } } @media screen and (max-width: 1366px) { .el-alert__closebtn.is-customed { font-size: 12px; top: 8.5px; } } .el-alert-fade-enter, .el-alert-fade-leave-active { opacity: 0; } .dg-alert .el-alert__content .el-alert__description, .dg-alert .el-alert__content .el-alert__title { color: rgba(0, 0, 0, 0.85); } .dg-alert .el-alert__icon { margin-top: 3px; margin-left: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .dg-alert.el-alert--info { border: 1px solid rgba(24, 144, 255, 0.6); } .dg-alert.el-alert--success { border: 1px solid rgba(82, 196, 26, 0.6); } .dg-alert.el-alert--warning { border: 1px solid rgba(250, 173, 20, 0.6); } .dg-alert.el-alert--error { border: 1px solid rgba(245, 34, 45, 0.6); } .dg-alert .el-icon-success:before { color: #52c41a; } .dg-alert .el-icon-info:before { color: #1890ff; } .dg-alert .el-icon-warning:before { color: #faad14; } .dg-alert .el-icon-error:before { color: #f5222d; } .dg-alert .el-alert__icon.is-big { margin-right: 8px; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } .dg-alert .el-alert__icon.is-big + .el-alert__content { line-height: 24px; } .dg-alert__box { padding: 16px; } .dg-tag.el-tag.is-disabled { border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); } .dg-tag.el-tag.is-disabled .el-tag__close { color: rgba(0, 0, 0, 0.25); } .dg-tag + .dg-tag { margin-left: 8px; } .dg-tag:not(.is-border) + .dg-tag:not(.is-border) { margin-left: 16px; } .dg-tag:not(.is-border) { border-color: transparent; background-color: transparent; } .dg-tag:not(.is-border).dg-tag--icon { padding: 0; } .dg-tag--icon i { display: inline-block; margin-right: 5px; } @media screen and (min-width: 1681px) { .dg-alert .el-alert__title.is-bold { font-size: 18px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-alert .el-alert__title.is-bold { font-size: 16px; } } @media screen and (max-width: 1366px) { .dg-alert .el-alert__title.is-bold { font-size: 14px; } } .dg-button.is-ghost.el-button { background: 0 0 !important; color: rgba(0, 0, 0, 0.85); border-color: rgba(0, 0, 0, 0.85); } .dg-button.is-ghost.el-button:hover { border-color: rgba(33, 33, 33, 0.865); color: rgba(0, 0, 0, 0.85); } .dg-button.is-ghost.el-button.is-active, .dg-button.is-ghost.el-button:active { border-color: rgba(0, 0, 0, 0.865); color: rgba(0, 0, 0, 0.85); } .dg-button.is-ghost.el-button:active { outline: 0; } .dg-button.is-ghost.el-button.is-disabled, .dg-button.is-ghost.el-button.is-disabled:active, .dg-button.is-ghost.el-button.is-disabled:hover { color: #fff; border-color: rgba(147, 147, 147, 0.925); } .dg-button.is-ghost.el-button--primary { color: #1890ff; border-color: #1890ff; } .dg-button.is-ghost.el-button--primary:hover { border-color: #2f9bff; color: #1890ff; } .dg-button.is-ghost.el-button--primary:active { border-color: #1682e6; color: #1890ff; outline: 0; } .dg-button.is-ghost.el-button--primary.is-active { border-color: #1682e6; color: #1890ff; } .dg-button.is-ghost.el-button--primary.is-disabled, .dg-button.is-ghost.el-button--primary.is-disabled:active, .dg-button.is-ghost.el-button--primary.is-disabled:hover { color: #fff; border-color: #8cc8ff; } .dg-button.is-ghost.el-button--success { color: #52c41a; border-color: #52c41a; } .dg-button.is-ghost.el-button--success:hover { border-color: #63ca31; color: #52c41a; } .dg-button.is-ghost.el-button--success:active { border-color: #4ab017; color: #52c41a; outline: 0; } .dg-button.is-ghost.el-button--success.is-active { border-color: #4ab017; color: #52c41a; } .dg-button.is-ghost.el-button--success.is-disabled, .dg-button.is-ghost.el-button--success.is-disabled:active, .dg-button.is-ghost.el-button--success.is-disabled:hover { color: #fff; border-color: #a9e28d; } .dg-button.is-ghost.el-button--warning { color: #faad14; border-color: #faad14; } .dg-button.is-ghost.el-button--warning:hover { border-color: #fbb52c; color: #faad14; } .dg-button.is-ghost.el-button--warning:active { border-color: #e19c12; color: #faad14; outline: 0; } .dg-button.is-ghost.el-button--warning.is-active { border-color: #e19c12; color: #faad14; } .dg-button.is-ghost.el-button--warning.is-disabled, .dg-button.is-ghost.el-button--warning.is-disabled:active, .dg-button.is-ghost.el-button--warning.is-disabled:hover { color: #fff; border-color: #fdd68a; } .dg-button.is-ghost.el-button--danger { color: #f5222d; border-color: #f5222d; } .dg-button.is-ghost.el-button--danger:hover { border-color: #f63842; color: #f5222d; } .dg-button.is-ghost.el-button--danger:active { border-color: #dd1f29; color: #f5222d; outline: 0; } .dg-button.is-ghost.el-button--danger.is-active { border-color: #dd1f29; color: #f5222d; } .dg-button.is-ghost.el-button--danger.is-disabled, .dg-button.is-ghost.el-button--danger.is-disabled:active, .dg-button.is-ghost.el-button--danger.is-disabled:hover { color: #fff; border-color: #fa9196; } .dg-button.is-dashed { border-style: dashed; } .el-dialog { position: relative; margin: 0 auto 50px; background: #fff; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; width: 50%; } .el-dialog.is-fullscreen { width: 100%; margin-top: 0; margin-bottom: 0; height: 100%; overflow: auto; } .el-dialog__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; } .el-dialog__header { padding: 20px 20px 10px; } .el-dialog__headerbtn { position: absolute; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; font-size: 16px; } .dg-dialog__footer, .layui-layer-btn { border-top: 1px solid rgba(0, 0, 0, 0.09); } .el-dialog__headerbtn .el-dialog__close { color: rgba(0, 0, 0, 0.45); } .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: rgba(0, 0, 0, 0.65); } .el-dialog__title { color: rgba(0, 0, 0, 0.85); font-weight: 700; } @media screen and (min-width: 1681px) { .el-dialog__headerbtn { top: 18px; right: 32px; } .el-dialog__title { font-size: 18px; line-height: 18px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-dialog__headerbtn { top: 14px; right: 28px; } .el-dialog__title { font-size: 16px; line-height: 16px; } } @media screen and (max-width: 1366px) { .el-dialog__headerbtn { top: 10px; right: 24px; } .el-dialog__title { font-size: 14px; line-height: 14px; } } .dg-dialog__header, .layui-layer-title { line-height: 1.5; border-bottom: 1px solid rgba(0, 0, 0, 0.09); border-radius: 4px 4px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .el-dialog__body { padding: 30px 20px; color: rgba(0, 0, 0, 0.45); font-size: 14px; word-break: break-all; } .el-dialog__footer { padding: 10px 20px 20px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-dialog--center { text-align: center; } .el-dialog--center .el-dialog__body { text-align: initial; padding: 25px 25px 30px; } .el-dialog--center .el-dialog__footer { text-align: inherit; } .dialog-fade-enter-active { -webkit-animation: dialog-fade-in 0.3s; animation: dialog-fade-in 0.3s; } .dialog-fade-leave-active { -webkit-animation: dialog-fade-out 0.3s; animation: dialog-fade-out 0.3s; } @keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes dialog-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } .dg-dialog__header { -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .dg-dialog__header { height: 56px; padding: 18px 48px 18px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-dialog__header { height: 49px; padding: 14px 48px 14px 28px; } } @media screen and (max-width: 1366px) { .dg-dialog__header { height: 42px; padding: 10px 48px 10px 24px; } } .dg-dialog__header:focus .el-dialog__close, .dg-dialog__header:hover .el-dialog__close { color: rgba(0, 0, 0, 0.65); } .dg-dialog__body { min-height: 64px; } @media screen and (min-width: 1681px) { .dg-dialog__body { padding: 24px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-dialog__body { padding: 21px 28px; } } @media screen and (max-width: 1366px) { .dg-dialog__body { padding: 18px 24px; } } @media screen and (min-width: 1681px) { .dg-dialog__footer { padding: 16px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-dialog__footer { padding: 14px 28px; } } @media screen and (max-width: 1366px) { .dg-dialog__footer { padding: 12px 24px; } } .layui-layer { font-size: 14px; background: #fff; } .layui-layer-title { font-weight: 700; color: rgba(0, 0, 0, 0.85); -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .layui-layer-title { font-size: 18px; height: 56px; padding: 0 48px 0 36px; line-height: 56px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .layui-layer-title { font-size: 16px; height: 49px; padding: 0 48px 0 28px; line-height: 49px; } } @media screen and (max-width: 1366px) { .layui-layer-title { font-size: 14px; height: 42px; padding: 10px 48px 10px 24px; line-height: 0 48px 0 20px; } } .layui-layer-content { -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .layui-layer-content { padding: 24px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .layui-layer-content { padding: 21px 28px; } } @media screen and (max-width: 1366px) { .layui-layer-content { padding: 18px 24px; } } .layui-layer-btn { background: #fff; text-align: right; pointer-events: auto; user-select: none; -webkit-user-select: none; } .el-button, .video-js .vjs-slider { -moz-user-select: none; -ms-user-select: none; } @media screen and (min-width: 1681px) { .layui-layer-btn { padding: 16px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .layui-layer-btn { padding: 14px 28px; } } @media screen and (max-width: 1366px) { .layui-layer-btn { padding: 12px 24px; } } .layui-layer-btn a { display: inline-block; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 0; border: 1px solid rgba(0, 0, 0, 0.15); background: #fff; color: rgba(0, 0, 0, 0.45); border-radius: 2px; font-weight: 400; cursor: pointer; } .layui-layer-btn a:focus, .layui-layer-btn a:hover { color: #1890ff; border-color: #badeff; background-color: #e8f4ff; } .layui-layer-btn a + a { margin-left: 0.5rem; } .layui-layer-btn .layui-layer-btn0 { color: #fff; background-color: #1890ff; border-color: #1890ff; } .layui-layer-btn .layui-layer-btn0:hover { background: #2f9bff; border-color: #2f9bff; color: #fff; } .layui-layer-btn .layui-layer-btn0.is-active, .layui-layer-btn .layui-layer-btn0:active { background: #1682e6; border-color: #1682e6; color: #fff; } .layui-layer-btn .layui-layer-btn0:active { outline: 0; } .layui-layer-btn .layui-layer-btn0.is-disabled, .layui-layer-btn .layui-layer-btn0.is-disabled:active, .layui-layer-btn .layui-layer-btn0.is-disabled:focus, .layui-layer-btn .layui-layer-btn0.is-disabled:hover { color: #fff; background-color: #8cc8ff; border-color: #8cc8ff; } .layui-layer-btn .layui-layer-btn0.is-plain { color: #1890ff; background: #e8f4ff; border-color: #a3d3ff; } .layui-layer-btn .layui-layer-btn0.is-plain:hover { background: #1890ff; border-color: #1890ff; color: #fff; } .layui-layer-btn .layui-layer-btn0.is-plain:active { background: #1682e6; border-color: #1682e6; color: #fff; outline: 0; } .layui-layer-btn .layui-layer-btn0.is-plain.is-disabled, .layui-layer-btn .layui-layer-btn0.is-plain.is-disabled:active, .layui-layer-btn .layui-layer-btn0.is-plain.is-disabled:focus, .layui-layer-btn .layui-layer-btn0.is-plain.is-disabled:hover { color: #74bcff; background-color: #e8f4ff; border-color: #d1e9ff; } .layui-layer-btn-l { text-align: left; } .layui-layer-btn-c { text-align: center; } .layui-layer-setwin { position: absolute; font-size: 0; line-height: initial; } @media screen and (min-width: 1681px) { .layui-layer-btn a { min-width: 96px; height: 32px; padding: 8px 16px; } .layui-layer-setwin { top: 18px; right: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .layui-layer-btn a { min-width: 84px; height: 28px; padding: 6px 14px; } .layui-layer-setwin { top: 14px; right: 28px; } } @media screen and (max-width: 1366px) { .layui-layer-btn a { min-width: 72px; height: 24px; padding: 4px 12px; } .layui-layer-setwin { top: 10px; right: 24px; } } .layui-layer-setwin .layui-layer-min:hover cite { color: rgba(0, 0, 0, 0.65); } .layui-layer-setwin a { position: relative; display: inline-block; width: 16px; height: 16px; margin-left: 10px; font-size: 16px; color: rgba(0, 0, 0, 0.45); } .layui-layer-setwin a:hover { opacity: 0.7; } .layui-layer-setwin .layui-layer-ico { background: 0 0; } html #layuicss-layer { display: none; position: absolute; width: 1989px; } .layui-layer, .layui-layer-shade { position: fixed; pointer-events: auto; } .layui-layer-shade { top: 0; left: 0; width: 100%; height: 100%; } .layui-layer { -webkit-overflow-scrolling: touch; top: 150px; left: 0; margin: 0; padding: 0; -webkit-background-clip: content; border-radius: 2px; -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3); } .layui-layer-close { position: absolute; } .layui-layer-content { position: relative; min-height: 64px; } .layui-layer-border { border: 1px solid #b2b2b2; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .layui-layer-load { background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) center center no-repeat #eee; } .layui-layer-ico { background: url(data:image/png;base64,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) no-repeat; } .layui-layer-move { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; cursor: move; opacity: 0; filter: alpha(opacity=0); background-color: #fff; z-index: 2147483647; } .layui-layer-resize { position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize; } .layer-anim { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } @-webkit-keyframes layer-bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes layer-bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .layer-anim-00 { -webkit-animation-name: layer-bounceIn; animation-name: layer-bounceIn; } @-webkit-keyframes layer-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes layer-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .layer-anim-01 { -webkit-animation-name: layer-zoomInDown; animation-name: layer-zoomInDown; } @-webkit-keyframes layer-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes layer-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .layer-anim-02 { -webkit-animation-name: layer-fadeInUpBig; animation-name: layer-fadeInUpBig; } @-webkit-keyframes layer-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes layer-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .layer-anim-03 { -webkit-animation-name: layer-zoomInLeft; animation-name: layer-zoomInLeft; } @-webkit-keyframes layer-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } @keyframes layer-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } .layer-anim-04 { -webkit-animation-name: layer-rollIn; animation-name: layer-rollIn; } @-webkit-keyframes layer-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes layer-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .layer-anim-05 { -webkit-animation-name: layer-fadeIn; animation-name: layer-fadeIn; } @-webkit-keyframes layer-shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes layer-shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } .layer-anim-06 { -webkit-animation-name: layer-shake; animation-name: layer-shake; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .layui-layer-setwin .layui-layer-min cite { position: absolute; width: 12px; height: 1px; left: 0; top: 56%; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } .layui-layer-setwin .layui-layer-max { background-position: -32px -40px; } .layui-layer-setwin .layui-layer-max:hover { background-position: -16px -40px; } .layui-layer-setwin .layui-layer-maxmin { background-position: -65px -40px; } .layui-layer-setwin .layui-layer-maxmin:hover { background-position: -49px -40px; } .layui-layer-setwin .layui-layer-close1 { background-position: 1px -40px; cursor: pointer; padding-top: 4px; } .layui-layer-setwin .layui-layer-close1:hover { color: rgba(0, 0, 0, 0.65); } .layui-layer-setwin .layui-layer-close2 { position: absolute; right: -28px; top: -28px; width: 30px; height: 30px; margin-left: 0; background-position: -149px -31px; } .layui-layer-setwin .layui-layer-close2:hover { background-position: -180px -31px; } .layui-layer-dialog { min-width: 260px; } .layui-layer-dialog .layui-layer-content { position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto; } .layui-layer-dialog .layui-layer-content .layui-layer-ico { position: absolute; top: 16px; left: 15px; width: 30px; height: 30px; } .layui-layer-ico1 { background-position: -30px 0; } .layui-layer-ico2 { background-position: -60px 0; } .layui-layer-ico3 { background-position: -90px 0; } .layui-layer-ico4 { background-position: -120px 0; } .layui-layer-ico5 { background-position: -150px 0; } .layui-layer-ico6 { background-position: -180px 0; } .layui-layer-rim { border: 6px solid #8d8d8d; border: 6px solid rgba(0, 0, 0, 0.3); border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } .layui-layer-msg { min-width: 180px; border: 1px solid #d3d4d3; -webkit-box-shadow: none; box-shadow: none; } .layui-layer-hui { min-width: 100px; background-color: #000; filter: alpha(opacity=60); background-color: rgba(0, 0, 0, 0.6); color: #fff; border: none; } .layui-layer-hui .layui-layer-content { padding: 12px 25px; text-align: center; } .layui-layer-dialog .layui-layer-padding { padding: 20px 20px 20px 55px; text-align: left; } .layui-layer-page .layui-layer-content { position: relative; overflow: auto; } .layui-layer-nobg { background: 0 0; } .layui-layer-iframe iframe { display: block; width: 100%; } .layui-layer-loading { border-radius: 100%; background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: none; } .layui-layer-loading .layui-layer-content { width: 60px; height: 24px; background: url(data:image/gif;base64,R0lGODlhPAAYALMPAPPJp/HYxfSwkf50Df5TD/+HAPe5bvqHR/twOviZavyrMu/m3f9EAP9mAP+ZAO7u7iH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUNDRERBRjMxRTIwNjgxMTg4QzZERjVGQ0I0MDI1NDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTlDMEI5MzU5RTY2MTFFMTkxRDY5NkVCMDBGOTBFRUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTlDMEI5MzQ5RTY2MTFFMTkxRDY5NkVCMDBGOTBFRUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzU2N0YwMTMyMjA2ODExODhDNkRGNUZDQjQwMjU0OSIgc3RS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) no-repeat; } .layui-layer-loading .layui-layer-loading1 { width: 37px; height: 37px; background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat; } .layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 { width: 32px; height: 32px; background: url(data:image/gif;base64,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) no-repeat; } .layui-layer-tips { background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: none; } .layui-layer-tips .layui-layer-content { position: relative; line-height: 22px; min-width: 12px; padding: 8px 15px; font-size: 12px; border-radius: 2px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); background-color: #000; color: #fff; } .layui-layer-tips .layui-layer-close { right: -2px; top: -1px; } .layui-layer-tips i.layui-layer-TipsG { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed; } .layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT { left: 5px; border-right-style: solid; border-right-color: #000; } .layui-layer-tips i.layui-layer-TipsT { bottom: -8px; } .layui-layer-tips i.layui-layer-TipsB { top: -8px; } .layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR { top: 5px; border-bottom-style: solid; border-bottom-color: #000; } .layui-layer-tips i.layui-layer-TipsR { left: -8px; } .layui-layer-tips i.layui-layer-TipsL { right: -8px; } .layui-layer-lan[type="dialog"] { min-width: 280px; } .layui-layer-lan .layui-layer-title { background: #4476a7; color: #fff; border: none; } .layui-layer-lan .layui-layer-btn { padding: 5px 10px 10px; text-align: right; border-top: 1px solid #e9e7e7; } .layui-layer-lan .layui-layer-btn a { background: #fff; border-color: #e9e7e7; color: #333; } .layui-layer-lan .layui-layer-btn .layui-layer-btn1 { background: #c9c5c5; } .layui-layer-molv .layui-layer-title { background: #009f95; color: #fff; border: none; } .layui-layer-molv .layui-layer-btn a { background: #009f95; border-color: #009f95; } .layui-layer-molv .layui-layer-btn .layui-layer-btn1 { background: #92b8b1; } .layui-layer-iconext { background: url(data:image/png;base64,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) no-repeat; } .layui-layer-prompt .layui-layer-input { display: block; width: 230px; height: 36px; margin: 0 auto; line-height: 30px; padding-left: 10px; border: 1px solid #e6e6e6; color: #333; } .layui-layer-prompt textarea.layui-layer-input { width: 300px; height: 100px; line-height: 20px; padding: 6px 10px; } .layui-layer-prompt .layui-layer-content { padding: 20px; } .layui-layer-prompt .layui-layer-btn { padding-top: 0; } .layui-layer-tab { -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4); } .el-message-box, .el-select-dropdown { -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .layui-layer-tab .layui-layer-title { padding-left: 0; overflow: visible; } .layui-layer-tab .layui-layer-title span { position: relative; float: left; min-width: 80px; max-width: 260px; padding: 0 20px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; } .layui-layer-tab .layui-layer-title span.layui-this { height: 43px; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff; z-index: 10; } .el-button-group > .el-button.is-active, .el-button-group > .el-button.is-disabled, .el-button-group > .el-button:active, .el-button-group > .el-button:hover { z-index: 1; } .layui-layer-tab .layui-layer-title span:first-child { border-left: none; } .layui-layer-tabmain { line-height: 24px; clear: both; } .layui-layer-tabmain .layui-layer-tabli { display: none; } .layui-layer-tabmain .layui-layer-tabli.layui-this { display: block; } .layui-layer-photos { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .layui-layer-photos .layui-layer-content { overflow: hidden; text-align: center; } .layui-layer-photos .layui-layer-phimg img { position: relative; width: 100%; display: inline-block; vertical-align: top; } .layui-layer-imgbar, .layui-layer-imguide { display: none; } .layui-layer-imgnext, .layui-layer-imgprev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; outline: 0; blr: expression(this.onFocus=this.blur()); } .layui-layer-imgprev { left: 10px; background-position: -5px -5px; } .layui-layer-imgprev:hover { background-position: -33px -5px; } .layui-layer-imgnext { right: 10px; background-position: -5px -50px; } .layui-layer-imgnext:hover { background-position: -33px -50px; } .layui-layer-imgbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; line-height: 32px; background-color: rgba(0, 0, 0, 0.8); background-color: #000\9; filter: Alpha(opacity=80); color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0; } .layui-layer-imgtit * { display: inline-block; vertical-align: top; font-size: 12px; } .layui-layer-imgtit a { max-width: 65%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; } .layui-layer-imgtit a:hover { color: #fff; text-decoration: underline; } .layui-layer-imgtit em { padding-left: 10px; font-style: normal; } @-webkit-keyframes layer-bounceOut { 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 30% { -webkit-transform: scale(1.05); transform: scale(1.05); } 0% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes layer-bounceOut { 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 30% { -webkit-transform: scale(1.05); transform: scale(1.05); } 0% { -webkit-transform: scale(1); transform: scale(1); } } .layer-anim-close { -webkit-animation-name: layer-bounceOut; animation-name: layer-bounceOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } @media screen and (max-width: 1100px) { .layui-layer-iframe { overflow-y: auto; -webkit-overflow-scrolling: touch; } } .el-message-box, .el-popup-parent--hidden { overflow: hidden; } .v-modal-enter { -webkit-animation: v-modal-in 0.2s ease; animation: v-modal-in 0.2s ease; } .v-modal-leave { -webkit-animation: v-modal-out 0.2s ease forwards; animation: v-modal-out 0.2s ease forwards; } @keyframes v-modal-in { 0% { opacity: 0; } } @keyframes v-modal-out { 100% { opacity: 0; } } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.85); -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: 0.1s; transition: 0.1s; font-weight: 500; -webkit-user-select: none; } .el-button + .el-button { margin-left: 5px; } @media screen and (min-width: 1681px) { .el-button, .el-button.is-round { padding: 8px 16px; } .el-button { min-width: 96px; height: 32px; font-size: 14px; border-radius: 2px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-button, .el-button.is-round { padding: 6px 14px; } .el-button { min-width: 84px; height: 28px; font-size: 14px; border-radius: 2px; } } @media screen and (max-width: 1366px) { .el-button, .el-button.is-round { padding: 0 12px; } .el-button { min-width: 72px; height: 24px; font-size: 12px; border-radius: 2px; } } .el-button:hover { color: #1890ff; border-color: #badeff; background-color: #e8f4ff; } .el-button:active { color: #1682e6; border-color: #1682e6; outline: 0; } .el-button::-moz-focus-inner { border: 0; } .el-button [class*="el-icon-"] { font-size: 14px; } .el-button [class*="el-icon-"] + span { margin-left: 8px; } .el-button span + [class*="el-icon-"] { margin-left: 5px; } .el-button.is-plain:hover { background: #fff; border-color: #1890ff; color: #1890ff; } .el-button.is-active, .el-button.is-plain:active { color: #1682e6; border-color: #1682e6; } .el-button.is-plain:active { background: #fff; outline: 0; } .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; } .el-button.is-circle { min-width: auto; height: auto; border-radius: 50%; padding: 8px; } .el-button--primary { color: #fff; background-color: #1890ff; border-color: #1890ff; } .el-button--primary:hover { background: #2f9bff; border-color: #2f9bff; color: #fff; } .el-button--primary.is-active, .el-button--primary:active { background: #1682e6; border-color: #1682e6; color: #fff; } .el-button--primary:active { outline: 0; } .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover { color: #fff; background-color: #8cc8ff; border-color: #8cc8ff; } .el-button--primary.is-plain { color: #1890ff; background: #e8f4ff; border-color: #a3d3ff; } .el-button--primary.is-plain:hover { background: #1890ff; border-color: #1890ff; color: #fff; } .el-button--primary.is-plain:active { background: #1682e6; border-color: #1682e6; color: #fff; outline: 0; } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover { color: #74bcff; background-color: #e8f4ff; border-color: #d1e9ff; } .el-button--success { color: #fff; background-color: #52c41a; border-color: #52c41a; } .el-button--success:hover { background: #63ca31; border-color: #63ca31; color: #fff; } .el-button--success.is-active, .el-button--success:active { background: #4ab017; border-color: #4ab017; color: #fff; } .el-button--success:active { outline: 0; } .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover { color: #fff; background-color: #a9e28d; border-color: #a9e28d; } .el-button--success.is-plain { color: #52c41a; background: #eef9e8; border-color: #bae7a3; } .el-button--success.is-plain:hover { background: #52c41a; border-color: #52c41a; color: #fff; } .el-button--success.is-plain:active { background: #4ab017; border-color: #4ab017; color: #fff; outline: 0; } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover { color: #97dc76; background-color: #eef9e8; border-color: #dcf3d1; } .el-button--warning { color: #fff; background-color: #faad14; border-color: #faad14; } .el-button--warning:hover { background: #fbb52c; border-color: #fbb52c; color: #fff; } .el-button--warning.is-active, .el-button--warning:active { background: #e19c12; border-color: #e19c12; color: #fff; } .el-button--warning:active { outline: 0; } .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover { color: #fff; background-color: #fdd68a; border-color: #fdd68a; } .el-button--warning.is-plain { color: #faad14; background: #fff7e8; border-color: #fddea1; } .el-button--warning.is-plain:hover { background: #faad14; border-color: #faad14; color: #fff; } .el-button--warning.is-plain:active { background: #e19c12; border-color: #e19c12; color: #fff; outline: 0; } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover { color: #fcce72; background-color: #fff7e8; border-color: #feefd0; } .el-button--danger { color: #fff; background-color: #f5222d; border-color: #f5222d; } .el-button--danger:hover { background: #f63842; border-color: #f63842; color: #fff; } .el-button--danger.is-active, .el-button--danger:active { background: #dd1f29; border-color: #dd1f29; color: #fff; } .el-button--danger:active { outline: 0; } .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { color: #fff; background-color: #fa9196; border-color: #fa9196; } .el-button--danger.is-plain { color: #f5222d; background: #fee9ea; border-color: #fba7ab; } .el-button--danger.is-plain:hover { background: #f5222d; border-color: #f5222d; color: #fff; } .el-button--danger.is-plain:active { background: #dd1f29; border-color: #dd1f29; color: #fff; outline: 0; } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover { color: #f97a81; background-color: #fee9ea; border-color: #fdd3d5; } .el-button--info { color: #fff; background-color: #bfbfbf; border-color: #bfbfbf; } .el-button--info:hover { background: #c5c5c5; border-color: #c5c5c5; color: #fff; } .el-button--info.is-active, .el-button--info:active { background: #acacac; border-color: #acacac; color: #fff; } .el-button--info:active { outline: 0; } .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover { color: #fff; background-color: #dfdfdf; border-color: #dfdfdf; } .el-button--info.is-plain { color: #bfbfbf; background: #f9f9f9; border-color: #e5e5e5; } .el-button--info.is-plain:hover { background: #bfbfbf; border-color: #bfbfbf; color: #fff; } .el-button--info.is-plain:active { background: #acacac; border-color: #acacac; color: #fff; outline: 0; } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover { color: #d9d9d9; background-color: #f9f9f9; border-color: #f2f2f2; } .el-button.is-disabled.is-plain { background-color: rgba(0, 0, 0, 0.04) !important; } .el-button.is-disabled, .el-button.is-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; background-image: none; background-color: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.15); } .el-button.is-disabled.el-button--text { background-color: transparent; border-color: transparent; } .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover { background-color: #fff; border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.25); } @media screen and (min-width: 1681px) { .el-button--medium { min-width: 120px; height: 40px; padding: 11px 16px; font-size: 16px; border-radius: 2px; } .el-button--medium.is-round { padding: 11px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-button--medium { min-width: 108px; height: 36px; padding: 9px 16px; font-size: 16px; border-radius: 2px; } .el-button--medium.is-round { padding: 9px 16px; } } @media screen and (max-width: 1366px) { .el-button--medium { min-width: 96px; height: 32px; padding: 7px 16px; font-size: 16px; border-radius: 2px; } .el-button--medium.is-round { padding: 7px 16px; } } .el-button--medium.is-circle { padding: 11px; } .el-button--medium [class*="el-icon-"] { font-size: 16px; } @media screen and (min-width: 1681px) { .el-button--small { min-width: 96px; height: 32px; padding: 8px 16px; font-size: 14px; border-radius: 2px; } .el-button--small.is-round { padding: 8px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-button--small { min-width: 84px; height: 28px; padding: 6px 16px; font-size: 14px; border-radius: 2px; } .el-button--small.is-round { padding: 6px 16px; } } @media screen and (max-width: 1366px) { .el-button--small { min-width: 72px; height: 24px; padding: 4px 16px; font-size: 14px; border-radius: 2px; } .el-button--small.is-round { padding: 4px 16px; } } .el-button--small.is-circle { padding: 8px; } @media screen and (min-width: 1681px) { .el-button--mini, .el-button--mini.is-round { padding: 5px 16px; } .el-button--mini { min-width: 84px; height: 28px; font-size: 12px; border-radius: 2px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-button--mini, .el-button--mini.is-round { padding: 3px 16px; } .el-button--mini { min-width: 72px; height: 24px; font-size: 12px; border-radius: 2px; } } @media screen and (max-width: 1366px) { .el-button--mini, .el-button--mini.is-round { padding: 1px 16px; } .el-button--mini { min-width: 60px; height: 20px; font-size: 12px; border-radius: 2px; } } .el-button--mini.is-circle { padding: 5px; } .el-button--mini [class*="el-icon-"] { font-size: 12px; } .el-button--text { border-color: transparent; color: #1890ff; background: 0 0; padding-left: 0; padding-right: 0; min-width: auto; } .el-button--text:active, .el-button--text:hover { background-color: transparent; border-color: transparent; } .el-button--text + .el-button--text { margin-left: 4px; } .el-button--text:hover { color: #2f9bff; } .el-button--text:active { color: #1682e6; } .el-button--text.is-disabled, .el-button--text.is-disabled:active, .el-button--text.is-disabled:hover { border-color: transparent; } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::after, .el-button-group::before { display: table; content: ""; } .el-button-group::after { clear: both; } .el-button-group + .el-button-group { margin-left: 0.5rem; } .el-button-group > .el-button { float: left; position: relative; } .el-button-group > .el-button + .el-button { margin-left: 0; } .el-button-group > .el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-button-group > .el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-button-group > .el-button:first-child:last-child { border-radius: 2px; } .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-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-message-box { display: inline-block; width: 416px; padding-bottom: 16px; vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.15); font-size: 16px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); text-align: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .el-message-box__wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } .el-message-box__wrapper::after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .el-message-box__header { position: relative; font-weight: 700; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .el-message-box__header { height: 56px; padding: 32px 32px 0; } .el-message-box__title { font-size: 18px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message-box__header { height: 49px; padding: 28px 28px 0; } } @media screen and (max-width: 1366px) { .el-message-box__header { height: 42px; padding: 24px 24px 0; } } .el-message-box__title { padding-left: 0; margin-bottom: 0; color: rgba(0, 0, 0, 0.85); line-height: 1.5; } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message-box__title { font-size: 16px; } } @media screen and (max-width: 1366px) { .el-message-box__title { font-size: 14px; } } .el-message-box__headerbtn { position: absolute; right: 20px; padding: 0; border: none; outline: 0; background: 0 0; font-size: 16px; cursor: pointer; } .el-message-box__headerbtn .el-message-box__close { color: rgba(0, 0, 0, 0.45); } .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: rgba(0, 0, 0, 0.65); } .el-message-box__content { position: relative; color: rgba(0, 0, 0, 0.85); font-size: 14px; } @media screen and (min-width: 1681px) { .el-message-box__content { padding: 16px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message-box__content { padding: 14px 28px; } } @media screen and (max-width: 1366px) { .el-message-box__content { padding: 12px 24px; } } .el-message-box__input { padding-top: 15px; } .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus { border-color: #f5222d; } .el-message-box__status { position: absolute; top: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px !important; } .el-message-box__status::before { padding-left: 1px; } .el-message-box__status + .el-message-box__message { padding-left: 36px; padding-right: 12px; } .el-message-box__status.el-icon-success { color: #52c41a; } .el-message-box__status.el-icon-info { color: #1890ff; } .el-message-box__status.el-icon-warning { color: #faad14; } .el-message-box__status.el-icon-error { color: #f5222d; } .el-message-box__message { margin: 0; } .el-message-box__message p { margin: 0; line-height: 24px; } .el-message-box__errormsg { color: #f5222d; font-size: 12px; min-height: 18px; margin-top: 2px; } .el-message-box__btns { text-align: right; } .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-control, .vjs-button > .vjs-icon-placeholder:before, .vjs-menu li, .vjs-menu li.vjs-menu-title, .vjs-no-js { text-align: center; } @media screen and (min-width: 1681px) { .el-message-box__btns { padding: 16px 32px 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-message-box__btns { padding: 14px 28px 28px; } } @media screen and (max-width: 1366px) { .el-message-box__btns { padding: 12px 24px 24px; } } .el-message-box__btns button:nth-child(2) { margin-left: 10px; } .el-message-box__btns-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .el-message-box--center { padding-bottom: 30px; } .el-message-box--center .el-message-box__header { padding-top: 30px; } .el-message-box--center .el-message-box__title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-message-box--center .el-message-box__status { position: relative; top: auto; padding-right: 5px; text-align: center; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .el-message-box--center .el-message-box__message { margin-left: 0; } .el-message-box--center .el-message-box__content { padding-left: 44px; padding-right: 44px; } .msgbox-fade-enter-active { -webkit-animation: msgbox-fade-in 0.3s; animation: msgbox-fade-in 0.3s; } .msgbox-fade-leave-active { -webkit-animation: msgbox-fade-out 0.3s; animation: msgbox-fade-out 0.3s; } @keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes msgbox-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } .dg-message-box { width: 416px; padding: 0; } .dg-message-box__title .el-message-box__status { position: relative; top: auto; -webkit-transform: inherit; transform: inherit; display: inline-block; vertical-align: middle; margin-right: 16px; margin-top: -2px; } .dg-message-box__name { display: inline-block; vertical-align: middle; } .dg-message-box__name.is-icon { margin-left: 16px; } .dg-message-box__content { color: rgba(0, 0, 0, 0.85); font-size: 14px; } @media screen and (min-width: 1681px) { .dg-message-box__content.is-icon { padding: 16px 32px 16px 73px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-message-box__content.is-icon { padding: 14px 28px 14px 69px; } } @media screen and (max-width: 1366px) { .dg-message-box__content.is-icon { padding: 12px 24px 12px 65px; } } .dg-table-select__scrollbar .dg-select-dropdown__item:hover > td { background-color: initial !important; } .dg-table-select__scrollbar .dg-select-dropdown__list { padding: 12px; } .dg-table-select__scrollbar.multiple .dg-select-dropdown__item > td:last-child > .cell { padding-right: 30px; } .dg-audio { font-size: 14px; padding: 10px 15px; display: inline-block; } .dg-audio__time { color: #ccc; margin: 0 10px; } .video-js, .vjs-no-js { color: #fff; background-color: #000; } .dg-audio__audio { display: none; } .dg-audio__slider { display: inline-block; width: 100px; position: relative; top: 14px; margin: 0 15px; } .dg-audio__download { margin-left: 15px; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @font-face { font-family: VideoJS; src: url(fonts/VideoJS.eot?#iefix) format("eot"); } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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AG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype"); font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { content: "\f103"; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before { content: "\f104"; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before { content: "\f105"; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before { content: "\f106"; } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before { content: "\f107"; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before { content: "\f108"; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before { content: "\f10c"; } .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before { content: "\f10d"; } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before { content: "\f115"; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before { content: "\f11d"; } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .video-js { display: block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js .vjs-tech, .video-js.vjs-fill { width: 100%; height: 100%; } .video-js[tabindex="-1"] { outline: 0; } .video-js *, .video-js :after, .video-js :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0; } .video-js .vjs-time-tooltip, .vjs-error .vjs-error-display:before, .vjs-menu .vjs-menu-content, .vjs-no-js { font-family: Arial, Helvetica, sans-serif; } .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; font-size: 18px; width: 300px; height: 150px; margin: 0 auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; -webkit-transition: all 0.4s; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: 0 0; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; -webkit-transition: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; -webkit-box-sizing: content-box; box-sizing: content-box; } .video-js .vjs-modal-dialog > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto; -webkit-box-sizing: content-box; box-sizing: content-box; } .vjs-menu .vjs-menu-content > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f; } .vjs-menu li.vjs-menu-title { text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em; font-weight: 700; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -ms-flex: none; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 4em; -ms-touch-action: none; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.333333333333333em; z-index: 1; } .video-js .vjs-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: #fff; background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-size: 1em; padding: 6px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .dg-drag-tags__content .el-tag, .el-date-table { -webkit-user-select: none; -moz-user-select: none; } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; -webkit-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none; padding-left: 2em; padding-right: 2em; padding-bottom: 3em; } .vjs-poster, .vjs-poster img { padding: 0; vertical-align: middle; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical, .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .video-js .vjs-volume-panel { -webkit-transition: width 1s; transition: width 1s; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; } .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: 9em; -webkit-transition: width 0.1s; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3.5em; -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; -webkit-transition: none; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000; cursor: pointer; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-poster img { display: block; margin: 0 auto; max-height: 100%; width: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration { display: none; } .video-js .vjs-time-control { -webkit-box-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control { width: 0 !important; white-space: nowrap; } .vjs-time-divider { display: none; line-height: 3em; } .video-js .vjs-play-control .vjs-icon-placeholder { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none; } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); -webkit-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show; animation: 0s linear 0.3s forwards vjs-spinner-show; } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; margin: -6px; -webkit-box-sizing: inherit; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: #fff transparent transparent; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .wscn-http404 .pic-404__child.left, .wscn-http404 .pic-404__child.mid { -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0%, 100%, 20%, 60% { border-top-color: #73859f; } 35% { border-top-color: #fff; } } @-webkit-keyframes vjs-spinner-fade { 0%, 100%, 20%, 60% { border-top-color: #73859f; } 35% { border-top-color: #fff; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f11d"; font-size: 1.5em; line-height: inherit; } .vjs-custom-skin > .video-js, .vjs-custom-skin > .video-js .vjs-menu li { font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: block; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; } .vjs-text-track-settings .vjs-track-settings-colors { display: block; grid-column: 1; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-font { grid-column: 2; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 2; grid-row: 2; } } .vjs-track-setting > select { margin-right: 5px; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-custom-skin > .video-js .vjs-controls-disabled .vjs-big-play-button, .vjs-custom-skin > .video-js .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button { display: none !important; } .vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus { outline-style: solid; outline-width: medium; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f)); background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f)); background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2b333f; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js :focus:not(.focus-visible), .video-js :focus:not(:focus-visible) { outline: 0; } @media \0screen { .vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; } } .vjs-custom-skin > .video-js { width: 100%; } .video-js.vjs-no-flex .vjs-menu-button-inline, .vjs-custom-skin > .video-js .vjs-menu-button-inline.vjs-slider-active, .vjs-custom-skin > .video-js .vjs-menu-button-inline:focus, .vjs-custom-skin > .video-js .vjs-menu-button-inline:hover { width: 10em; } .vjs-custom-skin > .video-js .vjs-control { width: 3em; } .vjs-custom-skin > .video-js .vjs-control.vjs-live-control { width: auto; padding-left: 0.5em; letter-spacing: 0.1em; } .vjs-custom-skin > .video-js .vjs-menu-button-inline:before { width: 1.5em; } .vjs-menu-button-inline .vjs-menu { left: 3em; } .video-js.vjs-ended .vjs-loading-spinner { display: none; } .video-js.vjs-ended .vjs-big-play-button { display: block !important; } .video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button { display: block; } .vjs-custom-skin > .video-js .vjs-big-play-button { top: 50%; left: 50%; margin-left: -1.5em; background-color: rgba(0, 0, 0, 0.45); font-size: 3.5em; height: 2em !important; line-height: 2em !important; margin-top: -1em !important; } .video-js:hover .vjs-big-play-button, .vjs-custom-skin > .video-js .vjs-big-play-button:active, .vjs-custom-skin > .video-js .vjs-big-play-button:focus { background-color: rgba(36, 131, 213, 0.9); } .vjs-custom-skin > .video-js .vjs-loading-spinner { border-color: rgba(36, 131, 213, 0.8); } .vjs-custom-skin > .video-js .vjs-control-bar2 { background-color: #000; } .vjs-custom-skin > .video-js .vjs-control-bar { color: #fff; font-size: 14px; } .vjs-custom-skin > .video-js .vjs-play-progress, .vjs-custom-skin > .video-js .vjs-volume-level { background-color: #2483d5; } .vjs-custom-skin > .video-js .vjs-play-progress:before { top: -0.3em; } .vjs-custom-skin > .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.3em; } .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0; } .vjs-custom-skin > .video-js .vjs-menu li { padding: 0; line-height: 2em; font-size: 1.1em; } .vjs-custom-skin > .video-js .vjs-mouse-display:after, .vjs-custom-skin > .video-js .vjs-play-progress:after, .vjs-custom-skin > .video-js .vjs-time-tooltip { border-radius: 0; font-size: 1em; padding: 0; width: 3em; height: 1.5em; line-height: 1.5em; top: -3em; } .vjs-custom-skin > .video-js .vjs-menu-button-popup .vjs-menu { width: 5em; left: -1em; } .vjs-custom-skin > .video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-play-control { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-time-control { min-width: 1em; padding: 0; margin: 0 0.1em; text-align: center; display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value { font-size: 1.2em; line-height: 2.4; } .vjs-custom-skin > .video-js .vjs-progress-control.vjs-control { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-volume-menu-button { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label { display: block; line-height: 3em; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-fullscreen-control { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .el-select-dropdown { position: absolute; z-index: 1001; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px 0; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #1890ff; background-color: #fff; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: rgba(24, 144, 255, 0.08); } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { position: absolute; right: 20px; font-family: element-icons; content: "\e6da"; font-size: 12px; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-select-dropdown.is-multiple .dg-select-dropdown__item.selected::after { position: relative; display: table-cell; vertical-align: middle; } .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: rgba(0, 0, 0, 0.45); font-size: 14px; } .el-select-dropdown__wrap { max-height: 400px; } .el-select-dropdown__list { list-style: none; padding: 6px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-select-dropdown__item, .el-tag { white-space: nowrap; -webkit-box-sizing: border-box; } .el-tag { background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.85); display: inline-block; height: 22px; line-height: 20px; font-size: 12px; padding: 0 12px; border-width: 1px; border-style: solid; border-radius: 2px; box-sizing: border-box; } .el-tag.is-hit { border-color: #1890ff; } .el-tag .el-tag__close { color: rgba(0, 0, 0, 0.45); } .el-tag .el-tag__close:hover { color: rgba(0, 0, 0, 0.85); } .el-tag.el-tag--primary { background-color: rgba(24, 144, 255, 0.08); border-color: rgba(24, 144, 255, 0.4); color: #1890ff; } .el-tag.el-tag--primary.is-hit { border-color: #1890ff; } .el-tag.el-tag--primary .el-tag__close { color: #74bcff; } .el-tag.el-tag--primary .el-tag__close:hover { color: #1890ff; } .el-tag.el-tag--info { background-color: rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.65); } .el-tag.el-tag--info.is-hit { border-color: rgba(0, 0, 0, 0.65); } .el-tag.el-tag--info .el-tag__close { color: rgba(148, 148, 148, 0.79); } .el-tag.el-tag--info .el-tag__close:hover { color: rgba(0, 0, 0, 0.65); } .el-tag.el-tag--success { background-color: rgba(82, 196, 26, 0.08); border-color: rgba(82, 196, 26, 0.4); color: #52c41a; } .el-tag.el-tag--success.is-hit { border-color: #52c41a; } .el-tag.el-tag--success .el-tag__close { color: #97dc76; } .el-tag.el-tag--success .el-tag__close:hover { color: #52c41a; } .el-tag.el-tag--warning { background-color: rgba(250, 173, 20, 0.08); border-color: rgba(250, 173, 20, 0.4); color: #faad14; } .el-tag.el-tag--warning.is-hit { border-color: #faad14; } .el-tag.el-tag--warning .el-tag__close { color: #fcce72; } .el-tag.el-tag--warning .el-tag__close:hover { color: #faad14; } .el-tag.el-tag--danger { background-color: rgba(245, 34, 45, 0.08); border-color: rgba(245, 34, 45, 0.4); color: #f5222d; } .el-tag.el-tag--danger.is-hit { border-color: #f5222d; } .el-tag.el-tag--danger .el-tag__close { color: #f97a81; } .el-tag.el-tag--danger .el-tag__close:hover { color: #f5222d; } .el-tag .el-icon-close { display: inline-block; text-align: center; position: relative; cursor: pointer; font-size: 12px; margin-left: 2px; vertical-align: baseline; } .el-tag .el-icon-close::before { display: block; } .el-tag--dark { background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.85); } .el-tag--dark.el-tag--primary.is-hit, .el-tag--dark.is-hit { border-color: #1890ff; } .el-tag--dark .el-tag__close { color: rgba(0, 0, 0, 0.45); } .el-tag--dark .el-tag__close:hover { color: rgba(0, 0, 0, 0.85); } .el-tag--dark.el-tag--primary { background-color: #1890ff; border-color: #1890ff; color: #fff; } .el-tag--dark.el-tag--primary .el-tag__close { color: #97cdff; } .el-tag--dark.el-tag--primary .el-tag__close:hover { color: #fff; } .el-tag--dark.el-tag--info { background-color: #000; border-color: #000; color: #fff; } .el-tag--dark.el-tag--info.is-hit { border-color: rgba(0, 0, 0, 0.65); } .el-tag--dark.el-tag--info .el-tag__close { color: rgba(183, 183, 183, 0.8425); } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #fff; } .el-tag--dark.el-tag--success { background-color: #52c41a; border-color: #52c41a; color: #fff; } .el-tag--dark.el-tag--success.is-hit { border-color: #52c41a; } .el-tag--dark.el-tag--success .el-tag__close { color: #b1e498; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #fff; } .el-tag--dark.el-tag--warning { background-color: #faad14; border-color: #faad14; color: #fff; } .el-tag--dark.el-tag--warning.is-hit { border-color: #faad14; } .el-tag--dark.el-tag--warning .el-tag__close { color: #fdda95; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #fff; } .el-tag--dark.el-tag--danger { background-color: #f5222d; border-color: #f5222d; color: #fff; } .el-tag--dark.el-tag--danger.is-hit { border-color: #f5222d; } .el-tag--dark.el-tag--danger .el-tag__close { color: #fb9ca1; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #fff; } .el-tag--plain { background-color: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.85); } .el-tag--plain.el-tag--primary.is-hit, .el-tag--plain.is-hit { border-color: #1890ff; } .el-tag--plain .el-tag__close { color: rgba(0, 0, 0, 0.45); } .el-tag--plain .el-tag__close:hover { color: rgba(0, 0, 0, 0.85); } .el-tag--plain.el-tag--primary { background-color: rgba(24, 144, 255, 0); border-color: #1890ff; color: #1890ff; } .el-tag--plain.el-tag--primary .el-tag__close { color: #74bcff; } .el-tag--plain.el-tag--primary .el-tag__close:hover { color: #1890ff; } .el-tag--plain.el-tag--info { background-color: rgba(0, 0, 0, 0); border-color: #000; color: rgba(0, 0, 0, 0.65); } .el-tag--plain.el-tag--info.is-hit { border-color: rgba(0, 0, 0, 0.65); } .el-tag--plain.el-tag--info .el-tag__close { color: rgba(148, 148, 148, 0.79); } .el-tag--plain.el-tag--info .el-tag__close:hover { color: rgba(0, 0, 0, 0.65); } .el-tag--plain.el-tag--success { background-color: rgba(82, 196, 26, 0); border-color: #52c41a; color: #52c41a; } .el-tag--plain.el-tag--success.is-hit { border-color: #52c41a; } .el-tag--plain.el-tag--success .el-tag__close { color: #97dc76; } .el-tag--plain.el-tag--success .el-tag__close:hover { color: #52c41a; } .el-tag--plain.el-tag--warning { background-color: rgba(250, 173, 20, 0); border-color: #faad14; color: #faad14; } .el-tag--plain.el-tag--warning.is-hit { border-color: #faad14; } .el-tag--plain.el-tag--warning .el-tag__close { color: #fcce72; } .el-tag--plain.el-tag--warning .el-tag__close:hover { color: #faad14; } .el-tag--plain.el-tag--danger { background-color: rgba(245, 34, 45, 0); border-color: #f5222d; color: #f5222d; } .el-tag--plain.el-tag--danger.is-hit { border-color: #f5222d; } .el-tag--plain.el-tag--danger .el-tag__close { color: #f97a81; } .el-tag--plain.el-tag--danger .el-tag__close:hover { color: #f5222d; } .el-tag--medium { height: 26px; line-height: 24px; font-size: 12px; } .el-tag--small { height: 22px; padding: 0 12px; line-height: 20px; font-size: 12px; } .el-tag--mini { height: 18px; padding: 0 12px; line-height: 16px; font-size: 12px; } .el-select-dropdown__item { padding: 0 20px; position: relative; overflow: hidden; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.85); box-sizing: border-box; cursor: pointer; } @media screen and (min-width: 1681px) { .el-select-dropdown__item { font-size: 14px; height: 32px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-select-dropdown__item { font-size: 14px; height: 28px; line-height: 28px; } } @media screen and (max-width: 1366px) { .el-select-dropdown__item { font-size: 12px; height: 24px; line-height: 24px; } } .el-select-dropdown__item.is-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-select-dropdown__item.is-disabled:hover { background-color: #fff; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: rgba(24, 144, 255, 0.08); } .el-select-dropdown__item.selected { color: #1890ff; font-weight: 700; } .el-select-group { margin: 0; padding: 0; } .el-select-group__wrap { position: relative; list-style: none; margin: 0; padding: 0; } .el-select-group__wrap:not(:last-of-type) { padding-bottom: 24px; } .el-select-group__wrap:not(:last-of-type)::after { content: ""; position: absolute; display: block; left: 20px; right: 20px; bottom: 12px; height: 1px; background: rgba(0, 0, 0, 0.15); } .el-select-group__title { padding-left: 20px; font-size: 12px; color: #bfbfbf; line-height: 30px; } .el-select-group .el-select-dropdown__item { padding-left: 20px; } .el-select { display: inline-block; position: relative; } .el-select .el-select__caret.el-input__icon.el-icon-arrow-up { font-size: inherit; } .el-select .el-select__tags > span { display: contents; } .el-select:hover .el-input__inner { border-color: rgba(0, 0, 0, 0.25); } .el-select .el-input__inner { cursor: pointer; padding-right: 35px; } .el-select .el-input__inner:focus { border-color: #1890ff; } .el-select .el-input .el-select__caret { color: rgba(0, 0, 0, 0.45); font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); cursor: pointer; } .el-select .el-input .el-select__caret.is-reverse { -webkit-transform: rotateZ(0); transform: rotateZ(0); } .el-select .el-input .el-select__caret.is-show-close { font-size: 14px; text-align: center; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); border-radius: 100%; color: rgba(0, 0, 0, 0.45); -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-select .el-input .el-select__caret.is-show-close:hover, .el-select__input { color: rgba(0, 0, 0, 0.65); } .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed; } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: rgba(0, 0, 0, 0.15); } .el-select .el-input.is-focus .el-input__inner { border-color: #1890ff; } .el-select > .el-input { display: block; } .el-select__input { border: none; outline: 0; padding: 0; margin-left: 15px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } @media screen and (min-width: 1681px) { .el-select__input { height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-select__input { height: 28px; } } @media screen and (max-width: 1366px) { .el-select__input { height: 24px; } } .el-select__input.is-mini { height: 14px; } .el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: rgba(0, 0, 0, 0.45); line-height: 18px; font-size: 14px; } .el-select__close:hover { color: rgba(0, 0, 0, 0.65); } .el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-select .el-tag__close { margin-top: -2px; } .el-select .el-tag__close.el-icon-close { background-color: rgba(0, 0, 0, 0.25); top: -1px; color: #fff; } .el-select .el-tag__close.el-icon-close:hover { background-color: rgba(0, 0, 0, 0.65); } .el-select .el-tag__close.el-icon-close::before { display: block; -webkit-transform: translate(0, 0.5px); transform: translate(0, 0.5px); } .dg-date-picker, .dg-drag-tags__content { display: -webkit-box; display: -ms-flexbox; } .dg-drag-tags__content { display: flex; cursor: -webkit-grab; cursor: grab; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; -webkit-transform: translateX(0); transform: translateX(0); } .dg-drag-tags__content .el-tag { -ms-user-select: none; user-select: none; } .el-select .el-tag { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0 2px 2px; color: rgba(0, 0, 0, 0.65); border: 1px solid rgba(0, 0, 0, 0.15); font-size: 12px; padding: 0 12px; max-width: 120px; } .el-select .el-tag .el-select__tags-text { max-width: 86px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .el-select .el-tag__close.el-icon-close { background: 0 0; color: rgba(0, 0, 0, 0.65); vertical-align: text-top; } .el-select .el-tag__close.el-icon-close:hover { background: 0 0; color: rgba(0, 0, 0, 0.45); } .el-date-table td.available:hover span, .el-date-table td.available:hover.in-range span, .el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div { background-color: rgba(24, 144, 255, 0.08); } @media screen and (min-width: 1681px) { .el-select .el-tag { height: 26px; line-height: 24px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-select .el-tag { height: 22px; line-height: 20px; } } @media screen and (max-width: 1366px) { .el-select .el-tag { height: 18px; line-height: 16px; } } .el-date-table { font-size: 12px; -ms-user-select: none; user-select: none; } .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { color: #1890ff; } .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { margin-left: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { margin-right: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-date-table td { width: 32px; height: 30px; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; cursor: pointer; position: relative; } .el-date-table td div { height: 28px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-table td span { width: 28px; height: 28px; line-height: 28px; display: block; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: unset; } .el-date-table td.next-month, .el-date-table td.prev-month { color: rgba(0, 0, 0, 0.25); } .el-date-table td.next-month span:hover, .el-date-table td.prev-month span:hover { color: #1890ff; background-color: rgba(24, 144, 255, 0.08); } .el-date-table td.today { position: relative; } .el-date-table td.today span { color: #1890ff; font-weight: 700; border: 1px solid #1890ff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; } .el-date-table td.today.end-date span, .el-date-table td.today.start-date span { color: #fff; } .el-date-table td.today.disabled span { color: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.15); } .el-date-table td.available:hover { color: #1890ff; } .el-date-table td.current:not(.disabled) span { color: #fff; background-color: #1890ff; } .el-date-table td.end-date div, .el-date-table td.start-date div { color: #fff; } .el-date-table td.end-date span, .el-date-table td.start-date span { background-color: #1890ff; border-radius: 2px; } .el-date-table td.end-date span:hover, .el-date-table td.start-date span:hover { background-color: #1890ff; } .el-date-table td.start-date div { margin-left: 5px; border-top-left-radius: unset; border-bottom-left-radius: unset; } .el-date-table td.end-date div { margin-right: 5px; border-top-right-radius: unset; border-bottom-right-radius: unset; } .el-date-table td.disabled div { opacity: 1; cursor: not-allowed; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); } .el-date-table td.selected div, .el-date-table td.selected div:hover { background-color: rgba(24, 144, 255, 0.08); } .el-date-table td.selected div { margin-left: 5px; margin-right: 5px; border-radius: unset; } .el-date-table td.selected span { background-color: #1890ff; color: #fff; border-radius: unset; } .el-date-table td.selected.available:hover span { background-color: #1890ff; } .el-month-table td .cell:hover, .el-month-table td.disabled .cell, .el-month-table td.in-range div, .el-month-table td.in-range div:hover { background-color: rgba(24, 144, 255, 0.08); } .el-date-table td.week { font-size: 80%; color: rgba(0, 0, 0, 0.85); } .el-date-table th { padding: 5px; color: rgba(0, 0, 0, 0.85); font-weight: 400; border-bottom: solid 1px rgba(0, 0, 0, 0.15); } .el-month-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-month-table td { text-align: center; padding: 8px 0; cursor: pointer; } .el-month-table td div { height: 48px; padding: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-month-table td.today .cell { color: #1890ff; font-weight: 700; border: 1px solid #1890ff; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell { color: #fff; } .el-month-table td.today.disabled a { color: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.15); } .el-month-table td.disabled .cell { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .el-month-table td.disabled .cell:hover { color: rgba(0, 0, 0, 0.25); } .el-month-table td .cell { width: 60px; height: 36px; display: block; line-height: 36px; color: rgba(0, 0, 0, 0.65); margin: 0 auto; border-radius: unset; } .el-month-table td .cell:hover { color: #1890ff; } .el-month-table td.current:not(.disabled) .cell, .el-month-table td.end-date .cell, .el-month-table td.start-date .cell { color: #fff; background-color: #1890ff; } .el-month-table td.end-date div, .el-month-table td.start-date div { color: #fff; } .el-month-table td.start-date div { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-month-table td.end-date div { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-year-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-year-table .el-icon { color: rgba(0, 0, 0, 0.85); } .el-year-table td { text-align: center; padding: 20px 3px; cursor: pointer; } .el-year-table td.today .cell { color: #1890ff; font-weight: 700; border: 1px solid #1890ff; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-year-table td.today.disabled a { color: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.15); } .el-year-table td.disabled .cell { background-color: rgba(24, 144, 255, 0.08); cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .el-year-table td.disabled .cell:hover { color: rgba(0, 0, 0, 0.25); } .el-year-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: rgba(0, 0, 0, 0.65); margin: 0 auto; } .el-year-table td .cell:hover { color: #1890ff; background-color: rgba(24, 144, 255, 0.08); } .el-year-table td.current:not(.disabled) .cell { color: #fff; background-color: #1890ff; } .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33.3%; } .el-time-spinner__wrapper { max-height: 190px; overflow: auto; display: inline-block; width: 50%; vertical-align: top; position: relative; } .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px; } .el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list { padding: 0; text-align: center; } .el-time-spinner__wrapper.is-arrow { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden; } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { -webkit-transform: translateY(-32px); transform: translateY(-32px); } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #fff; cursor: default; } .el-time-spinner__arrow { font-size: 12px; color: rgba(0, 0, 0, 0.65); 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: #1890ff; } .el-time-spinner__arrow.el-icon-arrow-up { top: 10px; } .el-time-spinner__arrow.el-icon-arrow-down { bottom: 10px; } .el-time-spinner__input.el-input { width: 70%; } .el-time-spinner__list { margin: 0; list-style: none; } .el-time-spinner__list::after, .el-time-spinner__list::before { content: ""; display: block; width: 100%; height: 80px; } .el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; color: rgba(0, 0, 0, 0.45); } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: rgba(24, 144, 255, 0.08); cursor: pointer; } .el-time-spinner__item.active:not(.disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 700; } .el-time-spinner__item.disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-date-range-picker { width: 646px; } .el-date-range-picker.has-sidebar { width: 756px; } .el-date-range-picker table { table-layout: fixed; width: 100%; } .el-date-range-picker .el-picker-panel__body { min-width: 513px; } .el-date-range-picker .el-picker-panel__content { margin: 0; } .el-date-range-picker__header { position: relative; text-align: center; height: 28px; } .el-date-range-picker__header [class*="arrow-left"] { float: left; } .el-date-range-picker__header [class*="arrow-right"] { float: right; } .el-date-range-picker__header div { font-size: 16px; font-weight: 500; margin-right: 50px; } .el-date-range-picker__content { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 16px; } .el-date-range-picker__content.is-left { border-right: 1px solid rgba(0, 0, 0, 0.15); } .el-date-range-picker__content .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px; } .el-date-range-picker__editors-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; } .el-date-range-picker__editors-wrap.is-right { text-align: right; } .el-date-range-picker__time-header { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-range-picker__time-header > .el-icon-arrow-right { font-size: 20px; vertical-align: middle; display: table-cell; color: rgba(0, 0, 0, 0.85); } .el-date-range-picker__time-picker-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-range-picker__time-picker-wrap .el-picker-panel { position: absolute; top: 13px; right: 0; z-index: 1; background: #fff; } .el-time-range-picker { width: 354px; overflow: visible; } .el-time-range-picker__content { position: relative; text-align: center; padding: 10px; } .el-time-range-picker__cell { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 4px 7px 7px; width: 50%; display: inline-block; } .el-time-range-picker__header { margin-bottom: 5px; text-align: center; font-size: 14px; } .el-time-range-picker__body { border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); } .el-time-panel { margin: 5px 0; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: 1000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .el-radio, .l-main-tags .scroll-container .el-scrollbar__view { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .el-time-panel__content { font-size: 0; position: relative; overflow: hidden; } .el-time-panel__content::after, .el-time-panel__content::before { content: ""; top: 50%; position: absolute; margin-top: -15px; height: 32px; z-index: -1; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .el-time-panel__content::after { left: 50%; margin-left: 12%; margin-right: 12%; } .el-time-panel__content::before { padding-left: 50%; margin-right: 12%; margin-left: 12%; } .el-time-panel__content.has-seconds::after { left: calc(100% / 3 * 2); } .el-time-panel__content.has-seconds::before { padding-left: calc(100% / 3); } .el-time-panel__footer { border-top: 1px solid rgba(0, 0, 0, 0.15); padding: 4px; height: 36px; line-height: 25px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-time-panel__btn { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; color: rgba(0, 0, 0, 0.85); } .el-time-panel__btn.confirm { font-weight: 800; color: #1890ff; } .el-textarea { position: relative; display: inline-block; width: 100%; vertical-align: bottom; font-size: 14px; } .el-textarea__inner { display: block; resize: vertical; padding: 5px 12px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: inherit; color: rgba(0, 0, 0, 0.85); background-color: #fff; background-image: none; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea__inner::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea__inner::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea__inner::placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea__inner:hover { border-color: rgba(0, 0, 0, 0.25); } .el-textarea__inner:focus { outline: 0; border-color: #1890ff; } .el-textarea .el-input__count { color: #bfbfbf; position: absolute; font-size: 12px; bottom: 5px; right: 10px; } .el-textarea.is-disabled .el-textarea__inner { background-color: rgba(0, 0, 0, 0.04); border-color: 1px solid #d9d9d9; color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: rgba(0, 0, 0, 0.25); } .el-textarea.is-exceed .el-textarea__inner { border-color: #f5222d; } .el-textarea.is-exceed .el-input__count { color: #f5222d; } .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: rgba(0, 0, 0, 0.45); font-size: 14px; cursor: pointer; -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-input .el-input__clear:hover { color: rgba(0, 0, 0, 0.65); } .el-input .el-input__count { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #bfbfbf; font-size: 12px; } .el-input .el-input__count .el-input__count-inner { line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0, 0, 0, 0.85); display: inline-block; outline: 0; padding: 0 12px; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } @media screen and (min-width: 1681px) { .el-input__inner { font-size: 14px; height: 32px; line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-input__inner { font-size: 14px; height: 28px; line-height: 28px; } } @media screen and (max-width: 1366px) { .el-input__inner { font-size: 12px; height: 24px; line-height: 24px; } } .el-input__inner::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-input__inner::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-input__inner::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-input__inner::placeholder { color: rgba(0, 0, 0, 0.25); } .el-input__prefix, .el-input__suffix { position: absolute; top: 0; color: rgba(0, 0, 0, 0.45); -webkit-transition: all 0.3s; text-align: center; } .el-input__inner:hover { border-color: rgba(0, 0, 0, 0.25); } .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #1890ff; outline: 0; } .el-input__suffix { height: 100%; right: 4px; transition: all 0.3s; pointer-events: none; } @media screen and (min-width: 1681px) { .el-input__suffix { height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-input__suffix { height: 28px; } } @media screen and (max-width: 1366px) { .el-input__suffix { height: 24px; } } .el-input__suffix-inner { pointer-events: all; } .el-input__prefix { height: 100%; left: 4px; transition: all 0.3s; } @media screen and (min-width: 1681px) { .el-input__prefix { height: 32px; } .el-input__icon { line-height: 32px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-input__prefix { height: 28px; } } @media screen and (max-width: 1366px) { .el-input__prefix { height: 24px; } } .el-input__icon { height: 100%; width: 25px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-input__icon { line-height: 28px; } } @media screen and (max-width: 1366px) { .el-input__icon { line-height: 24px; } } .el-input__icon:after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__validateIcon { pointer-events: none; } .el-input.is-disabled .el-input__inner { background-color: rgba(0, 0, 0, 0.04); border-color: 1px solid #d9d9d9; color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-input.is-disabled .el-input__inner::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-input.is-disabled .el-input__inner::placeholder { color: rgba(0, 0, 0, 0.25); } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .el-input.is-exceed .el-input__inner { border-color: #f5222d; } .el-input.is-exceed .el-input__suffix .el-input__count { color: #f5222d; } .el-input--suffix .el-input__inner { padding-right: 30px; } .el-input--prefix .el-input__inner { padding-left: 30px; } .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: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.65); vertical-align: middle; display: table-cell; position: relative; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; padding: 0 20px; width: 1px; white-space: nowrap; } .el-input-group--prepend .el-input__inner, .el-input-group__append { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--append .el-input__inner, .el-input-group__prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append:focus, .el-input-group__prepend:focus { outline: 0; } .el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select { display: inline-block; margin: -10px -20px; } .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; } .el-input-group__append { border-left: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } .dg-date-picker { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dg-date-picker__short-btn .dg-radio-group { margin-right: 10px; } .dg-date-picker .dg-range-editor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-radio, .el-radio__inner, .el-radio__input { position: relative; display: inline-block; } .dg-date-picker .dg-range-editor .el-range-separator { line-height: inherit; } .dg-date-picker .dg-select { width: 120px; margin-right: 20px; } .el-radio { color: rgba(0, 0, 0, 0.85); font-weight: 500; line-height: 1; cursor: pointer; white-space: nowrap; outline: 0; font-size: 14px; margin-right: 24px; } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; } .el-radio.is-bordered.is-checked { border-color: #1890ff; } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: rgba(0, 0, 0, 0.15); } .el-radio.is-bordered + .el-radio.is-bordered { margin-left: 10px; } .el-radio--medium.is-bordered { padding: 10px 20px 0 10px; border-radius: 2px; height: 36px; } .el-radio--medium.is-bordered .el-radio__label { font-size: 16px; } .el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px; } .el-radio--small.is-bordered { padding: 8px 15px 0 10px; border-radius: 2px; height: 32px; } .el-radio--small.is-bordered .el-radio__label { font-size: 14px; } .el-radio--small.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio--mini.is-bordered { padding: 6px 15px 0 10px; border-radius: 2px; 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: 0; line-height: 1; vertical-align: middle; } .el-radio__input.is-disabled .el-radio__inner { background-color: rgba(0, 0, 0, 0.04); border-color: #d9d9d9; cursor: not-allowed; } .el-radio__input.is-disabled .el-radio__inner::after { cursor: not-allowed; background-color: #d9d9d9; } .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: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.15); } .el-radio__input.is-disabled.is-checked .el-radio__inner::after { background-color: rgba(0, 0, 0, 0.25); } .el-radio__input.is-disabled + span.el-radio__label { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-radio__input.is-checked .el-radio__inner { border-color: #1890ff; background: 0 0; } .el-radio__input.is-checked .el-radio__inner::after { width: 10px; height: 10px; background: #1890ff; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1366px) { .el-radio__input.is-checked .el-radio__inner::after { width: 8px; height: 8px; } } .el-radio__input.is-checked + .el-radio__label { color: #1890ff; } .el-radio__input.is-focus .el-radio__inner { border-color: #1890ff; } .el-radio__inner { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100%; background-color: transparent; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .el-radio__inner { width: 16px; height: 16px; } .el-radio__label { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-radio__inner { width: 16px; height: 16px; } .el-radio__label { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-radio__inner { width: 14px; height: 14px; } } .el-radio__inner:hover { border-color: #1890ff; } .el-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: #fff; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform 0.15s ease-in; transition: -webkit-transform 0.15s ease-in; transition: transform 0.15s ease-in; transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; } .el-radio__original { opacity: 0; outline: 0; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .el-radio-button, .el-radio-button__inner { display: inline-block; position: relative; outline: 0; } .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: 0 0 2px 2px #1890ff; box-shadow: 0 0 2px 2px #1890ff; } .el-radio__label { padding-left: 8px; } @media screen and (max-width: 1366px) { .el-radio__label { font-size: 12px; } } .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; } .el-radio-button__inner { line-height: 1; white-space: nowrap; vertical-align: middle; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); font-weight: 500; border-left: 0; color: rgba(0, 0, 0, 0.85); -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } @media screen and (min-width: 1681px) { .el-radio-button__inner { height: 32px; line-height: 1; padding: 8px 16px; font-size: 14px; border-radius: 0; } .el-radio-button__inner.is-round { padding: 8px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-radio-button__inner { height: 28px; line-height: 1; padding: 6px 14px; font-size: 14px; border-radius: 0; } .el-radio-button__inner.is-round { padding: 6px 14px; } } @media screen and (max-width: 1366px) { .el-radio-button__inner { height: 24px; line-height: 22px; padding: 0 12px; font-size: 12px; border-radius: 0; } .el-radio-button__inner.is-round { padding: 0 12px; } } .el-radio-button__inner:hover { color: #1890ff; } .el-radio-button__inner [class*="el-icon-"] { line-height: 0.9; } .el-radio-button--medium .el-radio-button__inner, .el-radio-button--small .el-radio-button__inner { line-height: 1; } .el-radio-button__inner [class*="el-icon-"] + span { margin-left: 5px; } .el-radio-button:first-child .el-radio-button__inner { border-left: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px 0 0 2px; -webkit-box-shadow: none !important; box-shadow: none !important; } .el-radio-button__orig-radio { opacity: 0; outline: 0; position: absolute; z-index: -1; } .el-radio-button__orig-radio:checked + .el-radio-button__inner { color: #fff; background-color: #1890ff; border-color: #1890ff; -webkit-box-shadow: -1px 0 0 0 #1890ff; box-shadow: -1px 0 0 0 #1890ff; } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; background-image: none; background-color: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: none; box-shadow: none; } .el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25); } .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 2px 2px 0; } .el-radio-button:first-child:last-child .el-radio-button__inner { border-radius: 2px; } @media screen and (min-width: 1681px) { .el-radio-button--medium .el-radio-button__inner { height: 40px; padding: 11px 16px; font-size: 16px; border-radius: 0; } .el-radio-button--medium .el-radio-button__inner.is-round { padding: 11px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-radio-button--medium .el-radio-button__inner { height: 36px; padding: 9px 16px; font-size: 16px; border-radius: 0; } .el-radio-button--medium .el-radio-button__inner.is-round { padding: 9px 16px; } } @media screen and (max-width: 1366px) { .el-radio-button--medium .el-radio-button__inner { height: 32px; padding: 7px 16px; font-size: 16px; border-radius: 0; } .el-radio-button--medium .el-radio-button__inner.is-round { padding: 7px 16px; } } @media screen and (min-width: 1681px) { .el-radio-button--small .el-radio-button__inner { height: 32px; padding: 8px 16px; font-size: 14px; border-radius: 0; } .el-radio-button--small .el-radio-button__inner.is-round { padding: 8px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-radio-button--small .el-radio-button__inner { height: 28px; padding: 6px 16px; font-size: 14px; border-radius: 0; } .el-radio-button--small .el-radio-button__inner.is-round { padding: 6px 16px; } } @media screen and (max-width: 1366px) { .el-radio-button--small .el-radio-button__inner { height: 24px; padding: 4px 16px; font-size: 14px; border-radius: 0; } .el-radio-button--small .el-radio-button__inner.is-round { padding: 4px 16px; } } .el-radio-button--mini .el-radio-button__inner { line-height: 1.4; } @media screen and (min-width: 1681px) { .el-radio-button--mini .el-radio-button__inner { height: 28px; padding: 5px 16px; font-size: 12px; border-radius: 0; } .el-radio-button--mini .el-radio-button__inner.is-round { padding: 5px 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-radio-button--mini .el-radio-button__inner { height: 24px; padding: 3px 16px; font-size: 12px; border-radius: 0; } .el-radio-button--mini .el-radio-button__inner.is-round { padding: 3px 16px; } } @media screen and (max-width: 1366px) { .el-radio-button--mini .el-radio-button__inner { height: 20px; padding: 1px 16px; font-size: 12px; border-radius: 0; } .el-radio-button--mini .el-radio-button__inner.is-round { padding: 1px 16px; } } .el-radio-button.is-lace .el-radio-button__orig-radio:checked + .el-radio-button__inner { background-color: transparent; color: #1890ff; } .dg-radio-group { line-height: 1.5; } .dg-radio-group__vertical { display: block; margin: 10px; } .dg-radio-group__vertical + .dg-radio-group__vertical { margin-left: 10px; } .fade-in-linear-enter-active, .fade-in-linear-leave-active { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s 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 { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s 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 { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: center top; transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: center bottom; transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: top left; transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; -webkit-transform: scale(0.45, 0.45); transform: scale(0.45, 0.45); } .collapse-transition { -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } .el-list-enter-active, .el-list-leave-active { -webkit-transition: all 1s; transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .el-opacity-transition { -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-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: 390px; } .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: rgba(0, 0, 0, 0.25); float: left; } .el-date-editor .el-range-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: 0; display: inline-block; height: 100%; margin: 0; padding: 0; width: 39%; text-align: center; color: rgba(0, 0, 0, 0.85); } @media screen and (min-width: 1681px) { .el-date-editor .el-range__icon { line-height: 30px; } .el-date-editor .el-range-input { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-date-editor .el-range__icon { line-height: 26px; } .el-date-editor .el-range-input { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-date-editor .el-range__icon { line-height: 22px; } .el-date-editor .el-range-input { font-size: 12px; } } .el-date-editor .el-range-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-date-editor .el-range-input::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-date-editor .el-range-input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-date-editor .el-range-input::placeholder { color: rgba(0, 0, 0, 0.25); } .el-date-editor .el-range-separator { display: inline-block; height: 100%; padding: 0 5px; margin: 0; text-align: center; font-size: 14px; width: 5%; color: rgba(0, 0, 0, 0.85); line-height: 30px !important; } @media screen and (min-width: 1681px) { .el-date-editor .el-range-separator { /* line-height: 30px; */ } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-date-editor .el-range-separator { /* line-height: 26px; */ } } @media screen and (max-width: 1366px) { .el-date-editor .el-range-separator { /* line-height: 22px; */ font-size: 12px; } } .el-date-editor .el-range__close-icon { font-size: 14px; color: rgba(0, 0, 0, 0.25); width: 25px; display: inline-block; float: right; } @media screen and (min-width: 1681px) { .el-date-editor .el-range__close-icon { line-height: 24px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-date-editor .el-range__close-icon { line-height: 22px; } } @media screen and (max-width: 1366px) { .el-date-editor .el-range__close-icon { line-height: 18px; } } .el-range-editor.el-input__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; } .el-range-editor .el-range-input { line-height: 1; } .el-range-editor.is-active, .el-range-editor.is-active:hover { border-color: #1890ff; } .el-range-editor.is-disabled, .el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover { border-color: 1px solid #d9d9d9; } .el-range-editor--medium.el-input__inner { height: 40px; } .el-range-editor--medium .el-range-separator { line-height: 28px; font-size: 16px; } .el-range-editor--medium .el-range-input { font-size: 16px; } .el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon { line-height: 28px; } .el-range-editor--small.el-input__inner { height: 32px; } .el-range-editor--small .el-range-separator { /* line-height: 24px; */ font-size: 14px; } .el-range-editor--small .el-range-input { font-size: 14px; } .el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon { line-height: 24px; } .el-range-editor--mini.el-input__inner { height: 24px; } .el-range-editor--mini .el-range-separator { line-height: 20px; font-size: 12px; } .el-range-editor--mini .el-range-input { font-size: 12px; } .el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon { line-height: 20px; } .el-range-editor.is-disabled { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-picker-panel, .l-card__about { border: 1px solid rgba(0, 0, 0, 0.15); } .el-range-editor.is-disabled input { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .el-range-editor.is-disabled input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-range-editor.is-disabled input::-moz-placeholder { color: rgba(0, 0, 0, 0.25); } .el-range-editor.is-disabled input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); } .el-range-editor.is-disabled input::placeholder { color: rgba(0, 0, 0, 0.25); } .el-range-editor.is-disabled .el-range-separator { color: rgba(0, 0, 0, 0.25); } .el-picker-panel { -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; line-height: 30px; margin: 5px 0; color: rgba(0, 0, 0, 0.85); background: #fff; } .el-picker-panel__body-wrapper::after, .el-picker-panel__body::after { content: ""; display: table; clear: both; } .el-picker-panel__content { position: relative; margin: 15px; } .el-picker-panel__footer { border-top: 1px solid rgba(0, 0, 0, 0.15); padding: 4px; text-align: right; background-color: #fff; position: relative; font-size: 0; } .el-picker-panel__shortcut { display: block; width: 100%; border: 0; background-color: transparent; line-height: 28px; font-size: 14px; color: rgba(0, 0, 0, 0.65); padding-left: 12px; text-align: left; outline: 0; cursor: pointer; } .el-picker-panel__shortcut:hover { color: #1890ff; } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #1890ff; } .el-picker-panel__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; } .el-picker-panel__btn[disabled] { color: #ccc; cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: rgba(0, 0, 0, 0.85); border: 0; background: 0 0; cursor: pointer; outline: 0; margin-top: 8px; } .el-picker-panel__icon-btn:hover { color: #1890ff; } .el-picker-panel__icon-btn.is-disabled { color: rgba(0, 0, 0, 0.25); } .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 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; background-color: #fff; overflow: auto; } .el-scrollbar__thumb, .el-scrollbar__thumb:hover { background-color: rgba(0, 0, 0, 0.09); } .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 rgba(0, 0, 0, 0.15); font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-picker__header { margin: 12px; text-align: center; } .el-date-picker__header--bordered { margin-bottom: 0; padding-bottom: 12px; border-bottom: solid 1px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 1366px) { .el-date-picker__header--bordered { padding-bottom: 4px; } } .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: rgba(0, 0, 0, 0.85); } .el-date-picker__header-label.active, .el-date-picker__header-label:hover { color: #1890ff; } .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; } .el-scrollbar { width: 100%; height: 100%; overflow: hidden; position: relative; } .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar { opacity: 1; -webkit-transition: opacity 340ms ease-out; transition: opacity 340ms ease-out; } .el-scrollbar .dg-scroll-content { color: rgba(0, 0, 0, 0.85); } @media screen and (min-width: 1681px) { .el-scrollbar .dg-scroll-content { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-scrollbar .dg-scroll-content { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-date-picker__header-label { font-size: 14px; } .el-scrollbar .dg-scroll-content { font-size: 12px; } } .el-scrollbar__wrap { overflow: scroll; width: calc(100% + 17px); height: calc(100% + 17px); } .el-scrollbar__wrap--hidden-default { width: 100%; height: 100%; overflow: scroll; } .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; -webkit-transition: 0.3s background-color; transition: 0.3s background-color; } .el-scrollbar__bar { position: absolute; right: 4px; bottom: 4px; z-index: 1; border-radius: 4px; opacity: 0; -webkit-transition: opacity 120ms ease-out; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-cascader__dropdown .el-scrollbar, .el-cascader__dropdown .el-scrollbar__wrap { width: auto; } .el-popper .popper__arrow, .el-popper .popper__arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .dg-log-search, .dg-time-line, .dg-time-line__inner { height: 100%; width: 100%; } .el-popper .popper__arrow { border-width: 6px; -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } .el-popper .popper__arrow::after { content: " "; border-width: 6px; } .el-popper[x-placement^="top"] { margin-bottom: 12px; } .el-popper[x-placement^="top"] .popper__arrow { bottom: -6px; left: 50%; margin-right: 3px; border-top-color: rgba(0, 0, 0, 0.15); border-bottom-width: 0; } .el-popper[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -6px; border-top-color: #fff; border-bottom-width: 0; } .el-popper[x-placement^="bottom"] { margin-top: 12px; } .el-popper[x-placement^="bottom"] .popper__arrow { top: -6px; left: 50%; margin-right: 3px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.15); } .el-popper[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -6px; border-top-width: 0; border-bottom-color: #fff; } .el-popper[x-placement^="right"] { margin-left: 12px; } .el-popper[x-placement^="right"] .popper__arrow { top: 50%; left: -6px; margin-bottom: 3px; border-right-color: rgba(0, 0, 0, 0.15); border-left-width: 0; } .el-popper[x-placement^="right"] .popper__arrow::after { bottom: -6px; left: 1px; border-right-color: #fff; border-left-width: 0; } .el-popper[x-placement^="left"] { margin-right: 12px; } .el-popper[x-placement^="left"] .popper__arrow { top: 50%; right: -6px; margin-bottom: 3px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.15); } .el-popper[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0; border-left-color: #fff; } .time-select { margin: 5px 0; min-width: 0; } .time-select .el-picker-panel__content { max-height: 200px; margin: 0; } .time-select-item { padding: 6px 32px; line-height: 1.5; } @media screen and (min-width: 1681px) { .time-select-item { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .time-select-item { font-size: 14px; } } @media screen and (max-width: 1366px) { .time-select-item { font-size: 12px; } } .time-select-item.selected:not(.disabled) { color: #1890ff; font-weight: 700; } .time-select-item:hover { background-color: rgba(24, 144, 255, 0.08); cursor: pointer; } .time-select-item.disabled { color: rgba(0, 0, 0, 0.15); cursor: not-allowed; } .dg-time-picker { display: -webkit-box; display: -ms-flexbox; display: flex; } .dg-time-picker__btn--visible .dg-radio-group { margin-right: 10px; } .dg-time-picker__separator { display: inline-block; padding: 0 5px; margin: 0; } .dg-log-search__content { width: 100%; height: 100%; background: #333; color: #f2f2f2; } .dg-log-search__item > p { margin: 0; color: #f2f2f2; } .dg-log-search__light { background: #ff0; color: #333; } .dg-time-line { position: relative; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .dg-time-line .dg-time-line__message-title, .dg-time-line .el-pagination span:not([class*="suffix"]) { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-time-line .dg-time-line__message-title, .dg-time-line .el-pagination span:not([class*="suffix"]) { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-time-line .dg-time-line__message-title, .dg-time-line .el-pagination span:not([class*="suffix"]) { font-size: 12px; } } .dg-time-line__inner.is-pagination { height: calc(100% - 52px); } .dg-time-line__content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; list-style: none; margin: 0; padding: 0; } .dg-time-line__dot { position: absolute; top: 5px; left: 0; z-index: 2; width: 10px; height: 10px; border-radius: 50%; line-height: 10px; text-align: center; border: 2px solid #e8e8e8; background-color: #fff; } .dg-time-line__dot i { line-height: 20px; } .dg-time-line__line { position: absolute; top: 19px; left: 6px; width: 2px; height: 100%; background-color: #e8e8e8; z-index: 1; } .dg-time-line__item { position: relative; list-style: none; } .dg-time-line__document { width: 100%; padding-left: 22px; padding-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dg-time-line__document p { font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.85); margin: 4px 0; } @media screen and (max-width: 1366px) { .dg-time-line__document p { font-size: 12px; } } .dg-time-line__box-base { display: block; color: rgba(0, 0, 0, 0.85); line-height: 21px; } .dg-time-line__box-title { display: inline-block; vertical-align: top; font-size: 14px; } @media screen and (max-width: 1366px) { .dg-time-line__box-title { font-size: 12px; } } .dg-time-line__box-time { color: rgba(0, 0, 0, 0.45); font-size: 14px; } @media screen and (max-width: 1366px) { .dg-time-line__box-time { font-size: 12px; } } .dg-time-line__message { padding: 5px 15px; margin-right: 20px; background: #fff; border: 1px solid #e8e8e8; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .dg-time-line__message-title { margin-top: 5px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } @media screen and (max-width: 1366px) { .dg-time-line__message-title { font-size: 12px; } } .dg-time-line__message-info { display: block; padding: 3px 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; } @media screen and (max-width: 1366px) { .dg-time-line__message-info { font-size: 12px; } } .dg-time-line__pagination { padding: 10px 0; } .dg-time-line__item-icon .dg-time-line__dot { width: 14px; height: 14px; top: 2px; left: -2px; } .dg-time-line__item-icon .dg-time-line__dot i { line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dg-page-code, .l-main-header { display: -webkit-box; display: -ms-flexbox; } .dg-time-line__item-icon .dg-time-line__document { padding-left: 26px; } .dg-time-line .dg-time-line__no-border .dg-time-line__dot { border-width: 0; left: 1px; } .dg-time-line .dg-time-line__content-icon { padding-left: 2px; } .dg-time-line .line-background-color { background-color: #e8e8e8; } .dg-time-line__both .dg-time-line__item { width: 50%; left: 50%; margin-left: -7px; } .dg-time-line__both .dg-time-line__item:nth-child(even) { left: auto; margin-left: 0; text-align: right; right: -7px; } .dg-time-line__both .dg-time-line__item:nth-child(even) .dg-time-line__line { right: 6px; left: auto; } .dg-time-line__both .dg-time-line__item:nth-child(even) .dg-time-line__dot { right: 0; left: auto; } .dg-time-line__both .dg-time-line__item:nth-child(even) .dg-time-line__document { padding-right: 22px; padding-left: 0; } .dg-time-line__both .dg-time-line__item:nth-child(even).dg-time-line__item-icon .dg-time-line__dot { right: -2px; } .dg-time-line__both .dg-time-line__item:nth-child(even).dg-time-line__item-icon.dg-time-line__no-border .dg-time-line__dot { right: 0; } .dg-page-code { display: flex; width: 856px; height: 420px; margin: 0 auto; } .dg-page-code__picture { width: 460px; height: 420px; background-size: cover; } .el-switch, .el-switch__label { height: 20px; vertical-align: middle; } .dg-page-code__picture--404 { background: url(images/pictures/picture_404.png); } .dg-page-code__picture--403 { background: url(images/pictures/picture_403.png); } .dg-page-code__picture--500 { background: url(images/pictures/picture_500.png); } .dg-page-code__picture--501 { background: url(images/pictures/picture_501.png); } .dg-page-code__box { padding: 125px 10px 10px 82px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dg-page-code__msg { margin: 5px 0; padding-left: 18px; list-style-image: url(images/pictures/icon_dot.png); } .dg-page-code__msg li { margin: 10px 0; padding-left: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.65); } .dg-page-code__link, .dg-page-code__option li { color: #1890ff; font-size: 14px; } .dg-page-code__option { margin: 5px 0; padding-left: 18px; list-style-image: url(images/pictures/icon_play.png); } .dg-page-code__option li { margin: 10px 0; padding-left: 8px; } .dg-page-code__title { font-size: 20px; font-weight: 700; line-height: 30px; color: rgba(0, 0, 0, 0.85); } .dg-page-code__en { font-size: 14px; color: rgba(0, 0, 0, 0.45); line-height: 24px; padding-top: 6px; margin: 0; } .dg-page-code__tip, .el-switch__label { font-size: 14px; color: rgba(0, 0, 0, 0.85); } .el-switch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 14px; line-height: 20px; } .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed; } .el-switch__label { -webkit-transition: 0.2s; transition: 0.2s; display: inline-block; font-weight: 500; cursor: pointer; } .el-switch__label.is-active { color: #1890ff; } .el-switch__label--left { margin-right: 10px; } .el-switch__label--right { margin-left: 10px; } .el-switch__label * { line-height: 1; display: inline-block; } @media screen and (min-width: 1681px) { .el-switch__label * { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .el-switch__label * { font-size: 14px; } } @media screen and (max-width: 1366px) { .el-switch__label * { font-size: 12px; } } .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 transparent; outline: 0; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.25); cursor: pointer; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; vertical-align: middle; line-height: 18px; } .l-sidebar__header, .u-menu .el-submenu .el-menu-item { -webkit-box-sizing: border-box; padding: 0 16px; line-height: 3rem; } .el-switch__core:after { content: ""; position: absolute; top: 1px; left: 1px; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; width: 16px; height: 16px; background-color: #fff; } .dg-switch__active--icon, .dg-switch__inactive--icon { width: 12px; font-size: 12px; color: #fff; display: inline-block; } .el-switch.is-checked .el-switch__core { border-color: #1890ff; background-color: #1890ff; } .el-switch.is-checked .el-switch__core::after { left: 100%; margin-left: -17px; } .el-switch.is-disabled { opacity: 0.4; } .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; } .dg-switch__active--icon { margin: 0 3px 0 6px; text-align: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; } .dg-switch__active--icon.is-active { opacity: 1; } .dg-switch__inactive--icon { text-align: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; } .dg-calendar__legends, .dg-calendar__title { width: 100%; text-align: center; } .dg-switch__inactive--icon.is-active { opacity: 1; } .dg-calendar__btn { font-size: 16px; color: rgba(0, 0, 0, 0.85); border: 0; background: 0 0; cursor: pointer; outline: 0; } .dg-calendar__btn.is-left { float: left; } .dg-calendar__btn.is-right { float: right; } .dg-calendar__time { position: absolute; top: 6px; left: 6px; } .el-calendar-table .el-calendar-day, .l-admin-app { position: relative; } .dg-calendar__legends { display: inline-block; padding: 0; } .dg-calendar__legend { display: inline-block; padding: 0 6px; cursor: pointer; } .dg-calendar__legend i { display: inline-block; vertical-align: middle; width: 18px; height: 12px; border-radius: 2px; } .dg-calendar__legend span { display: inline-block; vertical-align: middle; margin-left: 4px; } html { font-size: 14px; } @media screen and (min-width: 1681px) { html { font-size: 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { html { font-size: 14px; } } @media screen and (max-width: 1366px) { html { font-size: 12px; } } @media screen and (min-width: 1681px) { h1, h2, h3, h4, h5 { font-size: 18px; } p { font-size: 14px; } .l-small { font-size: 12px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { h1, h2, h3, h4, h5 { font-size: 16px; } p { font-size: 14px; } .l-small { font-size: 12px; } } @media screen and (max-width: 1366px) { h1, h2, h3, h4, h5 { font-size: 14px; } .l-small, p { font-size: 12px; } } .l-admin-app { min-width: 1280px; width: 100%; height: 100vh; overflow: hidden; background: #f5f5f5; } .l-admin-app.hideSidebar .l-sidebar { width: 4rem !important; } .l-admin-app.hideSidebar .l-main-container { margin-left: 4rem !important; } .l-admin-app.hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } .l-admin-app.hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > .el-submenu__icon-arrow { display: none; opacity: 0; } .l-admin-app.hideSidebar .u-menu .el-menu-item, .l-admin-app.hideSidebar .u-menu .el-submenu__title { padding: 0 !important; text-align: center; } .l-admin-app.hideSidebar .u-menu .el-menu-item .el-tooltip, .l-admin-app.hideSidebar .u-menu .el-submenu__title .el-tooltip { padding: 0 !important; } .l-admin-app.hideSidebar .u-menu .el-menu-item .icon, .l-admin-app.hideSidebar .u-menu .el-submenu__title .icon { width: auto; margin-right: 0; } .l-main-header { display: flex; border-radius: 0; height: 4rem; line-height: 4rem; background: -webkit-gradient( linear, right top, left top, color-stop(10%, #5db1ff), color-stop(50%, #2f9bff), to(#2f9bff) ); background: linear-gradient(to left, #5db1ff 10%, #2f9bff 50%, #2f9bff 100%); } .l-main-header__center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0 10px 0 20px; } .l-main-header__left { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 500px; height: 4rem; float: left; } .l-main-header__box { position: relative; width: 40px; margin-left: 2rem; margin-right: 10px; } .l-main-header__logo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 20px; margin: auto; } .l-main-header__title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 4rem; } .l-main-header__right { float: right; height: 100%; } .l-main-header__right .el-icon-search { position: relative; top: 2px; } .l-main-header:focus { outline: 0; } .l-main-header .right-menu-item { display: inline-block; margin: 0 8px; } .l-main-header .screenfull { height: 20px; } .l-main-header .international { vertical-align: top; } .l-main-header .theme-switch { vertical-align: 15px; } .l-main-header .avatar-container { height: 50px; margin-right: 30px; } .l-main-header .avatar-container .avatar-wrapper { margin-top: 5px; position: relative; } .l-main-header .avatar-container .avatar-wrapper .user-avatar { cursor: pointer; width: 40px; height: 40px; border-radius: 10px; } .l-main-header .avatar-container .avatar-wrapper .el-icon-caret-bottom { cursor: pointer; position: absolute; right: -20px; top: 25px; font-size: 12px; } .l-sidebar { position: absolute; bottom: 0; left: 0; top: 4rem; z-index: 1001; overflow: hidden; height: 100%; background: #fff; -webkit-transition: width 0.28s; transition: width 0.28s; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); width: 14rem; } .l-sidebar__header { width: 100%; text-align: right; border-bottom: 1px solid rgba(0, 0, 0, 0.15); box-sizing: border-box; height: 3rem; } .l-sidebar__header i { font-size: 20px; text-align: center; color: rgba(0, 0, 0, 0.45); cursor: pointer; } .l-sidebar__header i.is-active { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .l-sidebar__content { position: relative; width: 100%; height: calc(100vh - 7rem); overflow: hidden; } .l-sidebar .el-submenu__icon-arrow { opacity: 1; -webkit-transition: opacity 0.28s linear; transition: opacity 0.28s linear; } .l-sidebar__container .l-sidebar__header { display: none; } .l-sidebar__container-toggle { margin-top: 10px; margin-left: calc(50% - 10px); font-size: 16px; color: #999; z-index: 1; } .l-sidebar__container-toggle i { font-size: 20px; cursor: pointer; } .u-menu { position: relative; } .u-menu .u-menu__container { width: 100%; border-right: 0; background: #fff; } .u-menu .el-scrollbar { width: 100%; height: 100%; } .u-menu .el-menu-item, .u-menu .el-submenu__title { color: #333; padding: 0 16px; -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.5s; transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.5s; transition: background-color 0.3s, color 0.3s, box-shadow 0.5s; transition: background-color 0.3s, color 0.3s, box-shadow 0.5s, -webkit-box-shadow 0.5s; height: 3rem; line-height: 3rem; } .u-menu .el-menu-item .icon, .u-menu .el-submenu__title .icon { display: inline-block; width: 10px; font-size: 14px; margin-right: 12px; } .u-menu .el-menu-item i, .u-menu .el-submenu__title i { color: #999; } .u-menu .el-menu-item:hover, .u-menu .el-submenu__title:hover { background-color: rgba(24, 144, 255, 0.08); color: #333; } .u-menu .el-menu-item:hover i, .u-menu .el-submenu__title:hover i { color: #999; } .u-menu .el-menu-item.is-active, .u-menu .el-submenu__title.is-active { background-color: rgba(24, 144, 255, 0.12); color: #1890ff; border-right: 3px solid #1890ff; } .u-menu .el-menu-item.is-active .icon, .u-menu .el-submenu__title.is-active .icon { color: #1890ff; } .u-menu .el-menu--inline .icon { display: none; } .u-menu .el-menu-item span, .u-menu .el-submenu .el-menu-item span, .u-menu .el-submenu__title span { display: inline-block; max-width: calc(100% - 20px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .u-menu .el-submenu .el-menu-item { min-width: 0; height: 3rem; box-sizing: border-box; } .u-menu .el-submenu .el-menu-item p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .u-menu__popover .el-menu { background: #fff; } .l-main-container { position: relative; height: 100%; margin-left: 14rem; -webkit-transition: margin-left 0.28s; transition: margin-left 0.28s; } .l-main-container.is-menu-top { margin-left: 0; } .l-row-normal { margin-bottom: 1rem; } .l-row-normal .el-col + .el-col { padding-left: 1rem; } .l-main-content { height: calc(100vh - 7rem); width: 100%; position: relative; overflow: hidden; } .l-card-box { margin: 0 1rem; } .l-main-tags { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 3rem; } .l-main-tags__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; } .l-main-tags .scroll-container { white-space: nowrap; position: relative; overflow: hidden; width: 100%; } .l-main-tags .scroll-container .el-scrollbar__view { user-select: none; } .l-main-tags .scroll-container .el-scrollbar__bar { display: none; } .l-main-tags__popover { padding: 12px 2px 12px 12px; } .l-main-tags__inner { padding-right: 8px; } .l-main-tags__list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; -moz-box-flex: 1; min-width: 0; } .l-main-tags__item { display: inline-block; position: relative; cursor: pointer; height: 28px; line-height: 26px; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: rgba(0, 0, 0, 0.85); background: #fff; border-radius: 4px; } @media screen and (min-width: 1681px) { .l-main-tags__item { margin: 10px 4px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .l-main-tags__item { margin: 7.5px 4px; } } @media screen and (max-width: 1366px) { .l-main-tags__item { margin: 4px; } } .l-main-tags__item:first-of-type { margin-left: 16px; } .l-main-tags__item:last-of-type { margin-right: 16px; } .l-main-tags__item.active { background-color: #1890ff; color: rgba(255, 255, 255, 0.85); border-color: #1890ff; } .l-main-tags__item .el-icon-close { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; border-radius: 50%; text-align: center; -webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .l-main-tags__item .el-icon-close:hover { color: rgba(0, 0, 0, 0.45); } .l-main-tags__context { margin: 0; background: #f5f5f5; z-index: 100; position: absolute; list-style-type: none; padding: 5px 0; border-radius: 4px; font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); } .l-main-tags__context li { margin: 0; padding: 7px 16px; cursor: pointer; } .l-main-tags__context li:hover { background: #1890ff; } .l-main-tags__btn { width: 58px; height: 28px; line-height: 28px; text-align: center; background: #fff; cursor: pointer; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.09); box-shadow: 0 0 16px rgba(0, 0, 0, 0.09); } @media screen and (min-width: 1681px) { .l-main-tags__btn { margin: 10px; } .app-breadcrumb.el-breadcrumb { height: 54px; line-height: 54px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .l-main-tags__btn { margin: 7.5px; } } @media screen and (max-width: 1366px) { .l-main-tags__btn { margin: 4px; } } .l-main-tags__btn .icon, .l-main-tags__btn-name { font-size: 12px; color: #1890ff; } .l-main-tags__name { display: inline-block; vertical-align: middle; max-width: 84px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-breadcrumb.el-breadcrumb { font-size: 14px; margin-left: 16px; } @media screen and (max-width: 1680px) and (min-width: 1367px) { .app-breadcrumb.el-breadcrumb { height: 48px; line-height: 48px; } } @media screen and (max-width: 1366px) { .app-breadcrumb.el-breadcrumb { height: 40px; line-height: 40px; } } .app-breadcrumb.el-breadcrumb .no-redirect { color: rgba(0, 0, 0, 0.85); cursor: text; } .l-dropdown-tags { display: block; width: 168px; min-height: 100px; overflow: hidden; } .l-dropdown-tags__item { display: block; margin: 10px auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .l-avatar-box, .l-screen-full, .l-search { display: inline-block; } .l-dropdown-tags__item .el-icon-close { float: right; line-height: 28px; } .l-dropdown-tags__item:first-of-type { margin-left: 0; } .l-dropdown-tags__item:last-of-type { margin-right: 0; } .l-main-page { position: relative; width: 100%; height: 100%; } .l-main-page__container { margin: 6px 14px; min-height: 200px; background: #fff; } .l-search { padding: 0 10px; cursor: pointer; } .l-search input { width: 0; border: none; background: 0 0; border-bottom: 1px solid #fff; color: #fff; } .l-search span { color: #fff; } .l-search .is-active-search-show { width: 120px; -webkit-transition: width 0.4s; transition: width 0.4s; } .l-search .is-active-search-hide { width: 0; -webkit-transition: width 0.4s; transition: width 0.4s; } .l-search ::-webkit-input-placeholder { color: #fff; } .l-search :-moz-placeholder { color: #fff; } .l-search ::-moz-placeholder { color: #fff; } .l-search :-ms-input-placeholder { color: #fff; } .l-screen-full { vertical-align: middle; height: 16px; margin-right: 20px; } .el-menu--vertical .el-menu-item, .el-menu--vertical .el-submenu__title { height: 3rem; line-height: 3rem; } .l-avatar-box { vertical-align: top; margin-right: 15px; } .el-menu--vertical .el-menu-item .icon, .el-menu--vertical .el-submenu .icon { display: none; } .l-avatar-box .icon, .l-avatar-box__user { margin-right: 4px; color: #eef8fe; } .l-avatar-box .icon-close { cursor: pointer; color: #eef8fe; } .el-menu--vertical .el-menu-item.is-active { background-color: rgba(24, 144, 255, 0.12); color: #1890ff; border-right: 3px solid #1890ff; } .el-menu--vertical .el-menu--popup-right-start { margin-right: 8px; margin-left: 8px; } .el-menu--collapse .el-submenu.is-active:after { content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #1890ff; } .el-message-box__headerbtn { top: 33px; } .dg-container-box { height: 100%; min-height: calc(100vh - 200px); margin: 0 1rem; /* background-color: #fff; */ } .dg-container-box__content { width: 100%; height: 100%; min-height: calc(100vh - 200px); } .dg-container-box__content__left { padding: 10px; min-height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.15); } .dg-container-box__content__right__top { padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .dg-container-box__content__right__middle { text-align: right; padding: 10px; } .copyright, .l-template-box__header-middle, .u-skins__item { text-align: center; } .dg-container-box__content__right__bottom { padding-left: 10px; } .dg-content { height: 100%; } .dg-content .dg-content.el-col.el-col-20 { padding-left: 16px; } .dg-content--bottom-border .el-button + .el-button { margin-left: 8px; } .dg-content--right-border { border-right: 1px solid rgba(0, 0, 0, 0.15); min-height: calc(100vh - 260px); } .dg-content--right { padding: 0 0 15px; } .dialog-page-container { padding: 0; } .layui-layer-content { padding: 16px 24px; } .form-container .span-h1 { font-size: 20px; font-weight: 700; display: block; margin-bottom: 10px; } .form-container .span-desc { color: #888; display: block; margin-bottom: 10px; } .u-skins__base-icon, .u-skins__base-name { display: inline-block; vertical-align: middle; } .u-skins { position: relative; width: 60px; margin-right: 5px; float: left; } .u-skins__base { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .u-skins__base-icon { width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0ZCN0JFQkM3OUUxMUU5QTE1REU2OEFCQkQ3NzAzOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0ZCN0JFQ0M3OUUxMUU5QTE1REU2OEFCQkQ3NzAzOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDRkI3QkU5Qzc5RTExRTlBMTVERTY4QUJCRDc3MDM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDRkI3QkVBQzc5RTExRTlBMTVERTY4QUJCRDc3MDM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W6MxnwAAAPdJREFUeNpi/P//PwNFAGQAGpYF4j4gvg3Ev4H4FxDfBOIeIJZGV4+uOQmIvwPxayA+8B8B9gPxG6hcLC4DEpE0mEPF1gHxCijbDkk+Bt0AWajpMJABxEJAfBGITwMxPxAXIMl/A2JJZAN6oc62AOKc/7hBOhDbAPFbIO5CNuAW1M8gtjAeA/igao4A8VVkA35BFawB4vN4DAB5ZzWU/QObAaSAMyC9jNCEdAuIVXEklatAvBSIZYFYAIjfAvFRIF4PxD+RAxEXUMWS2BgIReN/LGkCrwHoCQkZgKJMhxgDkJMyOqgh1gBsmekZEGvjMoCR0uwMEGAAMAzjuucMpjQAAAAASUVORK5CYII=) no-repeat; } .u-skins__base-name { color: #eef8fe; } @media screen and (min-width: 1681px) { .u-skins__base-name { font-size: 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .u-skins__base-name { font-size: 14px; } } @media screen and (max-width: 1366px) { .u-skins__base-name { font-size: 14px; } } .u-skins__item { width: 50px; height: 50px; cursor: pointer; float: left; list-style: none; } .u-skins__item.is-active { color: #1890ff; } .u-skins__item i { display: block; font-size: 25px; } .u-skins__item span { font-size: 12px; } .wscn-http404-container { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 40%; left: 50%; } .wscn-http404 { position: relative; width: 1200px; padding: 0 50px; overflow: hidden; } .wscn-http404 .pic-404 { position: relative; float: left; width: 600px; overflow: hidden; } .wscn-http404 .pic-404__parent { width: 100%; } .wscn-http404 .pic-404__child { position: absolute; } .wscn-http404 .pic-404__child.left { width: 80px; top: 17px; left: 220px; opacity: 0; -webkit-animation-name: cloudLeft; animation-name: cloudLeft; animation-duration: 2s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } .wscn-http404 .pic-404__child.mid { width: 46px; top: 10px; left: 420px; opacity: 0; -webkit-animation-name: cloudMid; animation-name: cloudMid; animation-duration: 2s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .wscn-http404 .pic-404__child.right { width: 62px; top: 100px; left: 500px; opacity: 0; -webkit-animation-name: cloudRight; animation-name: cloudRight; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes cloudLeft { 0% { top: 17px; left: 220px; opacity: 0; } 20% { top: 33px; left: 188px; opacity: 1; } 80% { top: 81px; left: 92px; opacity: 1; } 100% { top: 97px; left: 60px; opacity: 0; } } @keyframes cloudLeft { 0% { top: 17px; left: 220px; opacity: 0; } 20% { top: 33px; left: 188px; opacity: 1; } 80% { top: 81px; left: 92px; opacity: 1; } 100% { top: 97px; left: 60px; opacity: 0; } } @-webkit-keyframes cloudMid { 0% { top: 10px; left: 420px; opacity: 0; } 20% { top: 40px; left: 360px; opacity: 1; } 70% { top: 130px; left: 180px; opacity: 1; } 100% { top: 160px; left: 120px; opacity: 0; } } @keyframes cloudMid { 0% { top: 10px; left: 420px; opacity: 0; } 20% { top: 40px; left: 360px; opacity: 1; } 70% { top: 130px; left: 180px; opacity: 1; } 100% { top: 160px; left: 120px; opacity: 0; } } @-webkit-keyframes cloudRight { 0% { top: 100px; left: 500px; opacity: 0; } 20% { top: 120px; left: 460px; opacity: 1; } 80% { top: 180px; left: 340px; opacity: 1; } 100% { top: 200px; left: 300px; opacity: 0; } } @keyframes cloudRight { 0% { top: 100px; left: 500px; opacity: 0; } 20% { top: 120px; left: 460px; opacity: 1; } 80% { top: 180px; left: 340px; opacity: 1; } 100% { top: 200px; left: 300px; opacity: 0; } } .wscn-http404 .bullshit { position: relative; float: left; width: 300px; padding: 30px 0; overflow: hidden; } .wscn-http404 .bullshit__oops { font-size: 32px; font-weight: 700; line-height: 40px; color: #1482f0; opacity: 0; margin-bottom: 20px; -webkit-animation-name: slideUp; animation-name: slideUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wscn-http404 .bullshit__headline, .wscn-http404 .bullshit__info { -webkit-animation-name: slideUp; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; opacity: 0; } .wscn-http404 .bullshit__headline { font-size: 20px; line-height: 24px; color: #222; font-weight: 700; margin-bottom: 10px; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; animation-fill-mode: forwards; } .wscn-http404 .bullshit__info { font-size: 13px; line-height: 21px; color: grey; margin-bottom: 30px; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; animation-fill-mode: forwards; } .wscn-http404 .bullshit__return-home { display: block; float: left; width: 110px; height: 36px; background: #1482f0; border-radius: 100px; text-align: center; color: #fff; opacity: 0; font-size: 14px; line-height: 36px; cursor: pointer; -webkit-animation-name: slideUp; animation-name: slideUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .copyright, .l-template-box__tabs .el-tabs__item { color: rgba(0, 0, 0, 0.45); } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slideUp { 0% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .l-card-box > .el-card__body { min-height: calc(100vh - 12rem); } .copyright { font-size: 12px; line-height: 3rem; /* padding: 1.5rem 0 1rem; */ } .l-template-box__header, .l-template-box__tabs .el-tabs__nav { padding: 0 2rem; height: 3.5rem; line-height: 3.5rem; } .l-template-box { width: 100%; background: #fff; border-radius: 4px; margin-bottom: 15px; } .l-template-box__header { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .l-template-box__header > div { min-height: 10px; } .l-template-box__header-right { text-align: right; cursor: pointer; } .l-template-box__tabs .el-tabs__nav div { font-size: 1rem; font-weight: 400; } .l-template-box__tabs .el-tabs__active-bar { margin-left: 2rem; } .l-template-box__tabs .el-tabs__nav-wrap::after { height: 1px; } .l-template-box__tabs .el-tabs__header { margin: 0; } .l-template-box__tabs .is-active { color: #1890ff !important; } .l-template-box .is-active-bottom { border-bottom: none; } .l-template-box__content { padding: 1.5rem 2rem; } .l-card__default { display: inline-block; position: relative; border-radius: 1px; height: 100%; } .l-card__default img { width: 100%; height: 100%; border: 0; vertical-align: top; } .l-card__default-content { height: 52px; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; width: 100%; font-size: 12px; color: #fff; padding: 6px 0 9px; -webkit-box-sizing: border-box; box-sizing: border-box; } .l-card__default-content-text { text-align: center; } .l-card__default-content-text-id { margin-top: 5px; text-align: center; } .l-card__default-right { display: inline-block; border: 1px solid red; vertical-align: top; } .l-card__default-label { position: absolute; right: -15px; top: 118px; border-radius: 5px; text-align: center; height: 20px; width: 55px; line-height: 20px; font-size: 12px; -webkit-transform: rotate(-30deg); transform: rotate(-18deg); } .l-card__default .is-active-pass { border: 1px solid #69f; color: #69f; } .l-card__default .is-active-notpass { border: 1px solid red; color: red; } .l-card__about { height: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; } .l-card__about .el-checkbox__inner { background: #fff; } .l-card__about-img { display: inline-block; width: 120px; height: 100%; position: relative; } .l-card__about-img img { width: 100%; height: 100%; } .l-card__about-right { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; height: 100%; width: calc(100% - 127px); position: relative; left: -5px; vertical-align: top; } .l-card__about-right__content { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .l-card__about-right__content h3 { font-size: 14px; line-height: 14px; color: rgba(0, 0, 0, 0.85); font-weight: 800; margin-bottom: 12px; } .l-card__about-right__content p { font-size: 12px; color: rgba(0, 0, 0, 0.65); display: -webkit-box; } .u-menu-top__item .el-menu-item .icon, .u-menu-top__item > .el-submenu .el-submenu__icon-arrow, .u-menu-top__item > .el-submenu .icon, .u-menu-top__popover .el-submenu__title .icon, .u-menu-top__popover.is-hidden { display: none; } .l-card__about-right__content em { font-size: 12px; color: rgba(0, 0, 0, 0.85); } .l-card__about-right-checkbox { position: absolute; top: 5px; right: 2px; } .l-card__up-down { height: 357px; margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.15); position: relative; } .l-card__up-down > img { width: 100%; height: 210px; } .l-card__up-down-text { padding: 24px 16px 0; } .l-card__up-down-text h2 { line-height: 16px; color: rgba(0, 0, 0, 0.85); font-weight: 800; margin-bottom: 16px; } .l-card__up-down-text p { line-height: 22px; color: rgba(0, 0, 0, 0.65); } .l-card__up-down-text-footer { width: 100%; font-size: 12px; color: rgba(0, 0, 0, 0.45); position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 16px 24px; } .l-card__up-down-text .el-icon-download { font-size: 16px; color: #1890ff; float: right; cursor: pointer; } .dg-color-text-85, .dg-words-normal, .dg-words-tag, .dg-words-title-first { color: rgba(0, 0, 0, 0.85); } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-words-nav { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-words-nav { font-size: 14px; } } .dg-words-title-first { font-weight: 700; } @media screen and (min-width: 1681px) { .dg-words-nav { font-size: 14px; } .dg-words-title-first { font-size: 18px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-words-title-first { font-size: 16px; } } @media screen and (max-width: 1366px) { .dg-words-title-first { font-size: 14px; } } .dg-words-title-second { font-weight: 700; color: rgba(0, 0, 0, 0.85); } @media screen and (min-width: 1681px) { .dg-words-title-second { font-size: 16px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-words-title-second { font-size: 14px; } } @media screen and (max-width: 1366px) { .dg-words-title-second { font-size: 12px; } } @media screen and (min-width: 1681px) { .dg-words-normal { font-size: 14px; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .dg-words-normal { font-size: 14px; } } .dg-words-auxiliary, .dg-words-tag { font-size: 12px; } @media screen and (max-width: 1366px) { .dg-words-normal { font-size: 12px; } } .dg-color-text-65 { color: rgba(0, 0, 0, 0.65); } .dg-color-text-45 { color: rgba(0, 0, 0, 0.45); } .dg-color-text-25 { color: rgba(0, 0, 0, 0.25); } .dg-color-red { color: #f5222d !important; } .dg-color-blue { color: #1890ff; } .el-form-item__label { color: rgba(0, 0, 0, 0.65); } .u-menu-top { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .u-menu-top__list { width: 100%; } .u-menu-top__list.el-menu.el-menu--horizontal { border-bottom: 0; } .u-menu-top__item { margin: 0; float: left; height: 4rem; line-height: 4rem; } .u-menu-top__item .el-menu-item { padding: 0 1.5rem; height: 4rem; line-height: 4rem; } .u-menu-top__item .el-menu-item span, .u-menu-top__item > .el-submenu span { color: #fff; } .u-menu-top__item .el-submenu, .u-menu-top__item .el-submenu__title { -webkit-box-sizing: border-box; box-sizing: border-box; height: 4rem; line-height: 4rem; } .u-menu-top__item .el-submenu__title { border-bottom: 2px solid transparent; } .u-menu-top__item .el-submenu.is-active .el-submenu__title { border-bottom-color: #fff; } .u-menu-top__item .el-submenu__title:focus, .u-menu-top__item .el-submenu__title:hover { background: #1682e6; border-bottom-color: #fff; } .u-menu-top__item .el-menu-item:focus, .u-menu-top__item .el-menu-item:hover { background: #1682e6; border-bottom: 2px solid #fff; } .u-menu-top__item .el-menu-item.is-active, .u-menu-top__item .el-submenu.is-active { border-bottom: 2px solid #fff; } .u-menu-top__popover { background: 0 0; } .u-menu-top__popover .el-menu--popup { padding: 4px 0; background: #fff; } .u-menu-top__popover .el-menu-item:not(.is-disabled):focus, .u-menu-top__popover .el-menu-item:not(.is-disabled):hover { background-color: rgba(24, 144, 255, 0.08); } .u-menu-top__popover .el-menu .el-menu-item.is-active, .u-menu-top__popover .el-menu .el-submenu.is-active > .el-submenu__title { background-color: rgba(24, 144, 255, 0.12); color: #1890ff; } .u-menu-top__popover .el-menu .el-menu-item, .u-menu-top__popover .el-menu .el-submenu__title { background: #fff; padding: 0 1rem 0 1.5rem; height: 3rem; line-height: 3rem; color: rgba(0, 0, 0, 0.85); } .login-container { min-height: 100vh; width: 100%; background-color: #2d3a4b; overflow: hidden; } .login-container .login-form { position: relative; width: 520px; max-width: 100%; padding: 160px 35px 0; margin: 0 auto; overflow: hidden; } .login-container .tips { font-size: 14px; color: #fff; margin-bottom: 10px; } .login-container .tips span:first-of-type { margin-right: 16px; } .login-container .svg-container { padding: 6px 5px 6px 15px; color: #889aa4; vertical-align: middle; width: 30px; display: inline-block; } .login-container .title-container { position: relative; } .login-container .title-container .title { font-size: 26px; color: #eee; margin: 0 auto 40px; text-align: center; font-weight: 700; } .login-container .title-container .set-language { color: #fff; position: absolute; top: 5px; right: 0; } .login-container .show-pwd { position: absolute; right: 10px; top: 7px; font-size: 16px; color: #889aa4; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .login-container .thirdparty-button { position: absolute; right: 0; bottom: 6px; } @supports (-webkit-mask: none) and (not (cater-color: #fff)) { .login-container .el-input input { color: #fff; } .login-container .el-input input::first-line { color: #eee; } } .login-container .el-input { display: inline-block; height: 47px; width: 85%; } .login-container .el-input input { background: 0 0; border: 0; -webkit-appearance: none; border-radius: 0; padding: 12px 5px 12px 15px; color: #eee; height: 47px; caret-color: #fff; } .login-container .el-input input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #283443 inset !important; -webkit-text-fill-color: #fff !important; } .login-container .el-form-item { border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.1); border-radius: 5px; color: #454545; } .v-login-box { background: #1c2e44; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1681px) { .v-login-box { height: 100vh; } } @media screen and (max-width: 1680px) and (min-width: 1367px) { .v-login-box { height: calc(100vh + 200px); } } @media screen and (max-width: 1366px) { .v-login-box { height: calc(100vh + 200px); } } .v-login-box__logo { padding: 32px 0 60px 48px; } .v-login-box__content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 482px; height: 607px; padding: 70px 64px; position: absolute; z-index: 1000; right: 10%; top: 50%; margin-top: -303px; background: #fff; } .v-login-box__content h2 { font-size: 24px; color: rgba(0, 0, 0, 0.45); } .v-login-box__content h1 { font-size: 40px; font-weight: 800; color: rgba(0, 0, 0, 0.85); margin-bottom: 48px; } .v-login-box__content h1 em { font-size: 24px; color: rgba(0, 0, 0, 0.45); } .v-login-box__content .el-input__inner { background: 0 0; } .v-login-box__content-name { margin-bottom: 24px; } .v-login-box__content-password { margin-bottom: 16px; } .v-login-box__content-name, .v-login-box__content-password { font-size: 14px; color: rgba(0, 0, 0, 0.45); } .v-login-box__content-name > span, .v-login-box__content-password > span { display: inline-block; padding-bottom: 5px; } .v-login-box__content .border-input input { border-left: none; border-right: none; border-top: none; padding-left: 0; } .v-login-box__content-tips { margin-bottom: 48px; } .v-login-box__content-tips a { float: right; font-size: 14px; } .v-login-box__content-tips .el-checkbox__label { font-size: 14px; } .v-login-box__content-btn { width: 100%; height: 48px; font-size: 18px; } .l-operation { color: #409eff; font-size: 16px; cursor: pointer; text-align: center; } .l-operation > i { margin: 0 2px; } .demo-scroll-bar { width: 100%; height: 500px; padding-top: 10px; overflow: hidden; }