@charset "UTF-8"; @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.8); transform: rotate(180deg) scale(0.8); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.8); transform: rotate(180deg) scale(0.8); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .fade-transition { transition: opacity .3s; opacity: 1; } .fade-enter, .fade-leave { opacity: 0; } @-webkit-keyframes tabfadeIn { 0% { opacity: 0; } 70% { opacity: 0.8; } 100% { opacity: 1; } } @keyframes tabfadeIn { 0% { opacity: 0; } 70% { opacity: 0.8; } 100% { opacity: 1; } } @-webkit-keyframes tabfadeOut { 0% { opacity: 1; } 70% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes tabfadeOut { 0% { opacity: 1; } 70% { opacity: 0.2; } 100% { opacity: 0; } } .tabfade-enter { opacity: 0; } .tabfade-enter-active { -webkit-animation-name: tabfadeIn; animation-name: tabfadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tabfade-leave, .tabfade-leave-active { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .tabfade-leave-active { -webkit-animation-name: tabfadeOut; animation-name: tabfadeOut; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideDownIn { 0% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } 100% { opacity: 1; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes slideDownIn { 0% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } 100% { opacity: 1; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes slideUpOut { 0% { opacity: 1; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } @keyframes slideUpOut { 0% { opacity: 1; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); } } .slide-transition { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .slide-enter { -webkit-animation-name: slideDownIn; animation-name: slideDownIn; } .slide-leave { -webkit-animation-name: slideUpOut; animation-name: slideUpOut; } .slide-to-down-enter-active { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: slideDownIn; animation-name: slideDownIn; } .slide-to-down-leave-active { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: slideUpOut; animation-name: slideUpOut; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } @font-face { font-family: "Ionicons"; src: url("../styles/iconfont/ionicons.eot"); src: url("../styles/iconfont/ionicons.eot?#iefix") format("embedded-opentype"), url("../styles/iconfont/ionicons.woff2") format("woff2"), url("../styles/iconfont/ionicons.woff") format("woff"), url("../styles/iconfont/ionicons.ttf") format("truetype"), url("../styles/iconfont/ionicons.svg#iconfont") format("svg"); font-weight: normal; font-style: normal; } .ui-icon, .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before { display: inline-block; vertical-align: baseline; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-icon-ios-add:before { content: ""; } .ui-icon-ios-add-circle:before { content: ""; } .ui-icon-ios-add-circle-outline:before { content: ""; } .ui-icon-ios-airplane:before { content: ""; } .ui-icon-ios-alarm:before { content: ""; } .ui-icon-ios-albums:before { content: ""; } .ui-icon-ios-alert:before { content: ""; } .ui-icon-ios-american-football:before { content: ""; } .ui-icon-ios-analytics:before { content: ""; } .ui-icon-ios-aperture:before { content: ""; } .ui-icon-ios-apps:before { content: ""; } .ui-icon-ios-appstore:before { content: ""; } .ui-icon-ios-archive:before { content: ""; } .ui-icon-ios-arrow-back:before { content: ""; } .ui-icon-ios-arrow-down:before { content: ""; } .ui-icon-ios-arrow-dropdown:before { content: ""; } .ui-icon-ios-arrow-dropdown-circle:before { content: ""; } .ui-icon-ios-arrow-dropleft:before { content: ""; } .ui-icon-ios-arrow-dropleft-circle:before { content: ""; } .ui-icon-ios-arrow-dropright:before { content: ""; } .ui-icon-ios-arrow-dropright-circle:before { content: ""; } .ui-icon-ios-arrow-dropup:before { content: ""; } .ui-icon-ios-arrow-dropup-circle:before { content: ""; } .ui-icon-ios-arrow-forward:before { content: ""; } .ui-icon-ios-arrow-round-back:before { content: ""; } .ui-icon-ios-arrow-round-down:before { content: ""; } .ui-icon-ios-arrow-round-forward:before { content: ""; } .ui-icon-ios-arrow-round-up:before { content: ""; } .ui-icon-ios-arrow-up:before { content: ""; } .ui-icon-ios-at:before { content: ""; } .ui-icon-ios-attach:before { content: ""; } .ui-icon-ios-backspace:before { content: ""; } .ui-icon-ios-barcode:before { content: ""; } .ui-icon-ios-baseball:before { content: ""; } .ui-icon-ios-basket:before { content: ""; } .ui-icon-ios-basketball:before { content: ""; } .ui-icon-ios-battery-charging:before { content: ""; } .ui-icon-ios-battery-dead:before { content: ""; } .ui-icon-ios-battery-full:before { content: ""; } .ui-icon-ios-beaker:before { content: ""; } .ui-icon-ios-bed:before { content: ""; } .ui-icon-ios-beer:before { content: ""; } .ui-icon-ios-bicycle:before { content: ""; } .ui-icon-ios-bluetooth:before { content: ""; } .ui-icon-ios-boat:before { content: ""; } .ui-icon-ios-body:before { content: ""; } .ui-icon-ios-bonfire:before { content: ""; } .ui-icon-ios-book:before { content: ""; } .ui-icon-ios-bookmark:before { content: ""; } .ui-icon-ios-bookmarks:before { content: ""; } .ui-icon-ios-bowtie:before { content: ""; } .ui-icon-ios-briefcase:before { content: ""; } .ui-icon-ios-browsers:before { content: ""; } .ui-icon-ios-brush:before { content: ""; } .ui-icon-ios-bug:before { content: ""; } .ui-icon-ios-build:before { content: ""; } .ui-icon-ios-bulb:before { content: ""; } .ui-icon-ios-bus:before { content: ""; } .ui-icon-ios-business:before { content: ""; } .ui-icon-ios-cafe:before { content: ""; } .ui-icon-ios-calculator:before { content: ""; } .ui-icon-ios-calendar:before { content: ""; } .ui-icon-ios-call:before { content: ""; } .ui-icon-ios-camera:before { content: ""; } .ui-icon-ios-car:before { content: ""; } .ui-icon-ios-card:before { content: ""; } .ui-icon-ios-cart:before { content: ""; } .ui-icon-ios-cash:before { content: ""; } .ui-icon-ios-cellular:before { content: ""; } .ui-icon-ios-chatboxes:before { content: ""; } .ui-icon-ios-chatbubbles:before { content: ""; } .ui-icon-ios-checkbox:before { content: ""; } .ui-icon-ios-checkbox-outline:before { content: ""; } .ui-icon-ios-checkmark:before { content: ""; } .ui-icon-ios-checkmark-circle:before { content: ""; } .ui-icon-ios-checkmark-circle-outline:before { content: ""; } .ui-icon-ios-clipboard:before { content: ""; } .ui-icon-ios-clock:before { content: ""; } .ui-icon-ios-close:before { content: ""; } .ui-icon-ios-close-circle:before { content: ""; } .ui-icon-ios-close-circle-outline:before { content: ""; } .ui-icon-ios-cloud:before { content: ""; } .ui-icon-ios-cloud-circle:before { content: ""; } .ui-icon-ios-cloud-done:before { content: ""; } .ui-icon-ios-cloud-download:before { content: ""; } .ui-icon-ios-cloud-outline:before { content: ""; } .ui-icon-ios-cloud-upload:before { content: ""; } .ui-icon-ios-cloudy:before { content: ""; } .ui-icon-ios-cloudy-night:before { content: ""; } .ui-icon-ios-code:before { content: ""; } .ui-icon-ios-code-download:before { content: ""; } .ui-icon-ios-code-working:before { content: ""; } .ui-icon-ios-cog:before { content: ""; } .ui-icon-ios-color-fill:before { content: ""; } .ui-icon-ios-color-filter:before { content: ""; } .ui-icon-ios-color-palette:before { content: ""; } .ui-icon-ios-color-wand:before { content: ""; } .ui-icon-ios-compass:before { content: ""; } .ui-icon-ios-construct:before { content: ""; } .ui-icon-ios-contact:before { content: ""; } .ui-icon-ios-contacts:before { content: ""; } .ui-icon-ios-contract:before { content: ""; } .ui-icon-ios-contrast:before { content: ""; } .ui-icon-ios-copy:before { content: ""; } .ui-icon-ios-create:before { content: ""; } .ui-icon-ios-crop:before { content: ""; } .ui-icon-ios-cube:before { content: ""; } .ui-icon-ios-cut:before { content: ""; } .ui-icon-ios-desktop:before { content: ""; } .ui-icon-ios-disc:before { content: ""; } .ui-icon-ios-document:before { content: ""; } .ui-icon-ios-done-all:before { content: ""; } .ui-icon-ios-download:before { content: ""; } .ui-icon-ios-easel:before { content: ""; } .ui-icon-ios-egg:before { content: ""; } .ui-icon-ios-exit:before { content: ""; } .ui-icon-ios-expand:before { content: ""; } .ui-icon-ios-eye:before { content: ""; } .ui-icon-ios-eye-off:before { content: ""; } .ui-icon-ios-fastforward:before { content: ""; } .ui-icon-ios-female:before { content: ""; } .ui-icon-ios-filing:before { content: ""; } .ui-icon-ios-film:before { content: ""; } .ui-icon-ios-finger-print:before { content: ""; } .ui-icon-ios-fitness:before { content: ""; } .ui-icon-ios-flag:before { content: ""; } .ui-icon-ios-flame:before { content: ""; } .ui-icon-ios-flash:before { content: ""; } .ui-icon-ios-flash-off:before { content: ""; } .ui-icon-ios-flashlight:before { content: ""; } .ui-icon-ios-flask:before { content: ""; } .ui-icon-ios-flower:before { content: ""; } .ui-icon-ios-folder:before { content: ""; } .ui-icon-ios-folder-open:before { content: ""; } .ui-icon-ios-football:before { content: ""; } .ui-icon-ios-funnel:before { content: ""; } .ui-icon-ios-gift:before { content: ""; } .ui-icon-ios-git-branch:before { content: ""; } .ui-icon-ios-git-commit:before { content: ""; } .ui-icon-ios-git-compare:before { content: ""; } .ui-icon-ios-git-merge:before { content: ""; } .ui-icon-ios-git-network:before { content: ""; } .ui-icon-ios-git-pull-request:before { content: ""; } .ui-icon-ios-glasses:before { content: ""; } .ui-icon-ios-globe:before { content: ""; } .ui-icon-ios-grid:before { content: ""; } .ui-icon-ios-hammer:before { content: ""; } .ui-icon-ios-hand:before { content: ""; } .ui-icon-ios-happy:before { content: ""; } .ui-icon-ios-headset:before { content: ""; } .ui-icon-ios-heart:before { content: ""; } .ui-icon-ios-heart-dislike:before { content: ""; } .ui-icon-ios-heart-empty:before { content: ""; } .ui-icon-ios-heart-half:before { content: ""; } .ui-icon-ios-help:before { content: ""; } .ui-icon-ios-help-buoy:before { content: ""; } .ui-icon-ios-help-circle:before { content: ""; } .ui-icon-ios-help-circle-outline:before { content: ""; } .ui-icon-ios-home:before { content: ""; } .ui-icon-ios-hourglass:before { content: ""; } .ui-icon-ios-ice-cream:before { content: ""; } .ui-icon-ios-image:before { content: ""; } .ui-icon-ios-images:before { content: ""; } .ui-icon-ios-infinite:before { content: ""; } .ui-icon-ios-information:before { content: ""; } .ui-icon-ios-informatui-icon-circle:before { content: ""; } .ui-icon-ios-informatui-icon-circle-outline:before { content: ""; } .ui-icon-ios-jet:before { content: ""; } .ui-icon-ios-journal:before { content: ""; } .ui-icon-ios-key:before { content: ""; } .ui-icon-ios-keypad:before { content: ""; } .ui-icon-ios-laptop:before { content: ""; } .ui-icon-ios-leaf:before { content: ""; } .ui-icon-ios-link:before { content: ""; } .ui-icon-ios-list:before { content: ""; } .ui-icon-ios-list-box:before { content: ""; } .ui-icon-ios-locate:before { content: ""; } .ui-icon-ios-lock:before { content: ""; } .ui-icon-ios-log-in:before { content: ""; } .ui-icon-ios-log-out:before { content: ""; } .ui-icon-ios-magnet:before { content: ""; } .ui-icon-ios-mail:before { content: ""; } .ui-icon-ios-mail-open:before { content: ""; } .ui-icon-ios-mail-unread:before { content: ""; } .ui-icon-ios-male:before { content: ""; } .ui-icon-ios-man:before { content: ""; } .ui-icon-ios-map:before { content: ""; } .ui-icon-ios-medal:before { content: ""; } .ui-icon-ios-medical:before { content: ""; } .ui-icon-ios-medkit:before { content: ""; } .ui-icon-ios-megaphone:before { content: ""; } .ui-icon-ios-menu:before { content: ""; } .ui-icon-ios-mic:before { content: ""; } .ui-icon-ios-mic-off:before { content: ""; } .ui-icon-ios-microphone:before { content: ""; } .ui-icon-ios-moon:before { content: ""; } .ui-icon-ios-more:before { content: ""; } .ui-icon-ios-move:before { content: ""; } .ui-icon-ios-musical-note:before { content: ""; } .ui-icon-ios-musical-notes:before { content: ""; } .ui-icon-ios-navigate:before { content: ""; } .ui-icon-ios-notifications:before { content: ""; } .ui-icon-ios-notifications-off:before { content: ""; } .ui-icon-ios-notifications-outline:before { content: ""; } .ui-icon-ios-nuclear:before { content: ""; } .ui-icon-ios-nutrition:before { content: ""; } .ui-icon-ios-open:before { content: ""; } .ui-icon-ios-options:before { content: ""; } .ui-icon-ios-outlet:before { content: ""; } .ui-icon-ios-paper:before { content: ""; } .ui-icon-ios-paper-plane:before { content: ""; } .ui-icon-ios-partly-sunny:before { content: ""; } .ui-icon-ios-pause:before { content: ""; } .ui-icon-ios-paw:before { content: ""; } .ui-icon-ios-people:before { content: ""; } .ui-icon-ios-person:before { content: ""; } .ui-icon-ios-person-add:before { content: ""; } .ui-icon-ios-phone-landscape:before { content: ""; } .ui-icon-ios-phone-portrait:before { content: ""; } .ui-icon-ios-photos:before { content: ""; } .ui-icon-ios-pie:before { content: ""; } .ui-icon-ios-pin:before { content: ""; } .ui-icon-ios-pint:before { content: ""; } .ui-icon-ios-pizza:before { content: ""; } .ui-icon-ios-planet:before { content: ""; } .ui-icon-ios-play:before { content: ""; } .ui-icon-ios-play-circle:before { content: ""; } .ui-icon-ios-podium:before { content: ""; } .ui-icon-ios-power:before { content: ""; } .ui-icon-ios-pricetag:before { content: ""; } .ui-icon-ios-pricetags:before { content: ""; } .ui-icon-ios-print:before { content: ""; } .ui-icon-ios-pulse:before { content: ""; } .ui-icon-ios-qr-scanner:before { content: ""; } .ui-icon-ios-quote:before { content: ""; } .ui-icon-ios-radio:before { content: ""; } .ui-icon-ios-radio-button-off:before { content: ""; } .ui-icon-ios-radio-button-on:before { content: ""; } .ui-icon-ios-rainy:before { content: ""; } .ui-icon-ios-recording:before { content: ""; } .ui-icon-ios-redo:before { content: ""; } .ui-icon-ios-refresh:before { content: ""; } .ui-icon-ios-refresh-circle:before { content: ""; } .ui-icon-ios-remove:before { content: ""; } .ui-icon-ios-remove-circle:before { content: ""; } .ui-icon-ios-remove-circle-outline:before { content: ""; } .ui-icon-ios-reorder:before { content: ""; } .ui-icon-ios-repeat:before { content: ""; } .ui-icon-ios-resize:before { content: ""; } .ui-icon-ios-restaurant:before { content: ""; } .ui-icon-ios-return-left:before { content: ""; } .ui-icon-ios-return-right:before { content: ""; } .ui-icon-ios-reverse-camera:before { content: ""; } .ui-icon-ios-rewind:before { content: ""; } .ui-icon-ios-ribbon:before { content: ""; } .ui-icon-ios-rocket:before { content: ""; } .ui-icon-ios-rose:before { content: ""; } .ui-icon-ios-sad:before { content: ""; } .ui-icon-ios-save:before { content: ""; } .ui-icon-ios-school:before { content: ""; } .ui-icon-ios-search:before { content: ""; } .ui-icon-ios-send:before { content: ""; } .ui-icon-ios-settings:before { content: ""; } .ui-icon-ios-share:before { content: ""; } .ui-icon-ios-share-alt:before { content: ""; } .ui-icon-ios-shirt:before { content: ""; } .ui-icon-ios-shuffle:before { content: ""; } .ui-icon-ios-skip-backward:before { content: ""; } .ui-icon-ios-skip-forward:before { content: ""; } .ui-icon-ios-snow:before { content: ""; } .ui-icon-ios-speedometer:before { content: ""; } .ui-icon-ios-square:before { content: ""; } .ui-icon-ios-square-outline:before { content: ""; } .ui-icon-ios-star:before { content: ""; } .ui-icon-ios-star-half:before { content: ""; } .ui-icon-ios-star-outline:before { content: ""; } .ui-icon-ios-stats:before { content: ""; } .ui-icon-ios-stopwatch:before { content: ""; } .ui-icon-ios-subway:before { content: ""; } .ui-icon-ios-sunny:before { content: ""; } .ui-icon-ios-swap:before { content: ""; } .ui-icon-ios-switch:before { content: ""; } .ui-icon-ios-sync:before { content: ""; } .ui-icon-ios-tablet-landscape:before { content: ""; } .ui-icon-ios-tablet-portrait:before { content: ""; } .ui-icon-ios-tennisball:before { content: ""; } .ui-icon-ios-text:before { content: ""; } .ui-icon-ios-thermometer:before { content: ""; } .ui-icon-ios-thumbs-down:before { content: ""; } .ui-icon-ios-thumbs-up:before { content: ""; } .ui-icon-ios-thunderstorm:before { content: ""; } .ui-icon-ios-time:before { content: ""; } .ui-icon-ios-timer:before { content: ""; } .ui-icon-ios-today:before { content: ""; } .ui-icon-ios-train:before { content: ""; } .ui-icon-ios-transgender:before { content: ""; } .ui-icon-ios-trash:before { content: ""; } .ui-icon-ios-trending-down:before { content: ""; } .ui-icon-ios-trending-up:before { content: ""; } .ui-icon-ios-trophy:before { content: ""; } .ui-icon-ios-tv:before { content: ""; } .ui-icon-ios-umbrella:before { content: ""; } .ui-icon-ios-undo:before { content: ""; } .ui-icon-ios-unlock:before { content: ""; } .ui-icon-ios-videocam:before { content: ""; } .ui-icon-ios-volume-high:before { content: ""; } .ui-icon-ios-volume-low:before { content: ""; } .ui-icon-ios-volume-mute:before { content: ""; } .ui-icon-ios-volume-off:before { content: ""; } .ui-icon-ios-walk:before { content: ""; } .ui-icon-ios-wallet:before { content: ""; } .ui-icon-ios-warning:before { content: ""; } .ui-icon-ios-watch:before { content: ""; } .ui-icon-ios-water:before { content: ""; } .ui-icon-ios-wifi:before { content: ""; } .ui-icon-ios-wine:before { content: ""; } .ui-icon-ios-woman:before { content: ""; } .ui-icon-md-add:before { content: ""; } .ui-icon-md-add-circle:before { content: ""; } .ui-icon-md-add-circle-outline:before { content: ""; } .ui-icon-md-airplane:before { content: ""; } .ui-icon-md-alarm:before { content: ""; } .ui-icon-md-albums:before { content: ""; } .ui-icon-md-alert:before { content: ""; } .ui-icon-md-american-football:before { content: ""; } .ui-icon-md-analytics:before { content: ""; } .ui-icon-md-aperture:before { content: ""; } .ui-icon-md-apps:before { content: ""; } .ui-icon-md-appstore:before { content: ""; } .ui-icon-md-archive:before { content: ""; } .ui-icon-md-arrow-back:before { content: ""; } .ui-icon-md-arrow-down:before { content: ""; } .ui-icon-md-arrow-dropdown:before { content: ""; } .ui-icon-md-arrow-dropdown-circle:before { content: ""; } .ui-icon-md-arrow-dropleft:before { content: ""; } .ui-icon-md-arrow-dropleft-circle:before { content: ""; } .ui-icon-md-arrow-dropright:before { content: ""; } .ui-icon-md-arrow-dropright-circle:before { content: ""; } .ui-icon-md-arrow-dropup:before { content: ""; } .ui-icon-md-arrow-dropup-circle:before { content: ""; } .ui-icon-md-arrow-forward:before { content: ""; } .ui-icon-md-arrow-round-back:before { content: ""; } .ui-icon-md-arrow-round-down:before { content: ""; } .ui-icon-md-arrow-round-forward:before { content: ""; } .ui-icon-md-arrow-round-up:before { content: ""; } .ui-icon-md-arrow-up:before { content: ""; } .ui-icon-md-at:before { content: ""; } .ui-icon-md-attach:before { content: ""; } .ui-icon-md-backspace:before { content: ""; } .ui-icon-md-barcode:before { content: ""; } .ui-icon-md-baseball:before { content: ""; } .ui-icon-md-basket:before { content: ""; } .ui-icon-md-basketball:before { content: ""; } .ui-icon-md-battery-charging:before { content: ""; } .ui-icon-md-battery-dead:before { content: ""; } .ui-icon-md-battery-full:before { content: ""; } .ui-icon-md-beaker:before { content: ""; } .ui-icon-md-bed:before { content: ""; } .ui-icon-md-beer:before { content: ""; } .ui-icon-md-bicycle:before { content: ""; } .ui-icon-md-bluetooth:before { content: ""; } .ui-icon-md-boat:before { content: ""; } .ui-icon-md-body:before { content: ""; } .ui-icon-md-bonfire:before { content: ""; } .ui-icon-md-book:before { content: ""; } .ui-icon-md-bookmark:before { content: ""; } .ui-icon-md-bookmarks:before { content: ""; } .ui-icon-md-bowtie:before { content: ""; } .ui-icon-md-briefcase:before { content: ""; } .ui-icon-md-browsers:before { content: ""; } .ui-icon-md-brush:before { content: ""; } .ui-icon-md-bug:before { content: ""; } .ui-icon-md-build:before { content: ""; } .ui-icon-md-bulb:before { content: ""; } .ui-icon-md-bus:before { content: ""; } .ui-icon-md-business:before { content: ""; } .ui-icon-md-cafe:before { content: ""; } .ui-icon-md-calculator:before { content: ""; } .ui-icon-md-calendar:before { content: ""; } .ui-icon-md-call:before { content: ""; } .ui-icon-md-camera:before { content: ""; } .ui-icon-md-car:before { content: ""; } .ui-icon-md-card:before { content: ""; } .ui-icon-md-cart:before { content: ""; } .ui-icon-md-cash:before { content: ""; } .ui-icon-md-cellular:before { content: ""; } .ui-icon-md-chatboxes:before { content: ""; } .ui-icon-md-chatbubbles:before { content: ""; } .ui-icon-md-checkbox:before { content: ""; } .ui-icon-md-checkbox-outline:before { content: ""; } .ui-icon-md-checkmark:before, .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected:before { content: ""; } .ui-icon-md-checkmark-circle:before { content: ""; } .ui-icon-md-checkmark-circle-outline:before { content: ""; } .ui-icon-md-clipboard:before { content: ""; } .ui-icon-md-clock:before { content: ""; } .ui-icon-md-close:before { content: ""; } .ui-icon-md-close-circle:before { content: ""; } .ui-icon-md-close-circle-outline:before { content: ""; } .ui-icon-md-cloud:before { content: ""; } .ui-icon-md-cloud-circle:before { content: ""; } .ui-icon-md-cloud-done:before { content: ""; } .ui-icon-md-cloud-download:before { content: ""; } .ui-icon-md-cloud-outline:before { content: ""; } .ui-icon-md-cloud-upload:before { content: ""; } .ui-icon-md-cloudy:before { content: ""; } .ui-icon-md-cloudy-night:before { content: ""; } .ui-icon-md-code:before { content: ""; } .ui-icon-md-code-download:before { content: ""; } .ui-icon-md-code-working:before { content: ""; } .ui-icon-md-cog:before { content: ""; } .ui-icon-md-color-fill:before { content: ""; } .ui-icon-md-color-filter:before { content: ""; } .ui-icon-md-color-palette:before { content: ""; } .ui-icon-md-color-wand:before { content: ""; } .ui-icon-md-compass:before { content: ""; } .ui-icon-md-construct:before { content: ""; } .ui-icon-md-contact:before { content: ""; } .ui-icon-md-contacts:before { content: ""; } .ui-icon-md-contract:before { content: ""; } .ui-icon-md-contrast:before { content: ""; } .ui-icon-md-copy:before { content: ""; } .ui-icon-md-create:before { content: ""; } .ui-icon-md-crop:before { content: ""; } .ui-icon-md-cube:before { content: ""; } .ui-icon-md-cut:before { content: ""; } .ui-icon-md-desktop:before { content: ""; } .ui-icon-md-disc:before { content: ""; } .ui-icon-md-document:before { content: ""; } .ui-icon-md-done-all:before { content: ""; } .ui-icon-md-download:before { content: ""; } .ui-icon-md-easel:before { content: ""; } .ui-icon-md-egg:before { content: ""; } .ui-icon-md-exit:before { content: ""; } .ui-icon-md-expand:before { content: ""; } .ui-icon-md-eye:before { content: ""; } .ui-icon-md-eye-off:before { content: ""; } .ui-icon-md-fastforward:before { content: ""; } .ui-icon-md-female:before { content: ""; } .ui-icon-md-filing:before { content: ""; } .ui-icon-md-film:before { content: ""; } .ui-icon-md-finger-print:before { content: ""; } .ui-icon-md-fitness:before { content: ""; } .ui-icon-md-flag:before { content: ""; } .ui-icon-md-flame:before { content: ""; } .ui-icon-md-flash:before { content: ""; } .ui-icon-md-flash-off:before { content: ""; } .ui-icon-md-flashlight:before { content: ""; } .ui-icon-md-flask:before { content: ""; } .ui-icon-md-flower:before { content: ""; } .ui-icon-md-folder:before { content: ""; } .ui-icon-md-folder-open:before { content: ""; } .ui-icon-md-football:before { content: ""; } .ui-icon-md-funnel:before { content: ""; } .ui-icon-md-gift:before { content: ""; } .ui-icon-md-git-branch:before { content: ""; } .ui-icon-md-git-commit:before { content: ""; } .ui-icon-md-git-compare:before { content: ""; } .ui-icon-md-git-merge:before { content: ""; } .ui-icon-md-git-network:before { content: ""; } .ui-icon-md-git-pull-request:before { content: ""; } .ui-icon-md-glasses:before { content: ""; } .ui-icon-md-globe:before { content: ""; } .ui-icon-md-grid:before { content: ""; } .ui-icon-md-hammer:before { content: ""; } .ui-icon-md-hand:before { content: ""; } .ui-icon-md-happy:before { content: ""; } .ui-icon-md-headset:before { content: ""; } .ui-icon-md-heart:before { content: ""; } .ui-icon-md-heart-dislike:before { content: ""; } .ui-icon-md-heart-empty:before { content: ""; } .ui-icon-md-heart-half:before { content: ""; } .ui-icon-md-help:before { content: ""; } .ui-icon-md-help-buoy:before { content: ""; } .ui-icon-md-help-circle:before { content: ""; } .ui-icon-md-help-circle-outline:before { content: ""; } .ui-icon-md-home:before { content: ""; } .ui-icon-md-hourglass:before { content: ""; } .ui-icon-md-ice-cream:before { content: ""; } .ui-icon-md-image:before { content: ""; } .ui-icon-md-images:before { content: ""; } .ui-icon-md-infinite:before { content: ""; } .ui-icon-md-information:before { content: ""; } .ui-icon-md-informatui-icon-circle:before { content: ""; } .ui-icon-md-informatui-icon-circle-outline:before { content: ""; } .ui-icon-md-jet:before { content: ""; } .ui-icon-md-journal:before { content: ""; } .ui-icon-md-key:before { content: ""; } .ui-icon-md-keypad:before { content: ""; } .ui-icon-md-laptop:before { content: ""; } .ui-icon-md-leaf:before { content: ""; } .ui-icon-md-link:before { content: ""; } .ui-icon-md-list:before { content: ""; } .ui-icon-md-list-box:before { content: ""; } .ui-icon-md-locate:before { content: ""; } .ui-icon-md-lock:before { content: ""; } .ui-icon-md-log-in:before { content: ""; } .ui-icon-md-log-out:before { content: ""; } .ui-icon-md-magnet:before { content: ""; } .ui-icon-md-mail:before { content: ""; } .ui-icon-md-mail-open:before { content: ""; } .ui-icon-md-mail-unread:before { content: ""; } .ui-icon-md-male:before { content: ""; } .ui-icon-md-man:before { content: ""; } .ui-icon-md-map:before { content: ""; } .ui-icon-md-medal:before { content: ""; } .ui-icon-md-medical:before { content: ""; } .ui-icon-md-medkit:before { content: ""; } .ui-icon-md-megaphone:before { content: ""; } .ui-icon-md-menu:before { content: ""; } .ui-icon-md-mic:before { content: ""; } .ui-icon-md-mic-off:before { content: ""; } .ui-icon-md-microphone:before { content: ""; } .ui-icon-md-moon:before { content: ""; } .ui-icon-md-more:before { content: ""; } .ui-icon-md-move:before { content: ""; } .ui-icon-md-musical-note:before { content: ""; } .ui-icon-md-musical-notes:before { content: ""; } .ui-icon-md-navigate:before { content: ""; } .ui-icon-md-notifications:before { content: ""; } .ui-icon-md-notifications-off:before { content: ""; } .ui-icon-md-notifications-outline:before { content: ""; } .ui-icon-md-nuclear:before { content: ""; } .ui-icon-md-nutrition:before { content: ""; } .ui-icon-md-open:before { content: ""; } .ui-icon-md-options:before { content: ""; } .ui-icon-md-outlet:before { content: ""; } .ui-icon-md-paper:before { content: ""; } .ui-icon-md-paper-plane:before { content: ""; } .ui-icon-md-partly-sunny:before { content: ""; } .ui-icon-md-pause:before { content: ""; } .ui-icon-md-paw:before { content: ""; } .ui-icon-md-people:before { content: ""; } .ui-icon-md-person:before { content: ""; } .ui-icon-md-person-add:before { content: ""; } .ui-icon-md-phone-landscape:before { content: ""; } .ui-icon-md-phone-portrait:before { content: ""; } .ui-icon-md-photos:before { content: ""; } .ui-icon-md-pie:before { content: ""; } .ui-icon-md-pin:before { content: ""; } .ui-icon-md-pint:before { content: ""; } .ui-icon-md-pizza:before { content: ""; } .ui-icon-md-planet:before { content: ""; } .ui-icon-md-play:before { content: ""; } .ui-icon-md-play-circle:before { content: ""; } .ui-icon-md-podium:before { content: ""; } .ui-icon-md-power:before { content: ""; } .ui-icon-md-pricetag:before { content: ""; } .ui-icon-md-pricetags:before { content: ""; } .ui-icon-md-print:before { content: ""; } .ui-icon-md-pulse:before { content: ""; } .ui-icon-md-qr-scanner:before { content: ""; } .ui-icon-md-quote:before { content: ""; } .ui-icon-md-radio:before { content: ""; } .ui-icon-md-radio-button-off:before { content: ""; } .ui-icon-md-radio-button-on:before { content: ""; } .ui-icon-md-rainy:before { content: ""; } .ui-icon-md-recording:before { content: ""; } .ui-icon-md-redo:before { content: ""; } .ui-icon-md-refresh:before { content: ""; } .ui-icon-md-refresh-circle:before { content: ""; } .ui-icon-md-remove:before { content: ""; } .ui-icon-md-remove-circle:before { content: ""; } .ui-icon-md-remove-circle-outline:before { content: ""; } .ui-icon-md-reorder:before { content: ""; } .ui-icon-md-repeat:before { content: ""; } .ui-icon-md-resize:before { content: ""; } .ui-icon-md-restaurant:before { content: ""; } .ui-icon-md-return-left:before { content: ""; } .ui-icon-md-return-right:before { content: ""; } .ui-icon-md-reverse-camera:before { content: ""; } .ui-icon-md-rewind:before { content: ""; } .ui-icon-md-ribbon:before { content: ""; } .ui-icon-md-rocket:before { content: ""; } .ui-icon-md-rose:before { content: ""; } .ui-icon-md-sad:before { content: ""; } .ui-icon-md-save:before { content: ""; } .ui-icon-md-school:before { content: ""; } .ui-icon-md-search:before { content: ""; } .ui-icon-md-send:before { content: ""; } .ui-icon-md-settings:before { content: ""; } .ui-icon-md-share:before { content: ""; } .ui-icon-md-share-alt:before { content: ""; } .ui-icon-md-shirt:before { content: ""; } .ui-icon-md-shuffle:before { content: ""; } .ui-icon-md-skip-backward:before { content: ""; } .ui-icon-md-skip-forward:before { content: ""; } .ui-icon-md-snow:before { content: ""; } .ui-icon-md-speedometer:before { content: ""; } .ui-icon-md-square:before { content: ""; } .ui-icon-md-square-outline:before { content: ""; } .ui-icon-md-star:before { content: ""; } .ui-icon-md-star-half:before { content: ""; } .ui-icon-md-star-outline:before { content: ""; } .ui-icon-md-stats:before { content: ""; } .ui-icon-md-stopwatch:before { content: ""; } .ui-icon-md-subway:before { content: ""; } .ui-icon-md-sunny:before { content: ""; } .ui-icon-md-swap:before { content: ""; } .ui-icon-md-switch:before { content: ""; } .ui-icon-md-sync:before { content: ""; } .ui-icon-md-tablet-landscape:before { content: ""; } .ui-icon-md-tablet-portrait:before { content: ""; } .ui-icon-md-tennisball:before { content: ""; } .ui-icon-md-text:before { content: ""; } .ui-icon-md-thermometer:before { content: ""; } .ui-icon-md-thumbs-down:before { content: ""; } .ui-icon-md-thumbs-up:before { content: ""; } .ui-icon-md-thunderstorm:before { content: ""; } .ui-icon-md-time:before { content: ""; } .ui-icon-md-timer:before { content: ""; } .ui-icon-md-today:before { content: ""; } .ui-icon-md-train:before { content: ""; } .ui-icon-md-transgender:before { content: ""; } .ui-icon-md-trash:before { content: ""; } .ui-icon-md-trending-down:before { content: ""; } .ui-icon-md-trending-up:before { content: ""; } .ui-icon-md-trophy:before { content: ""; } .ui-icon-md-tv:before { content: ""; } .ui-icon-md-umbrella:before { content: ""; } .ui-icon-md-undo:before { content: ""; } .ui-icon-md-unlock:before { content: ""; } .ui-icon-md-videocam:before { content: ""; } .ui-icon-md-volume-high:before { content: ""; } .ui-icon-md-volume-low:before { content: ""; } .ui-icon-md-volume-mute:before { content: ""; } .ui-icon-md-volume-off:before { content: ""; } .ui-icon-md-walk:before { content: ""; } .ui-icon-md-wallet:before { content: ""; } .ui-icon-md-warning:before { content: ""; } .ui-icon-md-watch:before { content: ""; } .ui-icon-md-water:before { content: ""; } .ui-icon-md-wifi:before { content: ""; } .ui-icon-md-wine:before { content: ""; } .ui-icon-md-woman:before { content: ""; } .ui-icon-ios-information:before { content: ""; } .ui-icon-ios-information-circle:before { content: ""; } .ui-icon-ios-information-circle-outline:before { content: ""; } .ui-icon-md-information:before { content: ""; } .ui-icon-md-information-circle:before { content: ""; } .ui-icon-md-information-circle-outline:before { content: ""; } * { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 12px; line-height: 1.5; color: #657180; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } ul, ol { list-style: none; } input::-ms-clear, input::-ms-reveal { display: none; } input::-moz-placeholder, textarea::-moz-placeholder { color: #c3cbd6; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c3cbd6; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c3cbd6; } a { color: #3399ff; background: transparent; text-decoration: none; outline: none; cursor: pointer; transition: color 0.2s ease; } a:hover { color: #5cadff; } a:active { color: #3091f2; } a:active, a:hover { outline: 0; text-decoration: none; } a[disabled] { color: #ccc; cursor: not-allowed; pointer-events: none; } code, kbd, pre, samp { font-family: Consolas, Menlo, Courier, monospace; } .ui-button { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 6px 15px; line-height: 1.5; font-size: 12px; font-weight: 500; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid #d7dde4; white-space: nowrap; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); color: #657180; background-color: #f7f7f7; background-image: none; outline: none; } .ui-button:hover, .ui-button:focus { color: #5cadff; border-color: #5cadff; } .ui-button:hover.ui-button-disabled, .ui-button:focus.ui-button-disabled { color: #657180; border-color: #d7dde4; } .ui-button.ui-button-long { width: 100%; } .ui-button.ui-button-circle { border-radius: 30px; } .ui-button.ui-button-type-ghost { background-color: transparent; } .ui-button.ui-button-type-text { background-color: transparent; border: 1px solid transparent; } .ui-button.ui-button-type-text.ui-button-disabled:hover, .ui-button.ui-button-type-text.ui-button-disabled:focus { border-color: transparent; } .ui-button.ui-button-type-primary, .ui-message-buttons .ui-button:first-child { background-color: #3399ff; border: 1px solid #3399ff; color: #fff; } .ui-button.ui-button-type-primary:hover, .ui-message-buttons .ui-button:hover:first-child, .ui-button.ui-button-type-primary:focus, .ui-message-buttons .ui-button:focus:first-child { background-color: rgba(51, 153, 255, 0.8); } .ui-button.ui-button-type-primary.ui-button-disabled:hover, .ui-message-buttons .ui-button.ui-button-disabled:hover:first-child, .ui-button.ui-button-type-primary.ui-button-disabled:focus, .ui-message-buttons .ui-button.ui-button-disabled:focus:first-child { color: #fff; border-color: #3399ff; background-color: #3399ff; } .ui-button.ui-button-type-info { background-color: #2db7f5; border: 1px solid #2db7f5; color: #fff; } .ui-button.ui-button-type-info:hover, .ui-button.ui-button-type-info:focus { background-color: rgba(45, 183, 245, 0.8); } .ui-button.ui-button-type-info.ui-button-disabled:hover, .ui-button.ui-button-type-info.ui-button-disabled:focus { color: #fff; border-color: #2db7f5; background-color: #2db7f5; } .ui-button.ui-button-type-success { background-color: #00cc66; border: 1px solid #00cc66; color: #fff; } .ui-button.ui-button-type-success:hover, .ui-button.ui-button-type-success:focus { background-color: rgba(0, 204, 102, 0.8); } .ui-button.ui-button-type-success.ui-button-disabled:hover, .ui-button.ui-button-type-success.ui-button-disabled:focus { color: #fff; border-color: #00cc66; background-color: #00cc66; } .ui-button.ui-button-type-warn { background-color: #ff9900; border: 1px solid #ff9900; color: #fff; } .ui-button.ui-button-type-warn:hover, .ui-button.ui-button-type-warn:focus { background-color: rgba(255, 153, 0, 0.8); } .ui-button.ui-button-type-warn.ui-button-disabled:hover, .ui-button.ui-button-type-warn.ui-button-disabled:focus { color: #fff; border-color: #ff9900; background-color: #ff9900; } .ui-button.ui-button-type-error { background-color: #ff5500; border: 1px solid #ff5500; color: #fff; } .ui-button.ui-button-type-error:hover, .ui-button.ui-button-type-error:focus { background-color: rgba(255, 85, 0, 0.8); } .ui-button.ui-button-type-error.ui-button-disabled:hover, .ui-button.ui-button-type-error.ui-button-disabled:focus { color: #fff; border-color: #ff5500; background-color: #ff5500; } .ui-button.ui-button-icon-only { padding: 0; height: 32px; line-height: 32px; width: 32px; } .ui-button.ui-button-icon-only.ui-button-circle { border-radius: 32px; } .ui-button.ui-button-icon-only .ui-icon, .ui-button.ui-button-icon-only .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-button.ui-button-icon-only .ui-select-item.ui-select-item-selected::before { margin: 0; vertical-align: baseline; } .ui-button.ui-button-disabled { cursor: not-allowed; opacity: 0.6; } .ui-button .ui-icon, .ui-button .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-button .ui-select-item.ui-select-item-selected::before { font-size: 14px; margin-right: 2px; vertical-align: middle; } .ui-button .content { vertical-align: middle; } .ui-carousel { position: relative; width: 100%; overflow: hidden; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-carousel .ui-carousel-list { position: relative; width: 100%; margin: 0; padding: 0; font-size: 0; transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .ui-carousel .ui-carousel-list .ui-carousel-list-item { display: inline-block; width: 100%; } .ui-carousel .ui-carousel-list .ui-carousel-list-item img { width: 100%; height: auto; } .ui-carousel .ui-carousel-dot { position: absolute; bottom: 30px; width: 100%; text-align: center; } .ui-carousel .ui-carousel-dot .ui-carousel-dot-item { display: inline-block; width: 16px; height: 16px; margin: 8px 8px; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } .ui-carousel .ui-carousel-dot .ui-carousel-dot-item.current { background-color: white; } .ui-table-swap { position: relative; border-top: 1px solid #d7dde4; -moz-box-sizing: border-box; box-sizing: border-box; } .ui-table-swap.ui-table-swap-border .ui-table .ui-table-tbody > tr > td, .ui-table-swap.ui-table-swap-border .ui-table .ui-table-thead > tr > th { border-right: 1px solid #e3e8ee; } .ui-table-swap.ui-table-swap-border .ui-table .ui-table-tbody > tr > td:first-child { border-left: 1px solid #e3e8ee; } .ui-table-swap.ui-table-swap-border .ui-table .ui-table-thead > tr > th:first-child { border-left: 1px solid #e3e8ee; } .ui-table-swap.ui-table-swap-border .ui-table-empty { border: 1px solid #e3e8ee; border-top: 0; } .ui-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; color: #657180; text-align: left; overflow: hidden; color: #495060; background-color: #fff; } .ui-table-tbody > tr > td, .ui-table-thead > tr > th { border-bottom: 1px solid #e3e8ee; padding: 16px 8px; word-break: break-all; position: relative; } .ui-table-thead > tr > th { background: #f7f7f7; font-weight: bold; color: #333; } .ui-table-tbody > tr { transition: all 0.3s ease; } .ui-table-tbody > tr:hover { background: #f3f3f3; } .ui-table-thead > tr:hover { background: none; } .ui-table .ui-table-action .ui-table-action-text { cursor: pointer; padding: 0 16px; color: #3399ff; border-right: 1px solid #e3e8ee; } .ui-table .ui-table-action .ui-table-action-text:hover { color: #5cadff; } .ui-table .ui-table-action .ui-table-action-text:last-child { border-right: none; padding-right: 0; } .ui-table .ui-table-action .ui-table-action-text:first-child { padding-left: 0; } .ui-table .ui-table-column-sorter { margin-left: 4px; display: inline-block; width: 14px; height: 16px; line-height: 16px; vertical-align: middle; text-align: center; } .ui-table .ui-table-column-sorter .ui-table-column-sorter-up, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down { display: block; height: 7px; line-height: 7px; cursor: pointer; } .ui-table .ui-table-column-sorter .ui-table-column-sorter-up .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-up .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-up .ui-select-item.ui-select-item-selected::before, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-down .ui-select-item.ui-select-item-selected::before { height: 7px; line-height: 7px; font-size: 16px; color: #c3cbd6; } .ui-table .ui-table-column-sorter .ui-table-column-sorter-up:hover .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-up:hover .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-up:hover .ui-select-item.ui-select-item-selected::before, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down:hover .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down:hover .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-down:hover .ui-select-item.ui-select-item-selected::before { color: #333; } .ui-table .ui-table-column-sorter .ui-table-column-sorter-up.on .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-up.on .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-up.on .ui-select-item.ui-select-item-selected::before, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down.on .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-down.on .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-down.on .ui-select-item.ui-select-item-selected::before { color: #333; } .ui-table.ui-table-type-check .ui-table-first-th { margin-left: 20px; margin-right: 20px; } .ui-table.ui-table-type-check .ui-checkbox-wrapper { margin-left: 8px; } .ui-table .ui-table-icon { cursor: pointer; } .ui-table .ui-table-expanded-cell { width: 100%; padding: 20px 50px; background-color: #fbfdff; } .ui-table .ui-table-detail-cell { width: 100%; padding: 20px 20px; } .ui-table .ui-table-detail-icon { margin-left: 4px; cursor: pointer; } .ui-table .ui-table-edit-cell { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .ui-table .ui-table-edit-cell .edit-icon { color: #3399ff; padding-left: 6px; cursor: pointer; } .ui-table .ui-table-th-headtip .ui-tooltip { width: 100%; } .ui-table-empty { padding: 20px; text-align: center; font-size: 12px; border-bottom: 1px solid #e3e8ee; } .ui-date-picker { display: inline-block; vertical-align: middle; position: relative; width: 100%; height: 32px; } .ui-date-picker > .ui-readonly-input { width: 100%; } .ui-date-picker .range { min-width: 196px; } .ui-date-picker .range .range-separator { padding: 0 12px; } .ui-calendars { position: absolute; padding: 1px; } .ui-calendars.position { position: relative; } .ui-calendars.inline { display: inline-block; background: #fff; border-radius: 4px; border: 1px solid #e3e8ee; } .ui-calendars-range { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ui-calendars-range .ui-calendar:first-child .ui-calendar-times-wrapper { border-right: 1px solid #e3e8ee; } .ui-calendars-footer { border-top: 1px solid #e3e8ee; } .ui-calendars-footer .inner-footer { text-align: right; padding: 4px 8px; } .ui-calendars-footer .inner-footer > .ui-button { padding: 2px 8px; } .ui-calendars-footer .inner-footer .select-time { margin-right: 8px; cursor: pointer; color: #3399ff; } .ui-calendars-footer .inner-footer .select-time.disabled { cursor: not-allowed; color: #657180; } .ui-calendar { background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 228px; } .ui-calendar-head { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 34px; height: 34px; border-bottom: 1px solid #e3e8ee; } .ui-calendar-head-middle { -moz-box-flex: 2; -ms-flex: 2; flex: 2; text-align: center; } .ui-calendar-head-left { -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 8px; } .ui-calendar-head-right { -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 8px; text-align: right; } .ui-calendar-head a { color: #666; font-weight: bold; cursor: pointer; display: inline-block; text-align: center; font-size: 13px; padding: 0 2px; position: relative; } .ui-calendar-head a:hover { color: #3091f2; } .ui-calendar-head .icon { color: #9ea7b4 !important; cursor: pointer; padding: 0 2px; } .ui-calendar-head .icon:hover { color: #5cadff !important; } .ui-calendar-head .next-icon { margin-left: -4px; } .ui-calendar-body { position: relative; width: 100%; height: 228px; padding: 8px 12px; } .ui-calendar-days { width: 100%; height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr); } .ui-calendar-week, .ui-calendar-date { font-weight: normal; width: 24px; height: 24px; line-height: 24px; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-radius: 2px; place-self: center center; } .ui-calendar-week:before, .ui-calendar-date:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .ui-calendar-date { cursor: pointer; } .ui-calendar-date:hover { background: #f3f3f3; } .ui-calendar-date-out { color: #ccc; } .ui-calendar-date-on { background: #ebf5fd; } .ui-calendar-date-today { border: 1px solid #3091f2; color: #3091f2; } .ui-calendar-date-today:hover { background: #fff; } .ui-calendar-date-selected { color: #fff; font-weight: bold; background: #3091f2; } .ui-calendar-date-selected:hover { color: #fff; font-weight: bold; background: #3091f2; } .ui-calendar-date-disabled { cursor: not-allowed !important; color: #bcbcbc !important; background: #f3f3f3 !important; } .ui-calendar-years, .ui-calendar-months, .ui-calendar-times-wrapper { width: 100%; height: 100%; position: absolute; background: #fff; left: 0; top: 0; } .ui-calendar-times-wrapper { height: 262px; top: -34px; } .ui-calendar-months, .ui-calendar-years { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .ui-calendar-months span, .ui-calendar-years span { width: 52px; padding: 0 8px; } .ui-calendar-times { width: 100%; height: 228px; } .ui-calendar-times .ui-time-picker-content { padding: 0; height: 100%; } .ui-calendar-times .ui-time-picker-content .picker-item { padding-bottom: 196px; height: 100%; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .ui-calendar-title { height: 34px; line-height: 34px; border-bottom: 1px solid #e3e8ee; background: #fff; text-align: center; font-weight: bold; } .ui-expand-null, .ui-expand-arrow { display: inline-block; margin: 0; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; border: 0; cursor: pointer; outline: none; position: relative; font-size: 16px; margin-top: -2px; color: #657180; font-weight: bold; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .ui-table .tree-level-1 { padding-left: 16px !important; } .ui-table .tree-level-2 { padding-left: 32px !important; } .ui-table .tree-level-3 { padding-left: 48px !important; } .ui-table .tree-level-4 { padding-left: 64px !important; } .ui-loading { display: inline-block; vertical-align: top; background: transparent; border-radius: 100%; -webkit-animation: loading 0.75s 0s infinite linear; animation: loading 0.75s 0s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ui-message { position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; background-color: rgba(55, 55, 55, 0.6); overflow: hidden; outline: 0; z-index: 1000; } .ui-message-swap { width: 400px; padding: 30px 40px; position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #ffffff; background-clip: padding-box; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); overflow: hidden; } .ui-message-title-text { vertical-align: middle; line-height: 24px; color: #666; font-weight: bold; font-size: 14px; } .ui-message-title + .ui-message-content { margin-left: 42px; } .ui-message-content { margin-top: 8px; margin-left: 0px; } .ui-message-buttons { margin-top: 30px; float: right; } .ui-message-buttons .ui-button + .ui-button { margin-left: 10px; margin-bottom: 0; } .ui-message .ui-icon-md-help-circle { color: #ff9900; font-size: 24px; margin-right: 16px; vertical-align: middle; } .ui-modal-open { overflow: hidden; } .ui-modal-open .ui-modal { overflow-x: hidden; overflow-y: auto; } .ui-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(55, 55, 55, 0.6); overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; z-index: 1000; } .ui-modal.scroll { text-align: center; } .ui-modal.scroll .ui-modal-dialog { text-align: left; position: relative; display: inline-block; left: 0; top: 0; margin: 25px auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); -ms-transform: translate(0, 0); } .ui-modal.full-screen .ui-modal-dialog { left: 0; top: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; width: 100%; height: 100%; margin: 0; } .ui-modal-dialog { position: absolute; padding: 6px 20px; left: 50%; top: 20%; background-color: #ffffff; background-clip: padding-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); overflow: hidden; } .ui-modal-title { width: 100%; border-bottom: 1px solid #e3e8ee; position: relative; } .ui-modal-title-main { display: inline-block; padding: 14px 0; line-height: 21px; font-size: 14px; color: #464c5b; border-bottom: 2px solid #3399ff; } .ui-modal-title-sub { margin-left: 10px; font-size: 13px; color: #9ea7b4; } .ui-modal-title .ui-icon-md-close, .ui-modal-title .ui-icon-md-resize { float: right; margin-top: 16px; width: 16px; height: 16px; font-size: 16px; font-weight: 700; color: #999; cursor: pointer; } .ui-modal-title .ui-icon-md-resize { font-size: 14px; margin-right: 10px; } .ui-modal-body { position: relative; padding: 16px 0; } .ui-switch { position: relative; display: inline-block; min-width: 44px; height: 22px; line-height: 22px; vertical-align: middle; text-align: left; color: #fff; border-radius: 11px; cursor: pointer; outline: none; } .ui-switch:focus:not(.ui-switch-disabled):not(.ui-switch-readonly) { box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); } .ui-switch.ui-switch-readonly, .ui-switch.ui-switch-disabled { cursor: default; } .ui-switch.ui-switch-on { background: #3399ff; padding-left: 6px; padding-right: 22px; } .ui-switch.ui-switch-on .ui-switch-circle { top: 1px; left: calc(100% - 21px); } .ui-switch.ui-switch-off { background: #ccc; padding-left: 22px; padding-right: 6px; } .ui-switch.ui-switch-off .ui-switch-circle { top: 1px; left: 1px; } .ui-switch .ui-switch-circle { position: absolute; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; transition: all 0.3s; } .ui-toast-swap { position: fixed; width: 100%; left: 0; pointer-events: none; z-index: 1010; text-align: center; } .ui-toast-swap.ui-toast-swap-center { top: 40%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .ui-toast-swap.ui-toast-swap-top { top: 20px; } .ui-toast-parent { text-align: center; margin: 10px auto; } .ui-toast { display: inline-block; font-size: 14px; padding: 8px 16px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); background: #fff; } .ui-toast-success .ui-icon, .ui-toast-success .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-success .ui-select-item.ui-select-item-selected::before { color: #00cc66; } .ui-toast-error .ui-icon, .ui-toast-error .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-error .ui-select-item.ui-select-item-selected::before { color: #ff5500; } .ui-toast-warn .ui-icon, .ui-toast-warn .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-warn .ui-select-item.ui-select-item-selected::before { color: #ff9900; } .ui-toast-info .ui-icon, .ui-toast-info .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-info .ui-select-item.ui-select-item-selected::before, .ui-toast-loading .ui-icon, .ui-toast-loading .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-loading .ui-select-item.ui-select-item-selected::before { color: #2db7f5; } .ui-toast .ui-icon, .ui-toast .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast .ui-select-item.ui-select-item-selected::before { margin-right: 5px; font-size: 16px; top: 1px; position: relative; } .ui-upload { display: inline-block; } .ui-upload .ui-upload-file { display: none; } .ui-zoom { position: fixed; left: 0; right: 0; margin: 0 auto; top: 0; z-index: 1000; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: rgba(55, 55, 55, 0.6); } .ui-zoom-image { display: inline-block; margin: 0; padding: 0; background: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); position: relative; } .ui-zoom-image .ui-zoom-close { cursor: pointer; position: absolute; width: 20px; height: 20px; right: -10px; top: -10px; background-color: #ffffff; border-radius: 100%; } .ui-zoom-image .ui-icon-md-close-circle { margin: 0; color: black; font-size: 30px; line-height: 20px; } .ui-zoom-image img { display: block; height: auto; } .ui-expand-null, .ui-expand-arrow { display: inline-block; margin: 0; width: 16px; height: 16px; line-height: 16px; vertical-align: middle; border: 0; cursor: pointer; outline: none; position: relative; font-size: 16px; margin-top: -2px; color: #657180; font-weight: bold; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .ui-tree { width: 100%; margin: 0; padding: 0; list-style: none; border: none; } .ui-tree.ui-child-tree { padding: 0 0 0 25px !important; } .ui-tree-node { position: relative; margin: 8px 0 0 0; padding: 0; outline: 0; list-style: none; white-space: nowrap; width: 100%; } .ui-tree-node i, .ui-tree-node span, .ui-tree-node input { cursor: pointer; vertical-align: middle; } .ui-tree-node-text { display: inline-block; margin: 0; padding: 1px 5px; cursor: pointer; text-decoration: none; border-radius: 2px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ui-tree-node-text:hover, .ui-tree-node-text.selected { background-color: #cfe8fb; } .ui-tree .loading { display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-top: 2px; vertical-align: middle; border: 0 none; cursor: pointer; outline: none; } .ui-tree.ui-tree-inline .ui-tree-just-data .ui-tree-node { display: inline-block; width: 200px; } .ui-steps { font-size: 0; line-height: 1.5; } .ui-step { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; } .ui-step .ui-step-tail { position: absolute; left: 0; top: 12px; width: 100%; padding: 0 10px; } .ui-step .ui-step-tail i { position: relative; display: inline-block; width: 100%; height: 1px; vertical-align: top; background: #e3e8ee; border-radius: 1px; } .ui-step .ui-step-head { position: relative; display: inline-block; vertical-align: top; background-color: #fff; font-size: 12px; } .ui-step .ui-step-head-swap { width: 24px; height: 24px; line-height: 23px; text-align: center; margin-right: 6px; border-radius: 100%; border: 1px solid #3399ff; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .ui-step .ui-step-main { position: relative; display: inline; vertical-align: top; background-color: #fff; } .ui-step .ui-step-title { display: inline-block; height: 24px; line-height: 24px; padding-right: 6px; font-size: 14px; font-weight: 700; background-color: #fff; } .ui-step .ui-step-desc { padding: 0 0 10px 0; margin-left: 32px; font-size: 12px; } .ui-step .ui-icon-md-checkmark, .ui-step .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected, .ui-select.ui-select-multiple .ui-step .ui-select-item.ui-select-item-selected { font-size: 13px; font-weight: bolder; color: #3399ff; } .ui-step.ui-step-ready .ui-step-head-swap { border-color: #ccc; color: #999; } .ui-step.ui-step-ready .ui-step-main { color: #999; } .ui-step.ui-step-doing .ui-step-head-swap { border-color: #3399ff; background-color: #3399ff; color: #fff; } .ui-step.ui-step-doing .ui-step-main { color: #666; } .ui-step.ui-step-doing .ui-step-tail i { background-color: #3399ff; } .ui-step.ui-step-done .ui-step-main { color: #999; } .ui-step.ui-step-done .ui-step-tail i { background-color: #3399ff; } .ui-steps.ui-steps-small .ui-step-tail { top: 9px; padding: 0 5px; } .ui-steps.ui-steps-small .ui-step-head-swap { width: 18px; height: 18px; line-height: 17px; margin-right: 5px; } .ui-steps.ui-steps-small .ui-step-title { height: 18px; line-height: 18px; padding-right: 5px; font-size: 12px; } .ui-steps.ui-steps-small .ui-step-desc { display: none; } .ui-steps.ui-steps-small .ui-icon-md-checkmark, .ui-steps.ui-steps-small .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected, .ui-select.ui-select-multiple .ui-steps.ui-steps-small .ui-select-item.ui-select-item-selected { font-size: 12px; font-size: 7px \9; -webkit-transform: scale(0.7) rotate(0deg); transform: scale(0.7) rotate(0deg); -ms-transform: scale(0.7) rotate(0deg); } .ui-steps.ui-steps-vertical .ui-step { display: block; } .ui-steps.ui-steps-vertical .ui-step .ui-step-tail { left: 12px; top: 30px; width: 0; height: auto; bottom: 10px; padding: 0; } .ui-steps.ui-steps-vertical .ui-step .ui-step-tail i { width: 1px; height: 100%; } .ui-steps.ui-steps-vertical .ui-step .ui-step-desc { padding: 5px 0 20px 0; } .ui-tooltip { z-index: 1060; display: block; padding: 2px; } .ui-tooltip .ui-tooltip-swap { position: relative; } .ui-tooltip-inner { min-height: 34px; padding: 8px 10px; color: #fff; background-color: rgba(70, 76, 91, 0.9); border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); letter-spacing: normal; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; } .ui-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; -moz-box-sizing: content-box; box-sizing: content-box; } .ui-tooltip-arrow:after { display: block; position: absolute; left: -5px; top: -6px; content: ""; width: 0; height: 0; } .ui-tooltip.ui-tooltip-direction-top { -webkit-transform: translateY(-100%); transform: translateY(-100%); -ms-transform: translateY(-100%); } .ui-tooltip.ui-tooltip-direction-top .ui-tooltip-swap { padding: 5px 0; } .ui-tooltip.ui-tooltip-direction-top .ui-tooltip-inner { box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.2); } .ui-tooltip.ui-tooltip-direction-top .ui-tooltip-arrow { bottom: 1px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: rgba(70, 76, 91, 0.9); } .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-left .ui-tooltip-arrow { left: 0; margin-left: 15px; } .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-center { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); } .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-right { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); } .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-right .ui-tooltip-arrow { left: auto; right: 0; margin-right: 15px; } .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-confirm .ui-tooltip-arrow { border-top-color: rgba(217, 217, 217, 0.5); } .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-confirm .ui-tooltip-arrow:after { border-color: transparent; border-style: solid; border-width: 5px; border-bottom-width: 0; border-top-color: #fff; } .ui-tooltip.ui-tooltip-direction-bottom .ui-tooltip-swap { padding: 5px 0; } .ui-tooltip.ui-tooltip-direction-bottom .ui-tooltip-inner { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } .ui-tooltip.ui-tooltip-direction-bottom .ui-tooltip-arrow { top: 1px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(70, 76, 91, 0.9); } .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-left .ui-tooltip-arrow { left: 0; margin-left: 15px; } .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-center { -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); } .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-right { -webkit-transform: translateX(-100%); transform: translateX(-100%); -ms-transform: translateX(-100%); } .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-right .ui-tooltip-arrow { left: auto; right: 0; margin-right: 15px; } .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-confirm .ui-tooltip-arrow { border-bottom-color: rgba(217, 217, 217, 0.5); } .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-confirm .ui-tooltip-arrow:after { border-color: transparent; border-style: solid; border-width: 5px; border-top-width: 0; border-bottom-color: #fff; top: 1px; } .ui-tooltip.ui-tooltip-direction-left { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); } .ui-tooltip.ui-tooltip-direction-left .ui-tooltip-swap { padding: 0 5px; } .ui-tooltip.ui-tooltip-direction-left .ui-tooltip-inner { box-shadow: -1px 0 6px rgba(0, 0, 0, 0.2); } .ui-tooltip.ui-tooltip-direction-left .ui-tooltip-arrow { top: 50%; right: 1px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: rgba(70, 76, 91, 0.9); } .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-top .ui-tooltip-arrow { top: 0; margin-top: 8px; } .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-center { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); } .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-bottom { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); } .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-bottom .ui-tooltip-arrow { top: auto; bottom: 0; margin-bottom: 8px; } .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-confirm .ui-tooltip-arrow { border-left-color: rgba(217, 217, 217, 0.5); } .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-confirm .ui-tooltip-arrow:after { border-color: transparent; border-style: solid; border-width: 5px; border-right-width: 0; border-left-color: #fff; left: -6px; top: -5px; } .ui-tooltip.ui-tooltip-direction-right .ui-tooltip-swap { padding: 0 5px; } .ui-tooltip.ui-tooltip-direction-right .ui-tooltip-inner { box-shadow: 1px 0 6px rgba(0, 0, 0, 0.2); } .ui-tooltip.ui-tooltip-direction-right .ui-tooltip-arrow { top: 50%; left: 1px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: rgba(70, 76, 91, 0.9); } .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-top .ui-tooltip-arrow { top: 0; margin-top: 8px; } .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-center { -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); } .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-bottom { -webkit-transform: translateY(-100%); transform: translateY(-100%); -ms-transform: translateY(-100%); } .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-bottom .ui-tooltip-arrow { top: auto; bottom: 0; margin-bottom: 8px; } .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-confirm .ui-tooltip-arrow { border-right-color: rgba(217, 217, 217, 0.5); } .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-confirm .ui-tooltip-arrow:after { border-color: transparent; border-style: solid; border-width: 5px; border-left-width: 0; border-right-color: #fff; left: auto; right: -6px; top: -5px; } .ui-tooltip.ui-tooltip-rich .ui-tooltip-inner, .ui-tooltip.ui-tooltip-confirm .ui-tooltip-inner { color: #657180; background-color: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } .ui-tooltip.ui-tooltip-confirm .ui-icon-md-help-circle { color: #ff9900; font-size: 16px; margin-right: 8px; } .ui-tooltip.ui-tooltip-confirm .ui-tooltip-buttons { text-align: right; padding: 8px 6px; } .ui-tooltip.ui-tooltip-confirm .ui-tooltip-buttons button:first-child { color: #fff; background-color: #3399ff; border-color: #3399ff; } .ui-tooltip.ui-tooltip-confirm .ui-tooltip-buttons button + button { margin-left: 10px; margin-bottom: 0; } .ui-tooltip.ui-tooltip-confirm .ui-button { font-size: 12px; margin: 0; padding: 4px 6px; } .ui-tooltip.ui-tooltip-confirm .ui-tooltip-text { padding: 8px 6px; } .ui-tooltip.ui-tooltip-confirm .ui-tooltip-inner { min-width: 160px; } .ui-tabs { -moz-box-sizing: border-box; box-sizing: border-box; position: relative; zoom: 1; color: #657180; } .ui-tabs .ui-tabs-header { display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 16px; font-size: 0; border-bottom: 1px solid #e3e8ee; } .ui-tabs .ui-tabs-header .ui-tabs-header-container { position: relative; overflow: hidden; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .ui-tabs .ui-tabs-header .ui-tabs-header-scroll { padding: 0 30px; } .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left, .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right { position: absolute; padding: 10px 6px; color: #909399; background: #fff; z-index: 100; cursor: pointer; } .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left:hover, .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right:hover { color: rgba(51, 153, 255, 0.9); } .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left.disabled, .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right.disabled { color: #ccc; cursor: not-allowed; } .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left { left: -1px; } .ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right { right: -1px; } .ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item { padding: 0; position: relative; } .ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item .ui-tabs-header-label { padding: 8px 30px; border-left: 1px solid #e3e8ee; border-bottom: 1px solid transparent; border-top: 1px solid #e3e8ee; margin-left: 0; border-right: none; } .ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item:last-child .ui-tabs-header-label { border-right: 1px solid #e3e8ee; } .ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item.ui-tabs-header-current .ui-tabs-header-label::after { bottom: -1px; } .ui-tabs .ui-tabs-header .ui-tabs-header-swap { white-space: nowrap; float: left; transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .ui-tabs .ui-tabs-header .ui-tabs-header-item { position: relative; padding: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px; cursor: pointer; transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ui-tabs .ui-tabs-header .ui-tabs-header-item .ui-tabs-header-label { position: relative; padding: 8px 20px; } .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current { color: rgba(51, 153, 255, 0.9); } .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-icon, .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-select-item.ui-select-item-selected::before { color: rgba(51, 153, 255, 0.9); } .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-tabs-header-label::after { content: ''; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 2px; background: rgba(51, 153, 255, 0.9); } .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled { pointer-events: none; cursor: default; color: #ccc; } .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled .ui-icon, .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled .ui-select-item.ui-select-item-selected::before { color: #ccc; } .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-draging { opacity: 0.5; background: #f3f3f3; } .ui-tabs .ui-tabs-header .ui-tabs-header-item:hover .button-close { display: inline-block; } .ui-tabs .ui-tabs-header .ui-tabs-header-item .button-close { display: none; position: absolute; right: 6px; top: 10px; } .ui-tabs .ui-tabs-header .ui-tabs-header-item .button-close:hover { color: rgba(51, 153, 255, 0.9); } .ui-tabs .ui-tab-buttons { padding: 0 16px; } .ui-tabs .ui-tabs-body { width: 100%; position: relative; } .ui-tab { width: 100%; } .ui-page { font-size: 0; display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .ui-page-item { display: block; margin-right: 4px; padding: 0 10px; height: 32px; line-height: 30px; text-align: center; list-style: none; background-color: #fff; color: #657180; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Arial; font-size: 12px; border: 1px solid #d7dde4; border-radius: 6px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ui-page-item:hover { border-color: #3399ff; color: #3399ff; } .ui-page-item-active { background-color: #3399ff; border-color: #3399ff; color: #fff; } .ui-page-item-active:hover { color: #fff; } .ui-page-item-jump-prev:after, .ui-page-item-jump-next:after { content: "•••"; display: block; letter-spacing: 1px; color: #657180; text-align: center; } .ui-page-item-jump-prev i, .ui-page-item-jump-next i { display: none; } .ui-page-item-jump-prev:hover:after, .ui-page-item-jump-next:hover:after { display: none; } .ui-page-item-jump-prev:hover i, .ui-page-item-jump-next:hover i { display: inline-block; } .ui-page-item-jump-prev, .ui-page-item-jump-next { margin-right: 4px; } .ui-page-prev { margin-right: 8px; } .ui-page-next { margin-left: 4px; } .ui-page-prev, .ui-page-next, .ui-page-item-jump-prev, .ui-page-item-jump-next { display: block; width: 32px; height: 32px; line-height: 30px; list-style: none; text-align: center; cursor: pointer; color: #666; font-size: 12px; font-family: Arial; border: 1px solid #d7dde4; border-radius: 6px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ui-page-prev, .ui-page-next { background-color: #fff; } .ui-page-prev:hover, .ui-page-next:hover { border-color: #3399ff; color: #3399ff; } .ui-page-disabled { cursor: not-allowed; color: #ccc; } .ui-page-disabled:hover { border-color: #d7dde4; color: #ccc; cursor: not-allowed; } .ui-page .ui-page-select { display: block; width: 75px; height: 32px; margin-left: 16px; text-align: center; list-style: none; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Arial; font-size: 12px; } .ui-page .ui-page-quick-jumper { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 16px; font-size: 12px; } .ui-page .ui-page-quick-jumper .jumper-input { width: 44px; margin: 0 4px; } .ui-page .ui-select .ui-select-selection { border-radius: 6px; } .ui-page .second-icon { margin-left: -4px; } .ui-row { position: relative; display: block; margin-left: 0; margin-right: 0; height: auto; zoom: 1; } .ui-row:before, .ui-row:after { content: " "; display: table; } .ui-row:after { clear: both; visibility: hidden; font-size: 0; height: 0; } .ui-cell { position: relative; display: block; } .ui-cell-span-1 { width: 4.16667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-1 { margin-left: 4.16667%; } .ui-cell-span-2 { width: 8.33333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-2 { margin-left: 8.33333%; } .ui-cell-span-3 { width: 12.5%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-3 { margin-left: 12.5%; } .ui-cell-span-4 { width: 16.66667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-4 { margin-left: 16.66667%; } .ui-cell-span-5 { width: 20.83333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-5 { margin-left: 20.83333%; } .ui-cell-span-6 { width: 25%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-6 { margin-left: 25%; } .ui-cell-span-7 { width: 29.16667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-7 { margin-left: 29.16667%; } .ui-cell-span-8 { width: 33.33333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-8 { margin-left: 33.33333%; } .ui-cell-span-9 { width: 37.5%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-9 { margin-left: 37.5%; } .ui-cell-span-10 { width: 41.66667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-10 { margin-left: 41.66667%; } .ui-cell-span-11 { width: 45.83333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-11 { margin-left: 45.83333%; } .ui-cell-span-12 { width: 50%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-12 { margin-left: 50%; } .ui-cell-span-13 { width: 54.16667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-13 { margin-left: 54.16667%; } .ui-cell-span-14 { width: 58.33333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-14 { margin-left: 58.33333%; } .ui-cell-span-15 { width: 62.5%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-15 { margin-left: 62.5%; } .ui-cell-span-16 { width: 66.66667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-16 { margin-left: 66.66667%; } .ui-cell-span-17 { width: 70.83333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-17 { margin-left: 70.83333%; } .ui-cell-span-18 { width: 75%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-18 { margin-left: 75%; } .ui-cell-span-19 { width: 79.16667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-19 { margin-left: 79.16667%; } .ui-cell-span-20 { width: 83.33333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-20 { margin-left: 83.33333%; } .ui-cell-span-21 { width: 87.5%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-21 { margin-left: 87.5%; } .ui-cell-span-22 { width: 91.66667%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-22 { margin-left: 91.66667%; } .ui-cell-span-23 { width: 95.83333%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-23 { margin-left: 95.83333%; } .ui-cell-span-24 { width: 100%; float: left; -ms-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .ui-cell-offset-24 { margin-left: 100%; } .ui-input-swap, .ui-input-swap .ui-input { display: inline-block; width: 100%; position: relative; vertical-align: middle; } .ui-input-swap { font-size: 0; } .ui-input-swap.ui-input-readonly .ui-input-icon, .ui-input-swap.ui-input-disabled .ui-input-icon { cursor: default; } .ui-input-swap.ui-input-group { display: table; width: 100%; border-collapse: separate; position: relative; font-size: 12px; } .ui-input-swap.ui-input-group .ui-input { display: table-cell; } .ui-input-swap.ui-input-group-prepend .ui-input { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .ui-input-swap.ui-input-group-append .ui-input { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .ui-input-swap .ui-input { height: 32px; padding: 4px 8px; border: 1px solid #d7dde4; outline: 0; background-image: none; line-height: 1.5; font-size: 12px; border-radius: 4px; color: #657180; background-color: #fff; cursor: text; transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out; } .ui-input-swap .ui-input:hover { border-color: #5cadff; } .ui-input-swap .ui-input:focus { border-color: #5cadff; box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); } .ui-input-swap .ui-input[readonly] { cursor: auto; } .ui-input-swap .ui-input[readonly]:hover, .ui-input-swap .ui-input[readonly]:focus { border-color: #d7dde4; box-shadow: none; } .ui-input-swap .ui-input[disabled] { opacity: 1; background-color: #f3f3f3; cursor: not-allowed; } .ui-input-swap .ui-input[disabled]:hover, .ui-input-swap .ui-input[disabled]:focus { border-color: #d7dde4; box-shadow: none; } .ui-input-swap .ui-input:not(:last-child) { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .ui-input-swap textarea.ui-input { max-width: 100%; height: auto; word-wrap: break-word; word-break: break-all; overflow: auto; } .ui-input-swap .ui-input-content { position: relative; } .ui-input-swap .ui-input-icon { width: 32px; height: 32px; line-height: 32px; font-size: 16px; text-align: center; color: #9ea7b4; cursor: pointer; position: absolute; right: 0; z-index: 1; } .ui-input-swap .ui-input-icon + .ui-input-icon { right: 32px; } .ui-input-swap .ui-input-icon + .ui-input-icon + .ui-input-icon { right: 64px; } .ui-input-swap .ui-input-icon + .ui-input { padding-right: 32px; } .ui-input-swap .ui-input-icon + .ui-input-icon + .ui-input { padding-right: 64px; } .ui-input-swap .ui-input-prepend, .ui-input-swap .ui-input-append { display: table-cell; width: 1px; padding: 4px 8px; vertical-align: middle; white-space: nowrap; font-size: inherit; font-weight: 400; line-height: 1; color: #657180; text-align: center; background-color: #eee; border: 1px solid #d7dde4; border-radius: 4px; } .ui-input-swap .ui-input-prepend { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; border-right: 0; } .ui-input-swap .ui-input-append { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-left: 0; } .ui-input-swap.ui-input-text { vertical-align: middle; } .ui-input-swap.ui-input-password { vertical-align: middle; } .ui-input-swap.ui-input-password input { letter-spacing: 0.3em; } .ui-input-swap.ui-input-password input::-moz-placeholder, .ui-input-swap.ui-input-password textarea::-moz-placeholder { letter-spacing: normal; } .ui-input-swap.ui-input-password input:-ms-input-placeholder, .ui-input-swap.ui-input-password textarea:-ms-input-placeholder { letter-spacing: normal; } .ui-input-swap.ui-input-password input::-webkit-input-placeholder, .ui-input-swap.ui-input-password textarea::-webkit-input-placeholder { letter-spacing: normal; } .ui-input-swap.ui-input-number { vertical-align: middle; } .ui-input-swap.ui-input-textarea { line-height: 1.5; vertical-align: top; } .ui-input-swap .ui-input-file-text { display: inline-block; margin-left: 8px; vertical-align: middle; font-size: 12px; } .ui-select { display: inline-block; width: 100%; vertical-align: middle; color: #657180; font-size: 14px; position: relative; line-height: normal; } .ui-select.ui-select-visible .ui-icon-md-arrow-dropdown { -webkit-transform: translateX(-3px) translateY(-50%) rotate(180deg); transform: translateX(-3px) translateY(-50%) rotate(180deg); -ms-transform: translateX(-3px) translateY(-50%) rotate(180deg); } .ui-select.ui-select-visible .ui-select-selection { border-color: #5cadff; } .ui-select.ui-select-visible .ui-select-selection .ui-icon-md-arrow-dropdown, .ui-select.ui-select-visible .ui-select-selection .ui-icon-md-close-circle { color: #5cadff; } .ui-select.ui-select-disabled { background-color: #f3f3f3; } .ui-select.ui-select-disabled .ui-select-selection { cursor: not-allowed; background-color: #f3f3f3; } .ui-select.ui-select-disabled .ui-select-selection:hover, .ui-select.ui-select-disabled .ui-select-selection:focus { border-color: #d7dde4; box-shadow: none; } .ui-select.ui-select-disabled .ui-select-selection:hover .ui-icon-md-arrow-dropdown, .ui-select.ui-select-disabled .ui-select-selection:hover .ui-icon-md-close-circle, .ui-select.ui-select-disabled .ui-select-selection:focus .ui-icon-md-arrow-dropdown, .ui-select.ui-select-disabled .ui-select-selection:focus .ui-icon-md-close-circle { color: #9ea7b4; } .ui-select.ui-select-readonly .ui-select-selection { cursor: default; } .ui-select.ui-select-readonly .ui-select-selection:hover, .ui-select.ui-select-readonly .ui-select-selection:focus { border-color: #d7dde4; box-shadow: none; } .ui-select.ui-select-readonly .ui-select-selection:hover .ui-icon-md-arrow-dropdown, .ui-select.ui-select-readonly .ui-select-selection:hover .ui-icon-md-close-circle, .ui-select.ui-select-readonly .ui-select-selection:focus .ui-icon-md-arrow-dropdown, .ui-select.ui-select-readonly .ui-select-selection:focus .ui-icon-md-close-circle { color: #9ea7b4; } .ui-select .ui-select-selection { position: relative; width: 100%; border: 1px solid #d7dde4; outline: 0; font-size: 12px; border-radius: 4px; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; transition: all .2s ease-in-out; } .ui-select .ui-select-selection:hover, .ui-select .ui-select-selection:focus { border-color: #5cadff; } .ui-select .ui-select-selection:hover .ui-icon-md-arrow-dropdown, .ui-select .ui-select-selection:hover .ui-icon-md-close-circle, .ui-select .ui-select-selection:focus .ui-icon-md-arrow-dropdown, .ui-select .ui-select-selection:focus .ui-icon-md-close-circle { color: #5cadff; } .ui-select .ui-select-selection:focus { box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); } .ui-select .ui-select-selection-icons { position: absolute; right: 8px; top: 0px; bottom: 0px; width: 12px; } .ui-select .ui-icon-md-arrow-dropdown, .ui-select .ui-icon-md-close-circle { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #9ea7b4; z-index: 1; font-size: 18px; } .ui-select .ui-icon-md-close-circle { z-index: 2; } .ui-select .ui-select-placeholder, .ui-select .ui-select-selected-value { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 8px; padding-right: 24px; border: 0; border-radius: 4px; color: #657180; } .ui-select .ui-select-selected-input { display: block; width: 100%; height: 30px; line-height: 30px; padding-left: 8px; padding-right: 24px; margin-bottom: 5px; font-size: 12px; border: 0; outline: 0; border-bottom: 1px solid #e3e8ee; color: #657180; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-select .ui-select-placeholder { color: #c3cbd6; } .ui-select .ui-select-dropdown { position: absolute; top: 32px; width: 100%; max-height: 200px; margin: 5px 0; padding: 5px 0; overflow-y: auto; overflow-x: hidden; background-color: #fff; z-index: 900; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } .ui-select .ui-select-dropdown.no-option-children { max-height: 250px; } .ui-select .ui-select-dropdown-list { margin: 0; } .ui-select .ui-select-item { margin: 0; padding: 7px 16px; color: #657180; font-size: 12px !important; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; list-style: none; cursor: pointer; clear: both; transition: background .2s ease-in-out; } .ui-select .ui-select-item.focus { background: #f3f3f3; } .ui-select .ui-select-item.ui-select-item-disabled, .ui-select .ui-select-item.ui-select-item-disabled.focus { color: #c3cbd6; cursor: not-allowed; background: transparent; } .ui-select .ui-select-item.ui-select-item-selected, .ui-select .ui-select-item.ui-select-item-selected.focus { color: rgba(51, 153, 255, 0.9); } .ui-select .ui-select-pagination { margin: 0; padding: 0px 16px; color: #657180; font-size: 16px; line-height: normal; white-space: nowrap; list-style: none; clear: both; text-align: center; } .ui-select .ui-select-pagination .ui-button { margin-right: 8px; margin-left: 8px; } .ui-select.ui-select-multiple .ui-select-multiple-selected { min-height: 30px; } .ui-select.ui-select-multiple .ui-select-selected-value { display: inline-block; padding: 0 6px; margin: 3px 4px 2px 4px; height: 22px; line-height: 20px; width: auto; border: 1px solid #e3e8ee; background-color: #f7f7f7; } .ui-select.ui-select-multiple .ui-select-selected-value .ui-icon, .ui-select.ui-select-multiple .ui-select-selected-value .ui-select-item.ui-select-item-selected::before { margin-left: 6px; } .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before { display: block; float: right; color: rgba(51, 153, 255, 0.9); } .ui-radio-wrapper { display: inline-block; position: relative; vertical-align: middle; white-space: nowrap; margin-right: 8px; cursor: pointer; outline: none; transition: all .2s ease-in-out; } .ui-radio-wrapper.ui-radio-wrapper-readonly { cursor: default; } .ui-radio-wrapper.ui-radio-wrapper-readonly .ui-radio, .ui-radio-wrapper.ui-radio-wrapper-readonly .ui-radio-input { cursor: default; } .ui-radio-wrapper.ui-radio-wrapper-disabled { color: #9ea7b4; cursor: not-allowed; } .ui-radio-wrapper.ui-radio-wrapper-disabled .ui-radio, .ui-radio-wrapper.ui-radio-wrapper-disabled .ui-radio-input { cursor: not-allowed; } .ui-radio-wrapper:hover:not(.ui-radio-wrapper-disabled):not(.ui-radio-wrapper-readonly) .ui-radio-inner { border-color: #3399ff; } .ui-radio-wrapper:focus:not(.ui-radio-wrapper-disabled):not(.ui-radio-wrapper-readonly) .ui-radio-inner, .ui-radio-wrapper.ui-radio-wrapper-focus:not(.ui-radio-wrapper-disabled):not(.ui-radio-wrapper-readonly) .ui-radio-inner { box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); } .ui-radio { display: inline-block; position: relative; margin-right: 2px; white-space: nowrap; outline: 0; line-height: 1; vertical-align: middle; cursor: pointer; } .ui-radio.ui-radio-checked .ui-radio-inner { border-color: #3399ff; } .ui-radio.ui-radio-checked .ui-radio-inner::before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ui-radio-inner { display: block; position: relative; height: 14px; width: 14px; background-color: #fff; border: 1px solid #d7dde4; border-radius: 50%; transition: all .2s ease-in-out; } .ui-radio-inner::before { position: absolute; left: 2px; top: 2px; height: 8px; width: 8px; background-color: #3399ff; border-radius: 8px; content: ' '; transition: all .2s ease-in-out; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .ui-radio-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; cursor: pointer; } .ui-radio-content { vertical-align: middle; } .ui-radio-group { display: inline-block; outline: none; } .ui-radio-group .ui-radio-wrapper { margin-right: 16px; } .ui-radio-group.ui-radio-group-vertical .ui-radio-wrapper { display: block; height: 30px; line-height: 30px; } .ui-radio-group.ui-radio-group-button { font-size: 0; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper { position: relative; height: 32px; line-height: 30px; padding: 0 16px; margin: 0; font-size: 12px; border: 1px solid #d7dde4; background-color: #fff; border-left-width: 0; cursor: pointer; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper:first-child { border-left-width: 1px; border-radius: 4px 0 0 4px; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper:last-child { border-radius: 0 4px 4px 0; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper:first-child:last-child { border-radius: 4px 4px 4px 4px; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper:hover { color: #5cadff; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper:focus, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-focus { color: #5cadff; box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); z-index: 2; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-checked { border-color: #3399ff; color: #3399ff; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-checked::after { position: absolute; top: 0; bottom: 0; left: -1px; width: 1px; content: ' '; background: #3399ff; z-index: 1; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly { cursor: default; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly:hover, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly:focus, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly.ui-radio-wrapper-focus { color: #657180; box-shadow: none; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled { background-color: #f7f7f7; border-color: #d7dde4; cursor: not-allowed; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled:hover, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled:focus, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled.ui-radio-wrapper-focus { color: #9ea7b4; box-shadow: none; } .ui-radio-group.ui-radio-group-button .ui-radio-wrapper .ui-radio { display: none; } .ui-checkbox-wrapper { display: inline-block; position: relative; vertical-align: middle; white-space: nowrap; margin-right: 8px; cursor: pointer; outline: none; transition: all .2s ease-in-out; } .ui-checkbox-wrapper.ui-checkbox-wrapper-readonly { cursor: default; } .ui-checkbox-wrapper.ui-checkbox-wrapper-readonly .ui-checkbox, .ui-checkbox-wrapper.ui-checkbox-wrapper-readonly .ui-checkbox-input { cursor: default; } .ui-checkbox-wrapper.ui-checkbox-wrapper-disabled { color: #9ea7b4; cursor: not-allowed; } .ui-checkbox-wrapper.ui-checkbox-wrapper-disabled .ui-checkbox, .ui-checkbox-wrapper.ui-checkbox-wrapper-disabled .ui-checkbox-input { cursor: not-allowed; } .ui-checkbox-wrapper:hover:not(.ui-checkbox-wrapper-disabled):not(.ui-checkbox-wrapper-readonly) .ui-checkbox-inner { border-color: #3399ff; } .ui-checkbox-wrapper:focus:not(.ui-checkbox-wrapper-disabled):not(.ui-checkbox-wrapper-readonly) .ui-checkbox-inner, .ui-checkbox-wrapper.ui-checkbox-wrapper-focus:not(.ui-checkbox-wrapper-disabled):not(.ui-checkbox-wrapper-readonly) .ui-checkbox-inner { border-color: #3399ff; box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); } .ui-checkbox { display: inline-block; position: relative; margin-right: 2px; white-space: nowrap; outline: 0; line-height: 1; vertical-align: middle; font-size: 0; cursor: pointer; } .ui-checkbox.ui-checkbox-checked .ui-checkbox-inner { border-color: #3399ff; background-color: #3399ff; } .ui-checkbox.ui-checkbox-checked .ui-checkbox-inner::before { opacity: 1; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .ui-checkbox.ui-checkbox-indeterminate .ui-checkbox-inner { border-color: #3399ff; background-color: #3399ff; } .ui-checkbox.ui-checkbox-indeterminate .ui-checkbox-inner::before { opacity: 1; content: ''; width: 8px; height: 1px; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); position: absolute; left: 2px; top: 5px; } .ui-checkbox-inner { display: block; position: relative; height: 14px; width: 14px; background-color: #fff; border: 1px solid #d7dde4; border-radius: 2px; transition: all .2s ease-in-out; } .ui-checkbox-inner::before { position: absolute; left: 4px; top: 1px; height: 8px; width: 4px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ' '; transition: all .2s ease-in-out; opacity: 0; -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } .ui-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; cursor: pointer; } .ui-checkbox-content { vertical-align: middle; } .ui-checkbox-group { display: inline-block; outline: none; } .ui-checkbox-group .ui-checkbox-wrapper { margin-right: 16px; } .ui-checkbox-group.ui-checkbox-group-vertical .ui-checkbox-wrapper { display: block; height: 30px; line-height: 30px; } .ui-form-item { width: 100%; padding-bottom: 24px; zoom: 1; } .ui-form-item:after, .ui-form-item:before { content: ""; display: table; } .ui-form-item.ui-form-item-required .ui-form-label:before { content: "*"; line-height: 1; margin-right: 4px; color: #ff5500; font-family: SimSun; font-size: 12px; } .ui-form-item.ui-form-item-error .ui-input { border-color: #ff5500; } .ui-form-item.ui-form-item-error .ui-input:hover { border-color: #ff5500; } .ui-form-item.ui-form-item-error .ui-input:focus { border-color: #ff5500; box-shadow: 0 0 0 2px rgba(255, 85, 0, 0.2); } .ui-form-item.ui-form-item-error .ui-readonly-input-content { border-color: #ff5500; color: #ff5500; } .ui-form-item.ui-form-item-error .ui-select .ui-select-selection { border-color: #ff5500; } .ui-form-item.ui-form-item-error .ui-select .ui-select-selection:hover { border-color: #ff5500; } .ui-form-item.ui-form-item-error .ui-select.ui-select-visible .ui-select-selection { box-shadow: 0 0 0 2px rgba(255, 85, 0, 0.2); } .ui-form-item.ui-form-item-error .ui-radio .ui-radio-inner { border-color: #ff5500; } .ui-form-item.ui-form-item-error .ui-checkbox .ui-checkbox-inner { border-color: #ff5500; } .ui-form-item.ui-form-item-error .ui-icon, .ui-form-item.ui-form-item-error .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-form-item.ui-form-item-error .ui-select-item.ui-select-item-selected::before { color: #ff5500; } .ui-form-label { float: left; display: block; height: 32px; line-height: 32px; padding-right: 12px; text-align: right; color: #657180; font-size: 12px; } .ui-form-content { position: relative; line-height: 32px; font-size: 12px; } .ui-form-error-tip { position: absolute; left: 0; top: 100%; line-height: 1; margin-top: 6px; color: #ff5500; } .ui-form { padding-top: 24px; display: block; } .ui-form .ui-form-position-left .ui-form-label, .ui-form .ui-form-position-top .ui-form-label { text-align: left; padding-right: 0; } .ui-form .ui-form-position-top .ui-form-label { float: none; height: auto; line-height: 1.2; padding-right: 0; padding-bottom: 10px; } .ui-form.ui-form-type-query { padding: 16px 0 8px 0; font-size: 0; } .ui-form.ui-form-type-query .ui-form-item { padding-bottom: 8px; } .ui-menu { position: relative; line-height: 48px; width: 100%; } .ui-menu li { list-style: none !important; } .ui-menu ul { padding: 0 !important; } .ui-menu:before { content: ''; width: 1px; background: #d7dde4; position: absolute; bottom: 0; top: 0; right: 0; display: block; } .ui-menu .ui-menu-arrow { color: #999; float: right; position: absolute; top: 1px; right: 24px; text-indent: 0; } .ui-menu .ui-menu-item, .ui-menu .ui-menu-submenu-title { text-indent: 24px; cursor: pointer; position: relative; color: #657180; border-right: 1px solid #d7dde4; } .ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-submenu-title:hover { background-color: #f3f3f3; } .ui-menu .ui-menu-item-actived { color: #128bd6; border-right: 2px solid #128bd6; } .ui-menu .ui-menu-group-title { color: #999; text-indent: 32px; } .ui-menu .ui-menu-arrow-active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 0; } .ui-menu .ui-menu-submenu li { text-indent: 48px; } .ui-menu .ui-menu-submenu .ui-menu-submenu-icon, .ui-menu .ui-menu-item .ui-menu-item-icon { vertical-align: middle; margin-top: -2px; height: 14px; width: auto; margin-right: 8px; } .ui-menu.ui-menu-type-dark { background: #128bd6; } .ui-menu.ui-menu-type-dark:before { display: none; } .ui-menu.ui-menu-type-dark .ui-menu-arrow { color: #fff; } .ui-menu.ui-menu-type-dark .ui-menu-group-title { color: #ddd; } .ui-menu.ui-menu-type-dark .ui-menu-item, .ui-menu.ui-menu-type-dark .ui-menu-submenu-title { color: #fff; border-right: none; } .ui-menu.ui-menu-type-dark .ui-menu-item:hover, .ui-menu.ui-menu-type-dark .ui-menu-submenu-title:hover { background-color: #077cc5; } .ui-menu.ui-menu-type-dark .ui-menu-item-actived { color: #fff; background-color: #077cc5; border-right: 2px solid #077cc5; } .ui-menu.ui-menu-mode-horizontal { position: relative; height: 60px; line-height: 60px; -moz-box-sizing: border-box; box-sizing: border-box; } .ui-menu.ui-menu-mode-horizontal:before { display: none; } .ui-menu.ui-menu-mode-horizontal:after { content: ""; display: block; width: 100%; height: 1px; background: #d7dde4; position: absolute; bottom: 0; left: 0; } .ui-menu.ui-menu-mode-horizontal .ui-menu-item, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu { float: left; padding: 0 20px; text-align: center; text-indent: 0; border-right: none; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu { padding: 0; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title { padding: 0 20px; text-align: center; text-indent: 0; border-right: none; } .ui-menu.ui-menu-mode-horizontal .ui-menu-arrow { position: relative; display: block; top: 0; right: 0; margin-left: 4px; } .ui-menu.ui-menu-mode-horizontal .ui-menu-item:hover, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title:hover { color: #128bd6; background-color: #fff; } .ui-menu.ui-menu-mode-horizontal .ui-menu-item:hover:after, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title:hover:after { content: ""; display: block; width: 100%; height: 2px; background: #128bd6; position: absolute; bottom: 0px; left: 0; z-index: 2; } .ui-menu.ui-menu-mode-horizontal .ui-menu-item:hover .ui-menu-arrow, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title:hover .ui-menu-arrow { color: #128bd6; } .ui-menu.ui-menu-mode-horizontal .ui-menu-item.ui-menu-item-actived, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title.ui-menu-item-actived { color: #128bd6; background-color: #fff; } .ui-menu.ui-menu-mode-horizontal .ui-menu-item.ui-menu-item-actived:after, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title.ui-menu-item-actived:after { content: ""; display: block; width: 100%; height: 2px; background: #128bd6; position: absolute; bottom: 0px; left: 0; z-index: 2; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-choosed .ui-menu-submenu-title, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu:hover .ui-menu-submenu-title { color: #128bd6; background-color: #fff; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-choosed .ui-menu-submenu-title:after, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu:hover .ui-menu-submenu-title:after { content: ""; display: block; width: 100%; height: 2px; background: #128bd6; position: absolute; bottom: 0px; left: 0; z-index: 2; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-choosed .ui-menu-submenu-title .ui-menu-arrow, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu:hover .ui-menu-submenu-title .ui-menu-arrow { color: #128bd6; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul { min-width: inherit; max-height: 300px; overflow: auto; margin: 5px 0; padding: 5px 0 !important; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); position: absolute; z-index: 900; text-align: left; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-group-title { line-height: 30px; text-indent: 10px; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item { float: none; clear: both; margin: 0; padding: 8px 20px; line-height: normal; text-align: left; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item:hover { color: #657180; background-color: #f3f3f3; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item:hover:after { display: none; } .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item.ui-menu-item-actived { border-bottom: none; background-color: #128bd6; color: #fff; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark:after { display: none; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item:hover, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title:hover { color: #fff; background-color: #077cc5; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item:hover:after, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title:hover:after { display: none; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item:hover .ui-menu-arrow, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title:hover .ui-menu-arrow { color: #fff; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item.ui-menu-item-actived, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title.ui-menu-item-actived { color: #fff; background-color: #077cc5; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item.ui-menu-item-actived:after, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title.ui-menu-item-actived:after { display: none; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-choosed .ui-menu-submenu-title, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu:hover .ui-menu-submenu-title { color: #fff; background-color: #077cc5; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-choosed .ui-menu-submenu-title:after, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu:hover .ui-menu-submenu-title:after { display: none; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-choosed .ui-menu-submenu-title .ui-menu-arrow, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu:hover .ui-menu-submenu-title .ui-menu-arrow { color: #fff; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item { color: #657180; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item:hover { background-color: #f3f3f3; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item.ui-menu-item-actived { color: #fff; background-color: #077cc5; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item.ui-menu-item-actived:hover { color: #fff; background-color: #077cc5; } .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-group-title { color: #999; } .ui-panel { position: relative; border: 1px solid #d7dde4; border-radius: 4px; background-color: #ffffff; } .ui-panel:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .ui-panel .ui-panel-title { padding: 0 20px; color: #464c5b; height: 40px; line-height: 40px; border-bottom: 1px solid #e3e8ee; } .ui-panel .ui-panel-title-button { float: right; display: block; height: 40px; line-height: 40px; } .ui-panel .ui-panel-title-button > .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before { width: 24px; height: 24px; line-height: 24px; margin-top: 8px; cursor: pointer; } .ui-panel .ui-panel-title-button > .ui-icon:hover, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected:hover::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected:hover::before { color: #ffffff; background: #2db7f5; border-radius: 4px; } .ui-panel .ui-panel-title-button > .ui-icon + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before { margin-left: 8px; } .ui-panel .ui-panel-content { position: relative; padding: 8px 20px; } .ui-panel .ui-icon + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-select.ui-select-multiple .ui-panel .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-panel .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before { margin-left: 8px; } .ui-affix { position: fixed; z-index: 10; } .ui-back-top-outer { position: fixed; z-index: 10; right: 100px; bottom: 50px; height: 40px; width: 40px; cursor: pointer; } .ui-back-top-outer .ui-back-top-inner { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-align: center; -ms-flex-align: center; align-items: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 40px; border-radius: 20px; background-color: rgba(64, 64, 64, 0.2); color: #fff; text-align: center; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ui-back-top-outer .ui-back-top-inner:hover { background-color: rgba(64, 64, 64, 0.4); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .wb-dropdown { position: relative; display: inline-block; } .wb-dropdown-slot { width: 100%; height: 100%; } .wb-dropdown-menu { position: absolute; padding: 5px 0 !important; margin: 0 !important; z-index: 100; left: 0; top: calc(100% + 5px); text-align: left; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); background-color: #fff; color: #657180; list-style-type: none; } .wb-dropdown-menu .wb-dropdown-menu-sub { top: 1px; left: 100%; margin-left: 2px !important; } .wb-dropdown-menu .wb-dropdown-menu-item { position: relative; padding: 8px 16px; margin: 0 !important; clear: both; font-size: 12px; font-weight: normal; white-space: nowrap; cursor: pointer; list-style-type: none !important; background-color: #fff; transition: background 0.3s ease; } .wb-dropdown-menu .wb-dropdown-menu-item:hover { background-color: #f3f3f3; } .wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-disabled, .wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-disabled:hover { color: #c3cbd6; cursor: not-allowed; pointer-events: none; } .wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-divider { border-top: 1px solid #e9e9e9; } .wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-swap::after { position: absolute; display: inline-block; content: ">"; right: 7px; color: rgba(0, 0, 0, 0.6); font-size: 12px; } .ui-process-circle { display: inline-block; position: relative; } .ui-process-circle-inner { position: absolute; width: 100%; left: 0; top: 50%; text-align: center; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); } .ui-contextmenu { position: relative; display: inline-block; } .ui-contextmenu-slot { width: 100%; height: 100%; } .ui-contextmenu-list { position: absolute; max-height: 200px; margin: 5px 0; padding: 5px 0; overflow: auto; background-color: #fff; z-index: 900; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } .ui-contextmenu-item { margin: 0; padding: 7px 16px; color: #657180; font-size: 12px !important; line-height: normal; white-space: nowrap; list-style: none; cursor: pointer; clear: both; transition: background .2s ease-in-out; } .ui-contextmenu-item:hover { background: #f3f3f3; } .ui-split { position: relative; width: 100%; height: 100%; } .ui-split.ui-split-horizontal .ui-split-dash { cursor: ew-resize; } .ui-split.ui-split-vertical .ui-split-dash { cursor: ns-resize; } .ui-split-item { position: absolute; background: #fff; } .ui-split-dash { position: absolute; background: transparent; z-index: 2000; } .ui-time-picker { position: relative; display: inline-block; vertical-align: middle; width: 100%; height: 32px; } .ui-time-picker > .ui-readonly-input { width: 100%; } .ui-time-picker .addon { padding: 8px; border-top: 1px solid #e3e8ee; } .ui-time-picker-content { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 5px; outline: none; } .ui-time-picker-content .picker-item { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 192px; padding-bottom: 160px; border-right: 1px solid #e3e8ee; overflow: hidden; } .ui-time-picker-content .picker-item:last-child { border-right: 0; } .ui-time-picker-content .picker-item:hover { overflow-y: auto; } .ui-time-picker-content .picker-item .picker-item-child { -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; width: 100%; min-width: 56px; height: 32px; line-height: 32px; text-align: center; cursor: pointer; } .ui-time-picker-content .picker-item .picker-item-child.focus, .ui-time-picker-content .picker-item .picker-item-child:hover { background-color: #f3f3f3; } .ui-time-picker-content .picker-item .picker-item-child.disabled { cursor: not-allowed; color: #c3cbd6; background: transparent; } .ui-time-picker-content .picker-item .active { font-weight: bold; color: rgba(51, 153, 255, 0.9); } .ui-time-picker-content .picker-item .active:hover { color: rgba(51, 153, 255, 0.9); } .ui-readonly-input { position: relative; display: inline-block; font-size: 12px; outline: none; cursor: pointer; } .ui-readonly-input-content { font-variant: tabular-nums; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; list-style: none; position: relative; display: block; padding: 0 35px 0 11px; width: 100%; height: 32px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; outline: none; color: #657180; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; transition: all .2s ease-in-out; overflow: hidden; } .ui-readonly-input-content.placeholder { color: #c3cbd6; } .ui-readonly-input > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input > .ui-select-item.ui-select-item-selected::before { position: absolute; line-height: 1.5; top: 16px; right: 12px; margin-top: -9px; font-size: 14px; color: #9ea7b4; } .ui-readonly-input:hover .ui-readonly-input-content, .ui-readonly-input:focus .ui-readonly-input-content { border-color: #5cadff; } .ui-readonly-input:hover > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input:hover > .ui-select-item.ui-select-item-selected::before, .ui-readonly-input:focus > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input:focus > .ui-select-item.ui-select-item-selected::before { color: #5cadff; } .ui-readonly-input:focus .ui-readonly-input-content { box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); } .ui-readonly-input.disabled { cursor: not-allowed; } .ui-readonly-input.disabled .ui-readonly-input-content { background-color: #f3f3f3; } .ui-readonly-input.disabled:hover .ui-readonly-input-content, .ui-readonly-input.disabled:focus .ui-readonly-input-content { border-color: #d7dde4; box-shadow: none; } .ui-readonly-input.disabled:hover > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input.disabled:hover > .ui-select-item.ui-select-item-selected::before, .ui-readonly-input.disabled:focus > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input.disabled:focus > .ui-select-item.ui-select-item-selected::before { color: #9ea7b4; } .ui-picker-popup { position: absolute; transition: all 200ms ease; opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; font-size: 12px; background: #fff; outline: 0; border-radius: 3px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .ui-picker-popup:before, .ui-picker-popup:after { content: ''; position: absolute; display: block; pointer-events: none; border: solid transparent; height: 0; width: 0; } .ui-picker-popup:before { border-width: 5px; margin: 0 -5px; } .ui-picker-popup:after { border-width: 4px; margin: 0 -4px; } .ui-picker-popup.bottomLeft { left: 0; } .ui-picker-popup.bottomLeft:after, .ui-picker-popup.bottomLeft:before { left: 22px; } .ui-picker-popup.bottomRight { right: 0; } .ui-picker-popup.bottomRight:after, .ui-picker-popup.bottomRight:before { right: 22px; } .ui-picker-popup.bottomLeft, .ui-picker-popup.bottomRight { top: auto; margin-top: 8px; } .ui-picker-popup.bottomLeft:after, .ui-picker-popup.bottomLeft:before, .ui-picker-popup.bottomRight:after, .ui-picker-popup.bottomRight:before { bottom: 100%; } .ui-picker-popup.bottomLeft:before, .ui-picker-popup.bottomRight:before { border-bottom-color: #eee; } .ui-picker-popup.bottomLeft:after, .ui-picker-popup.bottomRight:after { border-bottom-color: #fff; } .ui-picker-popup.topLeft { left: 0; } .ui-picker-popup.topLeft:after, .ui-picker-popup.topLeft:before { left: 22px; } .ui-picker-popup.topRight { right: 0; } .ui-picker-popup.topRight:after, .ui-picker-popup.topRight:before { right: 22px; } .ui-picker-popup.topLeft, .ui-picker-popup.topRight { bottom: 100%; margin-bottom: 8px; } .ui-picker-popup.topLeft:after, .ui-picker-popup.topLeft:before, .ui-picker-popup.topRight:after, .ui-picker-popup.topRight:before { top: 100%; } .ui-picker-popup.topLeft:before, .ui-picker-popup.topRight:before { border-top-color: #eee; } .ui-picker-popup.topLeft:after, .ui-picker-popup.topRight:after { border-top-color: #fff; } .ui-collapse.bordered { border: 1px solid #e3e8ee; border-radius: 4px; } .ui-collapse.bordered .ui-collapse-panel-title { padding-left: 12px; background-color: #f7f7f7; } .ui-collapse.bordered .ui-collapse-panel-content { padding: 4px 0 12px 12px; } .ui-collapse.bordered .ui-collapse-panel-content.left-icon { padding-left: 32px; } .ui-collapse-panel { border-bottom: 1px solid #e3e8ee; } .ui-collapse-panel-title { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 46px; color: #464c5b; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .ui-collapse-panel-title > .ui-icon, .ui-select.ui-select-multiple .ui-collapse-panel-title > .ui-select-item.ui-select-item-selected::before { color: #464c5b; font-size: 12px; margin-right: 12px; transition: -webkit-transform 0.24s; transition: transform 0.24s; transition: transform 0.24s, -webkit-transform 0.24s; } .ui-collapse-panel-title > .ui-icon.active, .ui-select.ui-select-multiple .ui-collapse-panel-title > .active.ui-select-item.ui-select-item-selected::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ui-collapse-panel-title.disabled { color: #c3cbd6; cursor: not-allowed; } .ui-collapse-panel-title.disabled > .ui-icon, .ui-select.ui-select-multiple .ui-collapse-panel-title.disabled > .ui-select-item.ui-select-item-selected::before { color: #c3cbd6; } .ui-collapse-panel-title.left-icon { padding-left: 12px; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ui-collapse-panel-content { padding-bottom: 12px; } .ui-collapse-panel-content.left-icon { padding-left: 32px; }