.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft Yahei"; } /* ======================================================================== Component: Base ========================================================================== */ /* * 1. Set `font-size` to support `rem` units * Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge * 2. Prevent adjustments of font size after orientation changes in IE and iOS. * 3. Style */ html { font-size: 16px; font-weight: 400; line-height: 1.5; /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 3 */ color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* * Removes default margin. */ body { margin: 0; font-size: 14px; color: #666; background-color: #ffffff; } /* Links ========================================================================== */ /* * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { /* 1 */ background-color: transparent; /* 2 */ -webkit-text-decoration-skip: objects; } /* * Remove the outline on focused links when they are also active or hovered */ a:active, a:hover { outline: none; } /* * Style */ a, .uk-link { color: #138df2; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { color: #138df2; } /* Text-level semantics ========================================================================== */ /* * 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 */ } /* * 1. Prevent the duplicate application of `bolder` by the next rule in Safari 6. * 2. Add the correct font weight in Chrome, Edge, and Safari. */ /* 1 */ b, strong { font-weight: inherit; } /* 2 */ b, strong { font-weight: bolder; } /* * 1. Correct the odd `em` font sizing in all browsers. * 2. Consolas has a better baseline in running text compared to `Courier` * 3. Style */ :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { /* 1 */ font-size: 11px; /* 2 */ font-family: Consolas, monaco, monospace; /* 3 */ color: #435DBA; white-space: nowrap; padding: 2px 6px; border: 1px solid #EBEBED; border-radius: 3px; } /* * Emphasize */ em { color: #138df2; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. * 2. Override UA */ pre { background: #ffffff; } pre code { font-family: Consolas, monaco, monospace; } /* Selection pseudo-element ========================================================================== */ ::-moz-selection { background: #138df2; text-shadow: none; } ::selection { background: #138df2; text-shadow: none; } /* ======================================================================== Component: Link ========================================================================== */ /* Muted ========================================================================== */ a.uk-link-muted, .uk-link-muted a { color: #999999; } a.uk-link-muted:hover, .uk-link-muted a:hover { color: #666; } /* Text ========================================================================== */ /* * `!important` needed to override inverse component */ a.uk-link-text:not(:hover), .uk-link-text a:not(:hover) { color: inherit !important; } a.uk-link-text:hover, .uk-link-text a:hover { color: #999999; } /* Hero ========================================================================== */ /* * 1. Using `inline-block` to make it work with text alignment * 2. Center vertically * 3. Style */ .uk-heading-bullet::before { content: ""; border-left: 4px solid #138df2; } /* Small ========================================================================== */ /* * Reset child height, caused by `inline-block` */ .uk-divider-small { line-height: 0; } .uk-divider-small::after { border-top: 2px solid #138df2; } /* ======================================================================== Component: List ========================================================================== */ .uk-list, .ap-child-list > ul { padding: 0; list-style: none; } .uk-list-striped > li:nth-of-type(odd) { background: #f8f8f8; } /* ======================================================================== Component: Description list ========================================================================== */ /* * Term */ .uk-description-list > dd { font-size: 16px; } /* Caption ========================================================================== */ .uk-table caption { color: #999999; } /* * Striped */ .uk-table-striped > tr:nth-of-type(odd), .uk-table-striped tbody tr:nth-of-type(odd) { background: #f8f8f8; } /* Style modifiers ========================================================================== */ /* * Link */ .uk-icon-link:hover, .uk-icon-link:focus { color: #138df2; outline: none; } /* * Button * 1. Center icon vertically and horizontally */ .uk-icon-button { background: #ffffff; } /* Hover + Focus */ .uk-icon-button:hover, .uk-icon-button:focus { background-color: #ffffff; color: #138df2; outline: none; } /* OnClick + Active */ .uk-icon-button:active, .uk-active > .uk-icon-button { background-color: #138df2; color: #ffffff; } /* Thumb ========================================================================== */ /* * 1. Reset * 2. Style */ /* Webkit */ .uk-range::-webkit-slider-thumb { background: #666; } /* Firefox */ .uk-range::-moz-range-thumb { background: #666; } /* Edge */ .uk-range::-ms-thumb { /* 1 */ margin-top: 0; } /* IE11 */ .uk-range::-ms-thumb { background: #666; } .uk-input, .uk-select, .uk-textarea { background: #ffffff; color: #666; } /* Focus */ .uk-input:focus, .uk-select:focus, .uk-textarea:focus { outline: none; background-color: #ffffff; } /* Disabled */ .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled { background-color: #f8f8f8; color: #999999; } /* * Placeholder */ .uk-input:-ms-input-placeholder { color: #999999 !important; } .uk-input::-moz-placeholder { color: #999999; } .uk-input::-webkit-input-placeholder { color: #999999; } .uk-textarea:-ms-input-placeholder { color: #999999 !important; } .uk-textarea::-moz-placeholder { color: #999999; } .uk-textarea::-webkit-input-placeholder { color: #999999; } .uk-form-danger, .uk-form-danger:focus { color: #f0506e; border-color: #f0506e !important; } /* * Success */ .uk-form-success, .uk-form-success:focus { color: #32d296; border-color: #32d296 !important; } /* * Blank */ .uk-form-blank { background: none; border-color: transparent !important; } .uk-form-blank:focus { border-color: #EBEBED !important; border-style: dashed; } /* * Checked */ .uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate { background-color: #138df2; border-color: transparent; } /* Label ========================================================================== */ /* Icons ========================================================================== */ .uk-form-icon { color: #999999; } /* * Required for `a`. */ .uk-form-icon:hover { color: #666; } /* OnClick + Active */ /* Style modifiers ========================================================================== */ /* * Default */ .uk-button-default { background-color: #ffffff; } /* Hover + Focus */ .uk-button-default:hover, .uk-button-default:focus { background-color: #ffffff; color: #138df2; } /* OnClick + Active */ .uk-button-default:active, .uk-button-default.uk-active { background-color: #138df2; color: #ffffff; } /* * Primary */ .uk-button-primary { background-color: #138df2; color: #ffffff; } /* Hover + Focus */ .uk-button-primary:hover, .uk-button-primary:focus { background-color: #222222; color: #ffffff; } /* OnClick + Active */ .uk-button-primary:active, .uk-button-primary.uk-active { color: #ffffff; } /* * Secondary */ .uk-button-secondary { color: #666; border: 1px solid #222222; } /* OnClick + Active */ .uk-button-secondary:active, .uk-button-secondary.uk-active { background-color: #138df2; color: #ffffff; border-color: #138df2; } /* * Danger */ .uk-button-danger { background-color: transparent; color: #f0506e; border: 1px solid #f0506e; } /* Hover + Focus */ .uk-button-danger:hover, .uk-button-danger:focus { background-color: transparent; } /* OnClick + Active */ .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #f0506e; color: #ffffff; border-color: #f0506e; } /* * Disabled * The same for all style modifiers */ .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled, .uk-button-danger:disabled { background-color: #f8f8f8; color: #999999; } /* Text modifiers ========================================================================== */ /* * Text * 1. Reset * 2. Style */ .uk-button-text { /* 1 */ padding: 0; line-height: 1.5; background: none; /* 2 */ position: relative; } /* Hover + Focus */ .uk-button-text:hover, .uk-button-text:focus { color: #138df2; } /* Disabled */ .uk-button-text:disabled { color: #999999; } /* * Link * 1. Reset * 2. Style */ .uk-button-link { /* 1 */ padding: 0; line-height: 1.5; background: none; /* 2 */ color: #138df2; } /* Hover + Focus */ .uk-button-link:hover, .uk-button-link:focus { color: #138df2; } /* Disabled */ .uk-button-link:disabled { color: #999999; text-decoration: none; } /* Style modifiers ========================================================================== */ /* * Default */ .uk-section-default, .ap-container-default .uk-container { background: #ffffff; } /* * Primary */ .uk-section-primary, .ap-container-primary .uk-container { background: #138df2; } /* * Secondary */ .uk-section-secondary, .ap-container-secondary .uk-container { background: #222222; } .uk-section-muted, .ap-container-muted .uk-container { background: #f8f8f8; } /* Style modifiers ========================================================================== */ /* * Default */ .uk-tile-default { background: #ffffff; } /* * Muted */ .uk-tile-muted { background: #f8f8f8; } /* * Primary */ .uk-tile-primary { background: #138df2; } /* * Secondary */ .uk-tile-secondary { background: #222222; } /* ======================================================================== Component: Card ========================================================================== */ /* Badge ========================================================================== */ .uk-card-badge { color: #666; } /* * Remove margin from adjacent element */ .uk-card-badge:first-child + * { margin-top: 0; } /* Style modifiers ========================================================================== */ /* * Default * Note: Header and Footer are only implemented for the default style */ .uk-card-default { background: #ffffff; color: #666; } .uk-card-default.uk-card-hover:hover { background-color: #ffffff; } /* * Primary */ .uk-card-primary { background: #138df2; color: #ffffff; } .uk-card-primary .uk-card-title { color: #ffffff; } /* * Secondary */ .uk-card-secondary { background: #222222; color: #ffffff; } .uk-card-secondary .uk-card-title { color: #ffffff; } /* ======================================================================== Component: Close ========================================================================== */ /* Hover + Focus */ /* Hover + Focus */ .uk-totop:hover, .uk-totop:focus { outline: none; background-color: transparent; } /* OnClick */ .uk-totop:active { color: #138df2; background-color: transparent; } /* ======================================================================== Component: Marker ========================================================================== */ /* * Addopts `uk-icon` */ .uk-marker { padding: 5px; background: #222222; color: #ffffff; } /* Hover + Focus */ .uk-marker:hover, .uk-marker:focus { color: #ffffff; outline: none; } /* ======================================================================== Component: Alert ========================================================================== */ .uk-alert { position: relative; background: #ffffff; color: #333333; } /* Style modifiers ========================================================================== */ /* * Primary */ .uk-alert-primary { background: #ffffff; color: #138df2; } /* * Success */ .uk-alert-success { background: #ffffff; color: #32d296; } /* * Warning */ .uk-alert-warning { background: #ffffff; color: #faa05a; } /* * Danger */ .uk-alert-danger { background: #ffffff; color: #f0506e; } /* ======================================================================== Component: Badge ========================================================================== */ /* * 1. Style * 2. Center child vertically and horizontally */ .uk-badge { /* 1 */ background: #138df2; color: #ffffff; } /* * Required for `a` */ .uk-badge:hover, .uk-badge:focus { color: #ffffff; text-decoration: none; outline: none; } /* ======================================================================== Component: Label ========================================================================== */ .uk-label { background: #138df2; color: #ffffff; } /* Color modifiers ========================================================================== */ /* * Success */ .uk-label-success { background-color: #32d296; color: #ffffff; } /* * Warning */ .uk-label-warning { background-color: #faa05a; color: #ffffff; } /* * Danger */ .uk-label-danger { background-color: #f0506e; color: #ffffff; } /* ======================================================================== Component: Overlay ========================================================================== */ .uk-overlay { padding: 20px 20px; } /* * Remove margin from the last-child */ .uk-overlay > :last-child { margin-bottom: 0; } /* Title ========================================================================== */ /* Meta ========================================================================== */ .uk-article-meta { color: #999999; } .uk-article-meta a { color: #999999; } .uk-article-meta a:hover { color: #666; text-decoration: none; } /* Meta ========================================================================== */ .uk-comment-meta { color: #999999; } /* Style modifier ========================================================================== */ .uk-comment-primary { background-color: #f8f8f8; } .uk-search-input:focus { outline: none; } /* Placeholder */ .uk-search-input:-ms-input-placeholder { color: #999999 !important; } .uk-search-input::-moz-placeholder { color: #999999; } .uk-search-input::-webkit-input-placeholder { color: #999999; } /* Icon (Adopts `uk-icon`) ========================================================================== */ /* * Remove default focus style */ .uk-search-icon:focus { outline: none; } .uk-search .uk-search-icon { color: #999999; } /* * Required for `a`. */ .uk-search .uk-search-icon:hover { color: #999999; } /* Focus */ .uk-search-default .uk-search-input:focus { background-color: #ffffff; } /* Toggle ========================================================================== */ .uk-search-toggle { color: #999999; } /* Hover + Focus */ .uk-search-toggle:hover, .uk-search-toggle:focus { color: #666; } /* Parent icon modifier ========================================================================== */ .uk-nav-parent-icon > .uk-parent > a::after { content: ""; width: 1.5 em; height: 1.5 em; } /* * Items */ .uk-nav-default > li > a { color: #999999; } /* Hover + Focus */ .uk-nav-default > li > a:hover, .uk-nav-default > li > a:focus { color: #138df2; background-color: transparent; } /* Active */ .uk-nav-default > li.uk-active > a { background-color: transparent; } /* * Header */ /* * Sublists */ .uk-nav-default .uk-nav-sub a { color: #999999; } .uk-nav-default .uk-nav-sub a:hover, .uk-nav-default .uk-nav-sub a:focus { color: #666; } /* * Items */ .uk-nav-primary > li > a { line-height: 1.5; color: #999999; } /* Hover + Focus */ .uk-nav-primary > li > a:hover, .uk-nav-primary > li > a:focus { color: #138df2; } /* Active */ /* * Header */ /* * Sublists */ .uk-nav-primary .uk-nav-sub a { color: #999999; } .uk-nav-primary .uk-nav-sub a:hover, .uk-nav-primary .uk-nav-sub a:focus { color: #666; } /* * Nav items */ .uk-navbar-nav > li > a { color: #666; } .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft Yahei"; } /* * Hover * Apply hover style also to focus state and if dropdown is opened */ .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open { color: #138df2; outline: none; } .uk-navbar-nav > li > a:hover::before { background-color: currentColor; } /* OnClick */ .uk-navbar-nav > li.uk-active > a::before { background-color: #138df2; } /* Item ========================================================================== */ .uk-navbar-item { color: #666; } /* Toggle ========================================================================== */ .uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle.uk-open { color: #138df2; } /* Dropdown ========================================================================== */ /* * Adopts `uk-dropdown` * 1. Hide by default * 2. Set position * 3. Set a default width * 4. Style */ .uk-navbar-dropdown { background: #ffffff; color: #666; } /* * Items */ .uk-navbar-dropdown-nav > li > a { color: #999999; padding: 5px 0; } /* Hover + Focus */ .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li > a:focus { color: #138df2; background-color: transparent; } /* Active */ /* * Sublists */ .uk-navbar-dropdown-nav .uk-nav-sub a { color: #999999; } .uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: #666; } /* Dropbar ========================================================================== */ .uk-navbar-dropbar { position: relative; background: #ffffff; overflow: hidden; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * Using `:first-child` instead of `a` to support `span` elements for text * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-subnav > * > :first-child { color: #999999; } /* Hover + Focus */ .uk-subnav > * > a:hover, .uk-subnav > * > a:focus { color: #666; text-decoration: none; outline: none; } /* Active */ /* Pill modifier ========================================================================== */ .uk-subnav-pill > * > :first-child { color: #999999; } /* Hover + Focus */ .uk-subnav-pill > * > a:hover, .uk-subnav-pill > * > a:focus { background-color: #ffffff; color: #666; } /* OnClick */ .uk-subnav-pill > * > a:active { background-color: #ffffff; } /* Active */ .uk-subnav-pill > .uk-active > a { background-color: #138df2; color: #ffffff; } /* Disabled * The same for all style modifiers ========================================================================== */ .uk-subnav > .uk-disabled > a { color: #999999; } /* Items ========================================================================== */ .uk-breadcrumb > * > * { color: #999999; } /* Hover + Focus */ .uk-breadcrumb > * > :hover, .uk-breadcrumb > * > :focus { color: #666; text-decoration: none; } /* Disabled */ .uk-breadcrumb > .uk-disabled > * { color: #999999; } /* Active */ /* Items ========================================================================== */ /* * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-pagination > * > * { color: #999999; } /* Hover + Focus */ .uk-pagination > * > :hover, .uk-pagination > * > :focus { background-color: #ffffff; } /* Active */ .uk-pagination > .uk-active > * { color: #138df2; background-color: transparent; } /* Disabled */ .uk-pagination > .uk-disabled > * { color: #999999; background-color: transparent; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Center text if a width is set * 2. Style */ .uk-tab > * > a { color: #999999; } /* Hover + Focus */ .uk-tab > * > a:hover, .uk-tab > * > a:focus { color: #666; text-decoration: none; border-color: transparent; } /* Active */ .uk-tab > .uk-active > a { border-color: #138df2; } /* Disabled */ .uk-tab > .uk-disabled > a { color: #999999; } /* Items ========================================================================== */ /* Hover + Focus */ .uk-dotnav > * > :hover, .uk-dotnav > * > :focus { background-color: rgba(248, 108, 74, 0.4); outline: none; border-color: transparent; } /* OnClick */ .uk-dotnav > * > :active { background-color: #138df2; border-color: transparent; } /* Active */ .uk-dotnav > .uk-active > * { background-color: #138df2; border-color: transparent; } /* ======================================================================== Component: Dropdown ========================================================================== */ .uk-dropdown { background: #ffffff; color: #666; } /* * Items */ .uk-dropdown-nav > li > a { color: #999999; } /* Hover + Focus + Active */ .uk-dropdown-nav > li > a:hover, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li.uk-active > a { background-color: transparent; } /* * Header */ .uk-dropdown-nav .uk-nav-header { color: #138df2; } /* * Sublists */ .uk-dropdown-nav .uk-nav-sub a { color: #999999; } .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub a:focus { color: #138df2; } /* Dialog ========================================================================== */ /* * 1. Create position context for spinner and close button * 2. Dimensions * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests * 4. Style * 5. Slide-in transition */ .uk-modal-dialog { background: #ffffff; } /* * Open */ .uk-open > .uk-modal-dialog { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* Message ========================================================================== */ .uk-notification-message { background: #f8f8f8; color: #666; } /* Style modifiers ========================================================================== */ /* * Primary */ .uk-notification-message-primary { color: #138df2; } /* * Success */ .uk-notification-message-success { color: #32d296; } /* * Warning */ .uk-notification-message-warning { color: #faa05a; } /* * Danger */ .uk-notification-message-danger { color: #f0506e; } /* ======================================================================== Component: Tooltip ========================================================================== */ .uk-tooltip { /* 4 */ background: #138df2; color: #ffffff; } /* * Remove animated circles for indeterminate state in IE11 and Edge */ .uk-progress:indeterminate { color: transparent; } /* * Progress container * 2. Remove progress bar for indeterminate state in Firefox */ .uk-progress::-webkit-progress-bar { background-color: #f8f8f8; border-radius: 500px; overflow: hidden; } /* * Progress bar * 1. Remove right border in IE11 and Edge */ .uk-progress::-webkit-progress-value { background-color: #138df2; } .uk-progress::-moz-progress-bar { background-color: #138df2; } .uk-progress::-ms-fill { background-color: #138df2; } /* ======================================================================== Component: Text ========================================================================== */ /* Style modifiers ========================================================================== */ .uk-text-meta { color: #999999; } .uk-text-meta a { color: #999999; } .uk-text-meta a:hover { color: #666; text-decoration: none; } /* Size modifiers ========================================================================== */ .uk-text-small { font-size: 12px; line-height: 1.5; } .uk-text-large { font-size: 20px; line-height: 1.5; } /* Weight modifier ========================================================================== */ .uk-text-bold { font-weight: bolder; } /* Transform modifier ========================================================================== */ .uk-text-uppercase { text-transform: uppercase !important; } .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-lowercase { text-transform: lowercase !important; } /* Color modifiers ========================================================================== */ .uk-text-muted { color: #999999 !important; } .uk-text-primary { color: #138df2 !important; } .uk-text-success { color: #32d296 !important; } .uk-text-warning { color: #faa05a !important; } .uk-text-danger { color: #f0506e !important; } /* Background modifier */ .uk-text-background { color: #138df2 !important; } @supports (-webkit-background-clip: text) { .uk-text-background { background-color: #138df2; } } /* ======================================================================== Component: Background ========================================================================== */ /* Color ========================================================================== */ .uk-background-default { background-color: #ffffff; } .uk-background-muted { background-color: #f8f8f8; } .uk-background-primary { background-color: #138df2; } .uk-background-secondary { background-color: #222222; } /* ======================================================================== Component: Inverse ========================================================================== */ .uk-light a, .uk-light .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary.uk-card-body .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a, .uk-card-primary > :not([class*='uk-card-media']) .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link, .uk-overlay-primary a, .uk-overlay-primary .uk-link, .ap-toolbar a, .ap-toolbar .uk-link { color: #ffffff; } .uk-light a:hover, .uk-light .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary > :not([class*='uk-card-media']) a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .ap-toolbar a:hover, .ap-toolbar .uk-link:hover { color: #ffffff; } .uk-light em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em, .uk-card-primary.uk-card-body em, .uk-card-primary > :not([class*='uk-card-media']) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary > :not([class*='uk-card-media']) em, .uk-overlay-primary em, .ap-toolbar em { color: #ffffff; } .uk-light h1, .uk-light .uk-h1, .uk-light h2, .uk-light .uk-h2, .uk-light h3, .uk-light .uk-h3, .uk-light h4, .uk-light .uk-h4, .uk-light h5, .uk-light .uk-h5, .uk-light h6, .uk-light .uk-h6, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body h6, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary > :not([class*='uk-card-media']) h1, .uk-card-primary > :not([class*='uk-card-media']) .uk-h1, .uk-card-primary > :not([class*='uk-card-media']) h2, .uk-card-primary > :not([class*='uk-card-media']) .uk-h2, .uk-card-primary > :not([class*='uk-card-media']) h3, .uk-card-primary > :not([class*='uk-card-media']) .uk-h3, .uk-card-primary > :not([class*='uk-card-media']) h4, .uk-card-primary > :not([class*='uk-card-media']) .uk-h4, .uk-card-primary > :not([class*='uk-card-media']) h5, .uk-card-primary > :not([class*='uk-card-media']) .uk-h5, .uk-card-primary > :not([class*='uk-card-media']) h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-h6, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary > :not([class*='uk-card-media']) h1, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, .uk-card-secondary > :not([class*='uk-card-media']) h2, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, .uk-card-secondary > :not([class*='uk-card-media']) h3, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, .uk-card-secondary > :not([class*='uk-card-media']) h4, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, .uk-card-secondary > :not([class*='uk-card-media']) h5, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, .uk-card-secondary > :not([class*='uk-card-media']) h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, .uk-overlay-primary h1, .uk-overlay-primary .uk-h1, .uk-overlay-primary h2, .uk-overlay-primary .uk-h2, .uk-overlay-primary h3, .uk-overlay-primary .uk-h3, .uk-overlay-primary h4, .uk-overlay-primary .uk-h4, .uk-overlay-primary h5, .uk-overlay-primary .uk-h5, .uk-overlay-primary h6, .uk-overlay-primary .uk-h6, .ap-toolbar h1, .ap-toolbar .uk-h1, .ap-toolbar h2, .ap-toolbar .uk-h2, .ap-toolbar h3, .ap-toolbar .uk-h3, .ap-toolbar h4, .ap-toolbar .uk-h4, .ap-toolbar h5, .ap-toolbar .uk-h5, .ap-toolbar h6, .ap-toolbar .uk-h6 { color: #ffffff; } .uk-light blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote, .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*='uk-card-media']) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*='uk-card-media']) blockquote, .uk-overlay-primary blockquote, .ap-toolbar blockquote { color: #ffffff; } .uk-light .uk-heading-primary, .uk-section-primary:not(.uk-preserve-color) .uk-heading-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-primary, .uk-card-primary.uk-card-body .uk-heading-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-primary, .uk-card-secondary.uk-card-body .uk-heading-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-primary, .uk-overlay-primary .uk-heading-primary, .ap-toolbar .uk-heading-primary { color: #ffffff; } .uk-light .uk-heading-hero, .uk-section-primary:not(.uk-preserve-color) .uk-heading-hero, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-hero, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-hero, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-hero, .uk-card-primary.uk-card-body .uk-heading-hero, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-hero, .uk-card-secondary.uk-card-body .uk-heading-hero, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-hero, .uk-overlay-primary .uk-heading-hero, .ap-toolbar .uk-heading-hero { color: #ffffff; } .uk-light .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, .uk-overlay-primary .uk-icon-button, .ap-toolbar .uk-icon-button { background-color: #ffffff; background-image: none; } .uk-light .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .ap-toolbar .uk-radio:checked, .ap-toolbar .uk-checkbox:checked, .ap-toolbar .uk-checkbox:indeterminate { background-color: #ffffff; border-color: transparent; } .uk-light .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, .uk-overlay-primary .uk-form-label, .ap-toolbar .uk-form-label { color: #ffffff; } .uk-light .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, .uk-overlay-primary .uk-button-default, .ap-toolbar .uk-button-default { background-color: #ffffff; border-color: transparent; background-image: none; box-shadow: none; } .uk-light .uk-button-default:hover, .uk-light .uk-button-default:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary.uk-card-body .uk-button-default:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus, .uk-overlay-primary .uk-button-default:hover, .uk-overlay-primary .uk-button-default:focus, .ap-toolbar .uk-button-default:hover, .ap-toolbar .uk-button-default:focus { background-color: #ffffff; color: #138df2; border-color: transparent; box-shadow: none; } .uk-light .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .ap-toolbar .uk-button-default:active, .ap-toolbar .uk-button-default.uk-active { background-color: #138df2; color: #ffffff; border-color: transparent; } .uk-light .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, .uk-overlay-primary .uk-button-primary, .ap-toolbar .uk-button-primary { background-color: #138df2; color: #ffffff; border-color: transparent; background-image: none; box-shadow: none; } .uk-light .uk-button-primary:hover, .uk-light .uk-button-primary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-overlay-primary .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:focus, .ap-toolbar .uk-button-primary:hover, .ap-toolbar .uk-button-primary:focus { color: #ffffff; border-color: transparent; box-shadow: none; } .uk-light .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .ap-toolbar .uk-button-primary:active, .ap-toolbar .uk-button-primary.uk-active { color: #ffffff; border-color: transparent; } .uk-light .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .ap-toolbar .uk-button-secondary { background-color: transparent; border-color: #ffffff; background-image: none; box-shadow: none; } .uk-light .uk-button-secondary:hover, .uk-light .uk-button-secondary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary.uk-card-body .uk-button-secondary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus, .uk-overlay-primary .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:focus, .ap-toolbar .uk-button-secondary:hover, .ap-toolbar .uk-button-secondary:focus { background-color: transparent; color: #ffffff; box-shadow: none; } .uk-light .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .ap-toolbar .uk-button-secondary:active, .ap-toolbar .uk-button-secondary.uk-active { background-color: #ffffff; border-color: #ffffff; } .uk-light .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, .uk-overlay-primary .uk-button-text, .ap-toolbar .uk-button-text { color: #ffffff; } .uk-light .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, .uk-overlay-primary .uk-totop:active, .ap-toolbar .uk-totop:active { color: #ffffff; background-color: transparent; } .uk-light .uk-marker, .uk-section-primary:not(.uk-preserve-color) .uk-marker, .uk-section-secondary:not(.uk-preserve-color) .uk-marker, .uk-tile-primary:not(.uk-preserve-color) .uk-marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker, .uk-card-primary.uk-card-body .uk-marker, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker, .uk-card-secondary.uk-card-body .uk-marker, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, .uk-overlay-primary .uk-marker, .ap-toolbar .uk-marker { background: #f8f8f8; color: #666; } .uk-light .uk-marker:hover, .uk-light .uk-marker:focus, .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary.uk-card-body .uk-marker:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus, .uk-overlay-primary .uk-marker:hover, .uk-overlay-primary .uk-marker:focus, .ap-toolbar .uk-marker:hover, .ap-toolbar .uk-marker:focus { color: #666; } .uk-light .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge, .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary > :not([class*='uk-card-media']) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, .uk-overlay-primary .uk-badge, .ap-toolbar .uk-badge { background-color: #ffffff; } .uk-light .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label, .uk-card-primary.uk-card-body .uk-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-label, .uk-overlay-primary .uk-label, .ap-toolbar .uk-label { background-color: #ffffff; } .uk-light .uk-article-title, .uk-section-primary:not(.uk-preserve-color) .uk-article-title, .uk-section-secondary:not(.uk-preserve-color) .uk-article-title, .uk-tile-primary:not(.uk-preserve-color) .uk-article-title, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-title, .uk-card-primary.uk-card-body .uk-article-title, .uk-card-primary > :not([class*='uk-card-media']) .uk-article-title, .uk-card-secondary.uk-card-body .uk-article-title, .uk-card-secondary > :not([class*='uk-card-media']) .uk-article-title, .uk-overlay-primary .uk-article-title, .ap-toolbar .uk-article-title { color: #ffffff; } .uk-light .uk-nav-default > li > a:hover, .uk-light .uk-nav-default > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-overlay-primary .uk-nav-default > li > a:focus, .ap-toolbar .uk-nav-default > li > a:hover, .ap-toolbar .uk-nav-default > li > a:focus { color: rgba(197, 57, 15, 0.7); background-color: transparent; } .uk-light .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .ap-toolbar .uk-nav-default > li.uk-active > a { color: #ffffff; background-color: transparent; } .uk-light .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .ap-toolbar .uk-nav-default .uk-nav-header { color: #ffffff; } .uk-light .uk-nav-primary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-overlay-primary .uk-nav-primary > li.uk-active > a, .ap-toolbar .uk-nav-primary > li.uk-active > a { color: #ffffff; } .uk-light .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .ap-toolbar .uk-nav-primary .uk-nav-header { color: #ffffff; } .uk-light .uk-navbar-nav > li > a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a::before, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a::before, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a::before, .uk-overlay-primary .uk-navbar-nav > li > a::before, .ap-toolbar .uk-navbar-nav > li > a::before { background-color: transparent; } .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a:focus, .uk-light .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a:focus, .uk-overlay-primary .uk-navbar-nav > li > a.uk-open, .ap-toolbar .uk-navbar-nav > li:hover > a, .ap-toolbar .uk-navbar-nav > li > a:focus, .ap-toolbar .uk-navbar-nav > li > a.uk-open { color: #ffffff; } .uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .ap-toolbar .uk-navbar-nav > li.uk-active > a { color: #ffffff; } .uk-light .uk-navbar-nav > li.uk-active > a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a::before, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a::before, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a::before, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a::before, .ap-toolbar .uk-navbar-nav > li.uk-active > a::before { background-color: #138df2; } .uk-light .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .ap-toolbar .uk-navbar-toggle { color: #ffffff; } .uk-light .uk-subnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-overlay-primary .uk-subnav > .uk-active > a, .ap-toolbar .uk-subnav > .uk-active > a { color: #ffffff; } .uk-light .uk-subnav-pill > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-overlay-primary .uk-subnav-pill > .uk-active > a, .ap-toolbar .uk-subnav-pill > .uk-active > a { background-color: #ffffff; box-shadow: none; } .uk-light .uk-tab > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-card-primary.uk-card-body .uk-tab > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-overlay-primary .uk-tab > .uk-active > a, .ap-toolbar .uk-tab > .uk-active > a { color: #ffffff; border-color: #ffffff; } .uk-light .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .ap-toolbar .uk-dotnav > .uk-active > * { background-color: #ffffff; border-color: transparent; } .uk-light .uk-countdown-number, .uk-light .uk-countdown-separator, .uk-section-primary:not(.uk-preserve-color) .uk-countdown-number, .uk-section-primary:not(.uk-preserve-color) .uk-countdown-separator, .uk-section-secondary:not(.uk-preserve-color) .uk-countdown-number, .uk-section-secondary:not(.uk-preserve-color) .uk-countdown-separator, .uk-tile-primary:not(.uk-preserve-color) .uk-countdown-number, .uk-tile-primary:not(.uk-preserve-color) .uk-countdown-separator, .uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-number, .uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-separator, .uk-card-primary.uk-card-body .uk-countdown-number, .uk-card-primary.uk-card-body .uk-countdown-separator, .uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-number, .uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-separator, .uk-card-secondary.uk-card-body .uk-countdown-number, .uk-card-secondary.uk-card-body .uk-countdown-separator, .uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-number, .uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-separator, .uk-overlay-primary .uk-countdown-number, .uk-overlay-primary .uk-countdown-separator, .ap-toolbar .uk-countdown-number, .ap-toolbar .uk-countdown-separator { color: #ffffff; } .uk-light .uk-countdown-label, .uk-section-primary:not(.uk-preserve-color) .uk-countdown-label, .uk-section-secondary:not(.uk-preserve-color) .uk-countdown-label, .uk-tile-primary:not(.uk-preserve-color) .uk-countdown-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-countdown-label, .uk-card-primary.uk-card-body .uk-countdown-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-countdown-label, .uk-card-secondary.uk-card-body .uk-countdown-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-countdown-label, .uk-overlay-primary .uk-countdown-label, .ap-toolbar .uk-countdown-label { color: #ffffff; } .uk-light .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, .uk-overlay-primary .uk-text-lead, .ap-toolbar .uk-text-lead { color: #ffffff; } /* Header ========================================================================== */ /* * Header */ /* * Headerbars */ .ap-headerbar-top { padding-top: 40px; padding-bottom: 40px; background: #ffffff; } .ap-headerbar-bottom { padding-top: 40px; padding-bottom: 40px; background: #ffffff; } .ap-header .uk-navbar-nav .menu-item a { position: relative; } .ap-header .uk-navbar-nav .menu-item a:hover, .ap-header .uk-navbar-nav .uk-active a { font-weight: bolder; } .ap-header .uk-navbar-nav .menu-item a:hover::before, .ap-header .uk-navbar-nav .uk-active a::before { right: 15px; display: block; } .ap-header-transparent { position: absolute; z-index: 980; left: 0; right: 0; } .ap-header-transparent .uk-navbar-nav .menu-item a { position: relative; color: #fff; } .ap-header-transparent .uk-navbar-nav .menu-item a:hover::before, .ap-header-transparent .uk-navbar-nav .uk-active a::before { background-color: #fff; } .uk-navbar-transparent { position: absolute; left: 0; right: 0; top: 0; height: 80px; z-index: 100; transition: background-color 0.3s ease-in; } .uk-navbar-transparent.uk-sticky-below { z-index: 1000; } .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li.uk-active > a, .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a:hover { color: #292929; } .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a { color: #4f5260; } .uk-section-secondary .uk-navbar-transparent.uk-sticky-below, .uk-section-secondary .uk-navbar-container:not(.uk-navbar-transparent) { background: rgba(34, 34, 34, 0.94); } .uk-section-secondary .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a, .uk-section-secondary .uk-navbar-transparent.uk-sticky-below .uk-navbar-nav > li > a:hover { color: #fff; } .uk-section-primary .uk-navbar-container.uk-navbar-sticky { background-color: #138df2; } .uk-section-muted .uk-navbar-container.uk-navbar-sticky { background-color: #f8f8f8; } .uk-section-primary .uk-navbar-container.uk-navbar-sticky { background-color: #138df2; } .uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; } .uk-navbar-sticky { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07); } .uk-navbar-nav > li > a::before { content: ''; display: none; position: absolute; bottom: 24px; height: 1px; background-color: #00a0de; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-transition-property: background-color, border-color, box-shadow, height, right; transition-property: background-color, border-color, box-shadow, height, right; left: 15px; right: calc(77%); } .category .uk-pagination li.uk-active, .ap-pagination li.uk-active, .dynamic-pagination li.uk-active, .category .uk-pagination li.active, .ap-pagination li.active, .dynamic-pagination li.active { background-color: #138df2; border-color: #138df2; } .category .uk-pagination li:hover, .ap-pagination li:hover, .dynamic-pagination li:hover { border-color: #138df2; } /* ======================================================================== Component: Padding ========================================================================== */ /* mobile */ @media (max-width: 640px) { .uk-padding { padding: 14px; } .uk-padding-small { padding: 12px 15px 8px; } * + .uk-margin-medium { margin-top: 12px !important; } .uk-margin-medium { margin-bottom: 16px; } .uk-button { padding: 0 12px; line-height: 30px; } .uk-card-default .uk-card-title, .uk-card-title { font-size: 1rem; } .uk-card-body { padding: 10px; } .uk-heading-primary, .uk-heading-hero, .uk-h1, h1 { font-size: 1.75rem; } .uk-h2, h2 { font-size: 1.25rem; } .uk-h3, h3 { font-size: 1.125rem; } .uk-h4, h4 { font-size: .875rem; } .uk-h5, h5, .uk-h6, h6 { font-size: .75rem; } .uk-margin { margin-bottom: 14px; } * + .uk-margin { margin-top: 14px!important; } .uk-grid { margin-left: -6px; } .uk-grid > * { padding-left: 6px; } * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 12px; } .uk-grid + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin { margin-top: 0; } .uk-grid-collapse > * { padding-left: 0; } .uk-grid-collapse { margin-left: 0; } .uk-card-small .uk-card-body, .uk-card-small.uk-card-body { padding: 6px; } .uk-section { padding-top: 16px; padding-bottom: 16px; } .uk-section-xsmall { padding-top: 6px; padding-bottom: 6px; } .uk-section-small { padding-top: 12px; padding-bottom: 12px; } .uk-margin-large-top { margin-top: 26px !important; } .uk-margin-large { margin-bottom: 26px; } .ap-pagination li, .dynamic-pagination li { height: 24px; } .dynamic-pagination li a { padding: 0 2px; line-height: 24px; min-width: 24px; font-size: 12px; } } .preview .uk-section-secondary .uk-button-primary:hover { background-color: #0b72c7; } .ap-list-filter dd a.active { background-color: #138df2; color: #fff; border-radius: 2px; } .ap-filter-dropdown .filter-item-wrap.open, .ap-filter-dropdown .filter-item.active { color: #138df2; } .category li a.active { color: #138df2; } .uk-lightbox-items > * > video { width: 80%; } /* 鍏煎uk-heading-primary */ @media (min-width: 1200px) { .uk-heading-primary { font-size: 3.75rem; line-height: 1.1; } } .uk-list ul { padding-left: 10px; } .onepage-pagination li a.active:before { background: #138df2; } .fr-text-bordered { padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .fr-text-uppercase { text-transform: uppercase; } .param-field .param-tag { color: #138df2; border: 1px solid rgba(19, 141, 242, 0.2); } form .step .step-bg-progress, form .add-file .file-btn, form .step-btns a, form .step .ui-step.active .ui-step-num { background: #138df2; } form .step .ui-step.active .ui-step-title { color: #138df2; } #a11c3aa6e8a42bc .ap-content-container { height: 100%; min-height: 40px; } #ac68da0cc9a7803 .sidebar { width: 300px; margin-left: 20px; } #ac68da0cc9a7803 .sidebar.left { margin-left: 0; margin-right: 20px; } @media (max-width: 640px) { #ac68da0cc9a7803 .sidebar { width: 100%; margin: 0 0 15px; } } #ac68da0cc9a7803 .data-list .uk-card { cursor: pointer !important; } #ac68da0cc9a7803 .data-list .uk-card img { max-height: 300px; } #ac68da0cc9a7803 .data-list .uk-card:hover { background: #fafafa; } #ac68da0cc9a7803 .data-list .uk-card:hover .uk-h4 { color: #138df2; } #ac68da0cc9a7803 .data-list .uk-card .uk-card-media-left img { transition: all .3s ease; } #ac68da0cc9a7803 .data-list .uk-card .uk-card-media-left:hover img { transform: scale(1.05); } #ac68da0cc9a7803 .data-list .uk-card-media-left { border-radius: 4px; overflow: hidden; } #ac68da0cc9a7803 .search-form { position: relative; overflow: hidden; background: #fff; display: block; } #ac68da0cc9a7803 .search-form input.search-input { width: 100%; height: 34px; padding: 5px 52px 5px 10px; font-size: 14px; color: #333; border: 1px solid #efefef; } #ac68da0cc9a7803 .search-form .submit { position: absolute; right: 0; top: 0; z-index: 9; width: 42px; height: 34px; padding: 0; font-family: FontAwesome; content: '\f13d'; font-size: 16px; line-height: 34px; text-align: center; color: #fff; background-color: #138df2; cursor: pointer; } #ac68da0cc9a7803 .uk-card .category { position: absolute; left: 10px; top: 10px; padding: 5px 6px; font-size: 12px; line-height: 1; color: #fff; background-color: #000; filter: alpha(opacity=60); background: rgba(0, 0, 0, 0.6); border-radius: 2px; transition: all .3s ease; } #ac68da0cc9a7803 .uk-card .category:hover { background: #138df2; } #ac68da0cc9a7803 .accordion-menu { width: 100%; } #ac68da0cc9a7803 .accordion-menu ul ul.submenu, #ac68da0cc9a7803 .accordion-menu ul ul.submenu li ul.submenu { background: transparent; } #ac68da0cc9a7803 .accordion-menu-header { padding: 10px 10px 0; border-bottom: 1px solid #ececec; } #ac68da0cc9a7803 .accordion-menu ul li a { margin-bottom: 1px; color: #555; display: block; width: 100%; padding: 0 40px; line-height: 40px; background: #ececec; text-decoration: none; white-space: nowrap; position: relative; overflow: hidden; transition: color .2s linear,background .2s linear; font-size: 13px; border: none; } #ac68da0cc9a7803 .accordion-menu > ul > li > a { background: #fff; font-size: 14px; border-bottom: 1px solid #ececec; } #ac68da0cc9a7803 .accordion-menu .menu-item.active > a { background: #138df2; color: #fff; } #ac68da0cc9a7803 .accordion-menu li a:hover { background-color: #138df2; color: #fff; border: none; } #ac68da0cc9a7803 .accordion-menu .submenu-indicator { cursor: pointer; position: absolute; font-size: 20px; line-height: 40px; padding: 0 20px; right: 0; } #ac68da0cc9a7803 .phone { display: block; font-size: 24px; font-weight: bold; } #ac68da0cc9a7803 .hot-list, #ac68da0cc9a7803 .new-list { padding: 12px; } #ac68da0cc9a7803 .new-list a:hover, #ac68da0cc9a7803 .hot-list a:hover { color: #138df2; } #ac68da0cc9a7803 .hot-item .thumb { display: inline-block; width: 100px; overflow: hidden; margin-right: 10px; border-radius: 2px; flex-shrink: 0; } #ac68da0cc9a7803 .hot-item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.3s ease-out 0s; } #ac68da0cc9a7803 .hot-item:hover a { color: #138df2; } #ac68da0cc9a7803 .panel-title { position: relative; padding-left: 10px; margin: 0 0 16px; font-size: 16px; font-weight: 600; line-height: 1; } #ac68da0cc9a7803 .panel-title::before { position: absolute; left: 0; top: 0; width: 3px; height: 16px; border-radius: 3px; background: #138df2; content: ""; } #ac68da0cc9a7803 .content-header { padding-bottom: 10px; } #ac68da0cc9a7803 .item-title { color: #333; } #ac68da0cc9a7803 input::placeholder { color: #999; } #ac68da0cc9a7803 .datetime { color: #999; } #ac68da0cc9a7803 .new-item a { padding-left: 25px; } #ac68da0cc9a7803 .new-item span { background-color: #f0f0f0; display: inline-block; font-size: 13px; width: 18px; height: 18px; line-height: 18px; color: #999; text-align: center; position: absolute; left: 0; top: 3px; } #a297ea3f11aae6b .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #ac68da0cc9a7803 [data-item*=".abstract"], #ac68da0cc9a7803 [data-item*=".abstract"] a {show: true;}#ac68da0cc9a7803 [data-item*=".subTitle"], #ac68da0cc9a7803 [data-item*=".subTitle"] a {show: true;}#ac68da0cc9a7803 [data-item*=".category"], #ac68da0cc9a7803 [data-item*=".category"] a {show: true;}#a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a11c3aa6e8a42bc .ap-content-container { height: 100%; min-height: 40px; } #a584dafaf2a9987 .sidebar { width: 300px; margin-left: 20px; } #a584dafaf2a9987 .sidebar.left { margin-left: 0; margin-right: 20px; } @media (max-width: 640px) { #a584dafaf2a9987 .sidebar { width: 100%; margin: 0 0 15px; } #a584dafaf2a9987 .uk-container { padding: 0; } #a584dafaf2a9987 .sidebar { padding: 10px; } } #a584dafaf2a9987 .search-form { position: relative; overflow: hidden; background: #fff; display: block; } #a584dafaf2a9987 .search-form .search-input { width: 100%; height: 34px; padding: 5px 52px 5px 10px; font-size: 14px; color: #333; border: 1px solid #efefef; } #a584dafaf2a9987 .search-form .submit { position: absolute; right: 0; top: 0; z-index: 9; width: 42px; height: 34px; padding: 0; font-family: FontAwesome; content: '\f13d'; font-size: 16px; line-height: 34px; text-align: center; color: #fff; background-color: #138df2; cursor: pointer; } #a584dafaf2a9987 .content-tags a { display: inline-block; margin: 0 10px 5px 0; padding: 5px 15px; font-size: 14px; line-height: 1.2; color: #666; border: 1px solid #999; border-radius: 3px; transition: all .3s ease; } #a584dafaf2a9987 .content-tags a:hover { background: #138df2; color: #fff; border-color: #138df2; } #a584dafaf2a9987 .abstract, #a584dafaf2a9987 .copyright { margin: 15px 0; font-size: 14px; line-height: 1.6; color: #999; border: 1px solid #efefef; background: #fbfbfb; border-radius: 3px; } #a584dafaf2a9987 .copyright a { color: #999; word-break: break-all; } #a584dafaf2a9987 .detail-content { font-size: 16px; color: #444; } #a584dafaf2a9987 .detail-content img { margin-bottom: 10px; } #a584dafaf2a9987 .detail-content table { font-size: 13px; } #a584dafaf2a9987 .phone { display: block; font-size: 24px; font-weight: bold; } #a584dafaf2a9987 .hot-list, #a584dafaf2a9987 .new-list { padding: 12px; } #a584dafaf2a9987 .new-list a:hover, #a584dafaf2a9987 .hot-list a:hover { color: #138df2; } #a584dafaf2a9987 .hot-item .thumb { display: inline-block; width: 100px; overflow: hidden; margin-right: 10px; border-radius: 2px; flex-shrink: 0; } #a584dafaf2a9987 .hot-item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.3s ease-out 0s; } #a584dafaf2a9987 .hot-item:hover a { color: #138df2; } #a584dafaf2a9987 .panel-title { position: relative; padding-left: 10px; margin: 0 0 16px; font-size: 16px; font-weight: 600; line-height: 1; } #a584dafaf2a9987 .panel-title::before { position: absolute; left: 0; top: 0; width: 3px; height: 16px; border-radius: 3px; background: #138df2; content: ""; } #a584dafaf2a9987 .content-header { padding-bottom: 10px; } #a584dafaf2a9987 .item-title { color: #333; } #a584dafaf2a9987 input::placeholder { color: #999; } #a584dafaf2a9987 .datetime { color: #999; } #a584dafaf2a9987 .new-item a { padding-left: 25px; } #a584dafaf2a9987 .new-item span { background-color: #f0f0f0; display: inline-block; font-size: 13px; width: 18px; height: 18px; line-height: 18px; color: #999; text-align: center; position: absolute; left: 0; top: 3px; } #a584dafaf2a9987 .siblings a { color: #444; line-height: 2; } #a584dafaf2a9987 .siblings a:hover { color: #138df2; } #a725bacff1af509 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a11c3aa6e8a42bc .ap-content-container { height: 100%; min-height: 40px; } #a873dac707ad26a .sidebar { width: 320px; } @media (max-width: 640px) { #a873dac707ad26a .sidebar { width: 100%; } } #a873dac707ad26a .menu-header { padding: 20px 0 20px 20px; line-height: 1; margin-bottom: 2px; border-radius: 6px 6px 0 0; overflow: hidden; } #a873dac707ad26a .menu-header .fa { font-size: 26px; color: #fff; position: absolute; right: 30px; top: 24px; } #a873dac707ad26a .menu-header h4 { font-weight: 500; line-height: 1; font-size: 24px; color: #fff; } #a873dac707ad26a .menu-header span { font-size: 12px; color: #fff; text-transform: uppercase; } #a873dac707ad26a .menu-list { border: 1px solid #eaeaea; } #a873dac707ad26a .menu-item a { color: #666; display: block; padding: 0 20px; line-height: 50px; text-decoration: none; white-space: nowrap; overflow: hidden; transition: color .2s linear,background .2s linear; font-size: 14px; border-bottom: 1px solid #ECECEC; position: relative; } #a873dac707ad26a .submenu .menu-item.active > a { color: #138df2; } #a873dac707ad26a .submenu .menu-item a .indicator { position: absolute; right: 20px; top: 18px; width: 16px; height: 16px; background-size: contain; font-size: 14px; border-radius: 50%; border: 1px solid #999; text-align: center; color: #999; line-height: 14px; } #a873dac707ad26a .submenu .menu-item.active > a .indicator, #a873dac707ad26a .submenu .menu-item a:hover .indicator { color: #138df2; border-color: #138df2; } #a873dac707ad26a .submenu .menu-item a:hover { color: #138df2; } #a873dac707ad26a .submenu li { padding-left: 8px; } #a873dac707ad26a .menu-level-1 > a { color: #fff; position: relative; line-height: 62px; font-size: 20px; font-weight: bold; background: rgba(19, 141, 242, 0.7); } #a873dac707ad26a .menu-level-1.active > a { background: #138df2; } #a873dac707ad26a .menu-level-1 > a .indicator { position: absolute; right: 20px; top: 18px; width: 25px; height: 25px; background: url(/resources/sys/img/icons/menu_icon_2.png) center center no-repeat; } #a873dac707ad26a .contact-phone { padding: 15px 0 15px 70px; color: #333; } #a873dac707ad26a .contact-icon { position: absolute; left: 20px; top: 20px; width: 40px; height: 40px; font-size: 20px; color: #fff; border-radius: 50%; text-align: center; line-height: 40px; } #a873dac707ad26a .contact-info { border-top: 1px solid #ECECEC; } #a873dac707ad26a .contact-info p { margin: 0; } #a873dac707ad26a .phone { font-size: 24px; font-family: arial; line-height: 1; } #a873dac707ad26a .hot-list { padding: 15px; } #a873dac707ad26a .hot-list a { color: #777; } #a873dac707ad26a .hot-list a:hover { color: #138df2; } #a873dac707ad26a .hot-item .thumb { display: block; overflow: hidden; } #a873dac707ad26a .hot-item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.3s ease-out 0s; } #a873dac707ad26a .hot-item:hover a { color: #138df2; } #a873dac707ad26a .hot-title { position: relative; padding-left: 10px; margin: 0 0 12px; font-size: 16px; font-weight: 600; line-height: 1; } #a873dac707ad26a .hot-title::before { position: absolute; left: 0; top: 0; width: 3px; height: 16px; border-radius: 3px; background: #138df2; content: ""; } #a873dac707ad26a .content-header { padding-bottom: 10px; } #a873dac707ad26a .uk-button-group .uk-button { padding: 0 15px; height: 30px; line-height: 30px; font-size: 12px; } #a873dac707ad26a .uk-button-group .uk-button:first-child { border-radius: 15px 0 0 15px; } #a873dac707ad26a .uk-button-group .uk-button:last-child { border-radius: 0 15px 15px 0; } @media (max-width: 640px) { #a873dac707ad26a .uk-padding-small { padding: 0; } } #aa6e0a6000ab6d8 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a873dac707ad26a [data-item*=".abstract"], #a873dac707ad26a [data-item*=".abstract"] a {show: true;}#a873dac707ad26a [data-item*=".subTitle"], #a873dac707ad26a [data-item*=".subTitle"] a {show: true;}#a873dac707ad26a [data-item*=".category"], #a873dac707ad26a [data-item*=".category"] a {show: true;}#a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a11c3aa6e8a42bc .ap-content-container { height: 100%; min-height: 40px; } #aeabea8a27a846d .detail-content .goods-params div { margin: 4px 0; } #aeabea8a27a846d .video-box, #aeabea8a27a846d .preview-box { margin-bottom: 20px; border: 1px solid #eee; } #aeabea8a27a846d .video-box video { object-fit: contain; position: absolute; left: 0; top: 0; z-index: 10; } #aeabea8a27a846d .goods-slider { width: 430px; max-width: 100%; } #aeabea8a27a846d .preview-box img { width: 100%; } #aeabea8a27a846d .preview-box .zoom-hover { display: none; position: absolute; left: 0; top: 0; width: 180px; height: 180px; border: 1px solid #aaa; background: #0099ff; background-color: rgba(133, 111, 41, 0.3); opacity: .5; cursor: move; } #aeabea8a27a846d .zoom-indicator { background-color: #fff; opacity: .3; position: absolute; right: 0; bottom: 0; } #aeabea8a27a846d .zoom-indicator i { width: 30px; height: 30px; line-height: 30px; text-align: center; } #aeabea8a27a846d .thumb-box { width: 100%; position: relative; } #aeabea8a27a846d .thumb-box .btn { width: 22px; height: 32px; } #aeabea8a27a846d .thumb-box .btn-next { background: url(/resources/sys/img/section/btn_next.png) no-repeat center center; } #aeabea8a27a846d .thumb-box .btn-prev { background: url(/resources/sys/img/section/btn_prev.png) no-repeat center center; } #aeabea8a27a846d .thumb-list { overflow: hidden; } #aeabea8a27a846d .thumb-list ul { width: 100000px; } #aeabea8a27a846d .thumb-list ul li { list-style: none; float: left; margin: 0 4px; cursor: pointer; position: relative; } #aeabea8a27a846d .thumb-list ul li img { width: 68px; height: 68px; border: 2px solid #fff; } #aeabea8a27a846d .thumb-list ul li.thumb-video::after { content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background: url(/resources/sys/img/play-light.svg) center center no-repeat; background-size: 30px; position: absolute; opacity: .8; transition: all .2s ease; } #aeabea8a27a846d .thumb-list ul li.thumb-video:hover::after { opacity: 1; background-size: 35px; } #aeabea8a27a846d .thumb-list ul li.active img { border-color: #138df2; } #aeabea8a27a846d .zoom-box { display: none; overflow: hidden; position: absolute; left: 440px; top: 0; width: 500px; height: 500px; border: 1px solid #e4e4e4; z-index: 400; background: #fff; } #aeabea8a27a846d .zoom-box img { max-width: initial; } #aeabea8a27a846d .goods-intro .title { font-size: 20px; font-weight: 700; color: #333; margin-bottom: 4px; } #aeabea8a27a846d .goods-intro .desc { font-size: 14px; line-height: 20px; color: #999; } #aeabea8a27a846d .goods-intro .price { margin-top: 20px; background-color: #f5f3ef; border-top: 1px dotted #dedede; border-bottom: 1px dotted #dedede; padding: 16px 10px 13px; line-height: 24px; font-size: 13px; position: relative; } #aeabea8a27a846d .goods-intro .price span { line-height: 30px; } #aeabea8a27a846d .goods-intro .price .label { min-width: 55px; font-size: 13px; float: left; color: #666; } #aeabea8a27a846d .price .present-price { display: inline-block; font-weight: 700; margin-right: 1px; height: 30px; font-size: 28px; line-height: 30px; margin-left: 2px; color: #138df2; font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", verdana; } #aeabea8a27a846d .price .present-price .rmb { margin-left: 0; line-height: 30px; color: #138df2; font-size: 18px; } #aeabea8a27a846d .price .origin-price { display: inline-block; font-size: 13px; color: #999; line-height: 24px; } #aeabea8a27a846d .line-through { text-decoration: line-through; } #aeabea8a27a846d .price hr { margin: 10px 20px 10px 0; overflow: hidden; border: none; height: 1px; border-bottom: 1px dashed #d2d2d2; } #aeabea8a27a846d .price .policy-info { margin-left: 65px; padding-top: 2px; line-height: 20px; color: #666; display: block; } #aeabea8a27a846d .price .policy-info li { display: inline-block; position: relative; margin-right: 30px; line-height: 24px; } #aeabea8a27a846d .price .policy-info li::before { content: '锝 '; position: absolute; left: -10px; top: 0; } #aeabea8a27a846d .number { margin-top: 20px; margin-left: 10px; } #aeabea8a27a846d .number .name { line-height: 30px; width: 54px; } #aeabea8a27a846d .number .select-num { display: inline-block; border: 1px solid #ddd; overflow: hidden; line-height: 30px; } #aeabea8a27a846d .select-num .btn { position: relative; width: 36px; height: 30px; line-height: 28px; background: #fff; text-align: center; color: #888; cursor: pointer; } #aeabea8a27a846d .select-num .btn.disable { cursor: not-allowed; color: #ececec; } #aeabea8a27a846d .select-num i { line-height: 30px; } #aeabea8a27a846d .select-num .less { float: left; border-right: 1px solid #ddd; } #aeabea8a27a846d .select-num .more { float: right; border-left: 1px solid #ddd; } #aeabea8a27a846d .select-num input { border: none; text-align: center; font-size: 12px; color: #333; width: 60px; height: 28px; } #aeabea8a27a846d .buttons { margin: 30px 0 0 12px; } #aeabea8a27a846d .buttons .button { display: inline-block; margin-right: 8px; width: 168px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background-color: #138df2; text-align: center; border-radius: 2px; } #aeabea8a27a846d .promote-goods { margin-top: 40px; border: 1px solid #e8e8e8; } #aeabea8a27a846d .promote-goods .price { color: #d62525; line-height: 22px; } #aeabea8a27a846d .promote-goods .promote-title { height: 44px; line-height: 44px; padding-left: 15px; font-size: 17px; position: relative; background-color: #f5f5f5; } #aeabea8a27a846d .promote-goods .uk-slider { padding: 10px 50px; } #aeabea8a27a846d .hot-list .img-wrap { display: block; } #aeabea8a27a846d .right { width: 298px; border: 1px solid #e8e8e8; } #aeabea8a27a846d .right .title { line-height: 40px; background-color: #f5f5f5; font-size: 16px; text-align: center; font-weight: 500; border-bottom: 1px solid #e8e8e8; } #aeabea8a27a846d .left .nav-wrap { background-color: #f5f5f5; border: 1px solid #e8e8e8; height: 44px; } #aeabea8a27a846d .left .detail-nav-tab .item { min-width: 120px; height: 44px; line-height: 44px; font-size: 14px; border-right: 1px solid #e8e8e8; padding: 0 30px; text-align: center; float: left; } #aeabea8a27a846d .left .detail-nav-tab .item a { color: #555; font-weight: 500; display: block; } #aeabea8a27a846d .left .detail-nav-tab .item.uk-active, #aeabea8a27a846d .left .detail-nav-tab .item:hover { background: #fff; border-top: 3px solid #138df2; background-color: #fff; border-bottom: 1px solid #fff; line-height: 40px; } #aeabea8a27a846d .left .detail-nav-tab .item.uk-active a { color: #138df2; cursor: default; } #aeabea8a27a846d .hot-list .item { margin: 24px 24px 0; border-bottom: 1px solid #e8e8e8; } #aeabea8a27a846d .hot-list .item:last-child { border-bottom: none; } #aeabea8a27a846d .hot-list .item .goods-title { display: inline-block; font-size: 14px; line-height: 1; max-width: 156px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; margin: 8px auto 6px; } #aeabea8a27a846d .hot-list .item .goods-title:hover { color: #138df2; } #aeabea8a27a846d .hot-list .item .price { font-size: 14px; line-height: 1; color: #138df2; text-align: center; font-weight: bolder; font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", verdana; } #aeabea8a27a846d .hot-list .item .origin-price { text-decoration: line-through; color: #666; } #aeabea8a27a846d .hot-list .item .goods-info { padding: 0 5px 18px; } #aeabea8a27a846d .goods-params span { display: inline-block; width: 100px; color: #999; } @media (max-width: 640px) { #aeabea8a27a846d .right { width: 100%; } #aeabea8a27a846d .preview-box img { height: 340px; } #aeabea8a27a846d .goods-intro .buttons { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding: 0; z-index: 900; margin: 0; display: flex; justify-content: space-between; border-top: 1px solid #e8e8e8; } #aeabea8a27a846d .goods-intro .buttons .button { margin: 0; width: 50%; font-size: 14px; border-radius: 0; } #aeabea8a27a846d .goods-intro .buttons .button-buy { border: 0; background: #fff; } } #a4e96a5091a6062 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a5f2daffd7a9ac2 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a5de7aeb41a66d9 > .ele-wrap {background-color: rgba(250, 250, 250, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#aba88ab6e3a4e1e form { width: 100%; height: 100%; } #aba88ab6e3a4e1e .search-box { text-align: center; margin-right: -10px; font-size: 14px; height: 100%; } #aba88ab6e3a4e1e .search-box .select-text { line-height: 1; cursor: pointer; padding: 0 10px; white-space: nowrap; padding-left: 18px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #aba88ab6e3a4e1e .search-box .search-type { padding: 0; margin: 0; position: absolute; left: 0; top: 40px; display: none; z-index: 999999; } #aba88ab6e3a4e1e .search-box .search-type.show { display: block; } #aba88ab6e3a4e1e .search-box .search-type li { text-align: center; line-height: 40px; background: #ffffff; cursor: pointer; padding: 0 18px; } #aba88ab6e3a4e1e .search-box .search-type li:hover { color: #138df2; } #aba88ab6e3a4e1e .search-box .search-type li.active { color: #138df2; } #aba88ab6e3a4e1e .inner-form { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #ffffff; overflow: hidden; } #aba88ab6e3a4e1e .inner-form .input-field { height: 100%; } #aba88ab6e3a4e1e .inner-form .input-field input { height: 100%; background: transparent; border: 0; display: block; width: 100%; padding: 10px 0; font-weight: normal; font-style: normal; text-decoration: none; font-size: 14px; font-family: inherit; color: #9b9b9b; } #aba88ab6e3a4e1e .inner-form .input-field input.placeholder { font-size: 14px; color: #c1c1c1; } #aba88ab6e3a4e1e .inner-form .input-field input:-moz-placeholder { font-size: 14px; color: #c1c1c1; } #aba88ab6e3a4e1e .inner-form .input-field input::-webkit-input-placeholder { font-size: 14px; color: #c1c1c1; } #aba88ab6e3a4e1e .inner-form .input-field input:focus { box-shadow: none; outline: 0; } #aba88ab6e3a4e1e .inner-form .input-field.first-wrap { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #ffffff; position: relative; } #aba88ab6e3a4e1e .inner-form .input-field.first-wrap input { -ms-flex-positive: 1; flex-grow: 1; } #aba88ab6e3a4e1e .inner-form .input-field.first-wrap svg { width: 20px; height: 20px; display: inline-block; fill: #9b9b9b; margin: 0 15px; } #aba88ab6e3a4e1e .inner-form .input-field.second-wrap { min-width: 100px; } #aba88ab6e3a4e1e .btn-search { height: 100%; width: 100%; white-space: nowrap; font-size: 16px; border: 0; cursor: pointer; position: relative; z-index: 0; background: #138df2; color: #ffffff; transition: all 0.2s ease-out, color 0.2s ease-out; font-weight: 300; border-top-right-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; } #aba88ab6e3a4e1e .btn-search:hover { background: #138df2; } #aba88ab6e3a4e1e .btn-search:focus { outline: 0; box-shadow: none; } #a0807a8c38aa2a9 > .ele-wrap {background-color: rgba(19, 141, 242, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a2103a32ceab35c .ele-wrap {color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(19, 141, 242, 1);border-radius: 0px;justify-content: center;border-style: solid;}#a2103a32ceab35c .ele-wrap:hover {background-color: #0483cc;color: #138df2;}#a3ad7aab92a9dfb .ap-category-filter ul li.active { border-color: #138df2; color: #138df2; } #a3ad7aab92a9dfb .grid-list .product-item { overflow: hidden; } #a3ad7aab92a9dfb .grid-list .product-preview .img { display: block; } #a3ad7aab92a9dfb .grid-list .tags { position: absolute; left: 8px; top: 8px; } #a3ad7aab92a9dfb .grid-list .tags .tag { font-size: 12px; line-height: 1; color: #ffffff; font-weight: 500; padding: 3px 4px 1px; border-radius: 2px; background-color: #F8353E; margin-right: 4px; float: left; } #a3ad7aab92a9dfb .grid-list .product-info { min-height: 110px; } #a3ad7aab92a9dfb .grid-list .product-info-inner { padding: 16px 10px; transition: margin 0.3s ease 0s; position: absolute; width: 100%; background: #fff; } #a3ad7aab92a9dfb .grid-list .product-item:hover .product-info-inner { margin-top: -49px; } #a3ad7aab92a9dfb .grid-list .product-item:hover .product-buttons { opacity: 1; } #a3ad7aab92a9dfb .grid-list .category-name { font-size: 12px; } #a3ad7aab92a9dfb .grid-list .category-name a { color: #777; } #a3ad7aab92a9dfb .grid-list .title, #a3ad7aab92a9dfb .grid-list .subTitle { font-weight: 500; font-size: 14px; color: #191919; line-height: 1.5; } #a3ad7aab92a9dfb .grid-list .title a, #a3ad7aab92a9dfb .grid-list .subTitle a { color: #191919; } #a3ad7aab92a9dfb .grid-list .product-buttons { margin-top: 10px; position: absolute; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #a3ad7aab92a9dfb .grid-list .product-btn { border-radius: 4px; padding: 6px 15px; font-size: 14px; color: #fff; line-height: 1; } #a3ad7aab92a9dfb .grid-list .ap-icon svg { height: 1em; fill: currentColor; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } #a3ad7aab92a9dfb .grid-list .product-preview { border-radius: 0px; overflow: hidden; } #a3ad7aab92a9dfb .grid-list .product:hover { background-color: auto; } #a3ad7aab92a9dfb .grid-list .product:hover .title a { color: #444; } #a3ad7aab92a9dfb .grid-list .product:hover .subTitle { color: auto; } #a3ad7aab92a9dfb .grid-list .product:hover .category { color: auto; } #a3ad7aab92a9dfb .grid-list .product:hover .abstract { color: auto; } #a3ad7aab92a9dfb .grid-list .product:hover .product-btn { color: auto; } @media (max-width: 640px) { #a3ad7aab92a9dfb .grid-list .product-info { min-height: 0; } #a3ad7aab92a9dfb .grid-list .product-info-inner { padding: 10px; position: relative; } #a3ad7aab92a9dfb .grid-list .product-buttons { display: none; } } #ae287a2714af01f .ele-wrap {color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(19, 141, 242, 1);border-radius: 0px;justify-content: center;border-style: solid;}#ae287a2714af01f .ele-wrap:hover {background-color: #0483cc;color: #138df2;}#a61fbadf97a3018 > .ele-wrap {background-color: rgba(34, 183, 252, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a0cdaa150ea4e33 .ele-wrap {color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(19, 141, 242, 1);border-radius: 0px;justify-content: center;border-style: solid;}#a0cdaa150ea4e33 .ele-wrap:hover {background-color: #0483cc;color: #138df2;}#a2d85abf61af289 .ap-category-filter ul li.active { border-color: #138df2; color: #138df2; } #a2d85abf61af289 .uk-grid { margin-left: -23px; } #a2d85abf61af289 .uk-grid > * { padding-left: 23px; } #a2d85abf61af289 .uk-grid-margin { margin-top: 20px; } #a2d85abf61af289 .uk-card { transition: all .3s ease; background-color: #fff; position: relative; } #a2d85abf61af289 .uk-card-media-top { overflow: hidden; background: #fff; } #a2d85abf61af289 .uk-card-media-top .img { transition: all .3s ease; } #a2d85abf61af289 .uk-card-body { display: block; } #a2d85abf61af289 .btn-wrap { position: absolute; width: 100%; left: 0; bottom: -20px; text-align: center; } #a2d85abf61af289 .uk-button { display: inline-block; margin: 0; border: 1px solid #ececec; background-color: #138df2; color: #fff; } #a2d85abf61af289 .uk-button .btn_icon { display: inline-block; margin-right: 4px; } #a2d85abf61af289 .uk-button .btn_icon svg { height: 1em; width: 14px; fill: currentColor; } #a2d85abf61af289 .uk-card .title { font-weight: bold; font-style: normal; text-decoration: none; font-size: 15px; font-family: NotoSansSC-Medium; color: #555; } #a2d85abf61af289 .uk-card .abstract { font-weight: normal; font-style: normal; text-decoration: none; font-size: 12px; font-family: NotoSansSC-Light; color: #999; } #a2d85abf61af289 .uk-card:hover { background-color: #333333; } #a2d85abf61af289 .uk-card:hover .title { color: #fff; } #a2d85abf61af289 .uk-card:hover hr { border-top-color: #4d4d4d; } #a2d85abf61af289 .uk-card:hover .img { transform: scale(1.2); } #a2d85abf61af289 .uk-card:hover .abstract { color: #fff; } #a2d85abf61af289 .uk-card:hover .datetime { color: #d3b267; } #a2d85abf61af289 .uk-card:hover .category { color: #138df2; } #a2d85abf61af289 .uk-card:hover .uk-button { color: #fff; background-color: #138df2; border-color: #138df2; } #a0c5eac89faa26d .ele-wrap {color: #fff;font-size: 16px;font-weight: 500;background-color: rgba(19, 141, 242, 1);border-radius: 0px;justify-content: center;border-style: solid;}#a0c5eac89faa26d .ele-wrap:hover {background-color: #0483cc;color: #138df2;}#a99e1a2f77a34a4 .uk-grid > .uk-grid-margin { margin-top: 0px; } #a99e1a2f77a34a4 .ap-category-filter ul li.active { border-color: #138df2; color: #138df2; } #a99e1a2f77a34a4 .article { background-color: #fff; margin-bottom: 15px; position: relative; border: 8px solid #eeeeee; } #a99e1a2f77a34a4 .article .img_wrap { position: absolute; width: 150px; left: 0; top: 0; height: 100%; z-index: 10; } #a99e1a2f77a34a4 .article .info { padding: 30px 30px; display: block; padding-left: 180px; margin: 0; height: 100%; } #a99e1a2f77a34a4 .article .btn_icon { position: absolute; right: 20px; top: 50%; width: 20px; margin-top: -10px; color: #b4b4b4; } #a99e1a2f77a34a4 .article .btn_icon svg { fill: currentColor; } #a99e1a2f77a34a4 .article.no-pic .info { padding-left: 30px; } #a99e1a2f77a34a4 .article:hover { background-color: #fff; border-color: #333333; } #a99e1a2f77a34a4 .article:hover .title { color: #d3b267; } #a99e1a2f77a34a4 .article:hover .datetime { color: #d3b267; } #a99e1a2f77a34a4 .article:hover .category { color: #d3b267; } #a99e1a2f77a34a4 .article:hover .btn_icon { color: #fff; } #a99e1a2f77a34a4 > div:last-child { margin-bottom: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a8f5fae846a43a6 .ap-content-container { height: 100%; min-height: 40px; } #acdd2a7f82ae6e3 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#aacbea3404a9134 .ap-content-container { height: 100%; min-height: 40px; } #ae27fa3767a2664 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #acde0ae98fadf3a form.form-theme-10 .form-item .send-code { bottom: auto; top: 50%; margin-top: -20px; } #acde0ae98fadf3a .form-item .uk-input, #acde0ae98fadf3a .form-item .uk-select, #acde0ae98fadf3a .form-item .uk-textarea { width: autopx; } #acde0ae98fadf3a .form-item .auto-height { height: auto; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3744a955ba4ec6 .ap-content-container { height: 100%; min-height: 40px; } #a2ffcafca0aa3f0 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a3e3baf332a961f { min-height: 500px; /* mobile */ } #a3e3baf332a961f .search-highlight { background: yellow; } #a3e3baf332a961f .el-item { padding: 15px 0; border-bottom: 1px solid #ececec; } #a3e3baf332a961f .el-title { margin-bottom: 20px; } #a3e3baf332a961f .el-item:hover { background: #f6f6f6; border-bottom-color: #f6f6f6; } #a3e3baf332a961f .img-wrap { overflow: hidden; display: block; border-radius: 4px; } #a3e3baf332a961f .img-wrap img { transition: all .3s ease; border-radius: 4px; } #a3e3baf332a961f .el-item:hover .img-wrap img { transform: scale(1.1); } #a3e3baf332a961f .el-title a { font-size: 20px; color: #333; line-height: 36px; } #a3e3baf332a961f .el-meta { font-size: 14px; color: #777; line-height: 1.5; margin: 6px 0; } #a3e3baf332a961f .el-content { font-size: 14px; color: #777; } @media (max-width: 640px) { #a3e3baf332a961f .el-title { margin-bottom: 0; } #a3e3baf332a961f .el-title a { font-size: 14px; color: #333; line-height: 1.5; } #a3e3baf332a961f .category { font-size: 12px; } #a3e3baf332a961f .el-content { font-size: 12px; color: #777; line-height: 1.5; margin: 6px 0 0px; } } #a8f60a94cba373b .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a63faad818ae577 { /* Error Page */ /* Error Page */ /*--------------------------------------------Framework --------------------------------*/ /*done*/ /*done*/ /*done*/ /* Padding Section*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /* Padding Section*/ /* Margin section */ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done*/ /*done - For the inside sections that has also Title section*/ /* Margin section */ /*--------------------------------------------FrameWork------------------------*/ } #a63faad818ae577 * { font-family: 'PT Sans Caption', sans-serif, 'arial', 'Times New Roman'; } #a63faad818ae577 .error .clip .shadow { height: 180px; /*Contrall*/ } #a63faad818ae577 .error .clip:nth-of-type(2) .shadow { width: 130px; /*Contrall play with javascript*/ } #a63faad818ae577 .error .clip:nth-of-type(1) .shadow, #a63faad818ae577 .error .clip:nth-of-type(3) .shadow { width: 250px; /*Contrall*/ } #a63faad818ae577 .error .digit { width: 150px; /*Contrall*/ height: 150px; /*Contrall*/ line-height: 150px; /*Contrall*/ font-size: 120px; font-weight: bold; } #a63faad818ae577 .error h2 { font-size: 32px; } #a63faad818ae577 .error .msg { top: -190px; left: 30%; width: 80px; height: 80px; line-height: 80px; font-size: 32px; } #a63faad818ae577 .error span.triangle { top: 70%; right: 0%; border-left: 20px solid #535353; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } #a63faad818ae577 .error .container-error-404 { margin-top: 10%; position: relative; height: 250px; padding-top: 40px; text-align: center; } #a63faad818ae577 .error .container-error-404 .clip { display: inline-block; transform: skew(-45deg); } #a63faad818ae577 .error .clip .shadow { overflow: hidden; } #a63faad818ae577 .error .clip:nth-of-type(2) .shadow { overflow: hidden; position: relative; box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8); } #a63faad818ae577 .error .clip:nth-of-type(3) .shadow:after, #a63faad818ae577 .error .clip:nth-of-type(1) .shadow:after { content: ""; position: absolute; right: -8px; bottom: 0px; z-index: 9999; height: 100%; width: 10px; background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent); border-radius: 50%; } #a63faad818ae577 .error .clip:nth-of-type(3) .shadow:after { left: -8px; } #a63faad818ae577 .error .digit { position: relative; top: 8%; color: white; background: #07B3F9; border-radius: 50%; display: inline-block; transform: skew(45deg); } #a63faad818ae577 .error .clip:nth-of-type(2) .digit { left: -10%; } #a63faad818ae577 .error .clip:nth-of-type(1) .digit { right: -20%; } #a63faad818ae577 .error .clip:nth-of-type(3) .digit { left: -20%; } #a63faad818ae577 .error h2 { color: #A2A2A2; font-weight: bold; padding-bottom: 20px; } #a63faad818ae577 .error .msg { position: relative; z-index: 9999; display: block; background: #535353; color: #A2A2A2; border-radius: 50%; font-style: italic; } #a63faad818ae577 .error .triangle { position: absolute; z-index: 999; transform: rotate(45deg); content: ""; width: 0; height: 0; } @media (max-width: 767px) { #a63faad818ae577 { /* Error Page */ /* Error Page */ } #a63faad818ae577 .error .clip .shadow { height: 100px; /*Contrall*/ } #a63faad818ae577 .error .clip:nth-of-type(2) .shadow { width: 80px; /*Contrall play with javascript*/ } #a63faad818ae577 .error .clip:nth-of-type(1) .shadow, #a63faad818ae577 .error .clip:nth-of-type(3) .shadow { width: 100px; /*Contrall*/ } #a63faad818ae577 .error .digit { width: 80px; /*Contrall*/ height: 80px; /*Contrall*/ line-height: 80px; /*Contrall*/ font-size: 52px; } #a63faad818ae577 .error h2 { font-size: 24px; } #a63faad818ae577 .error .msg { top: -110px; left: 15%; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } #a63faad818ae577 .error span.triangle { top: 70%; right: -3%; border-left: 10px solid #535353; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } #a63faad818ae577 .error .container-error-404 { height: 150px; } } #a63faad818ae577 .overlay { position: relative; z-index: 20; } #a63faad818ae577 .ground-color { background: white; } #a63faad818ae577 .item-bg-color { background: #EAEAEA; } #a63faad818ae577 .padding-top { padding-top: 10px; } #a63faad818ae577 .padding-bottom { padding-bottom: 10px; } #a63faad818ae577 .padding-vertical { padding-top: 10px; padding-bottom: 10px; } #a63faad818ae577 .padding-horizontal { padding-left: 10px; padding-right: 10px; } #a63faad818ae577 .padding-all { padding: 10px; } #a63faad818ae577 .no-padding-left { padding-left: 0px; } #a63faad818ae577 .no-padding-right { padding-right: 0px; } #a63faad818ae577 .no-vertical-padding { padding-top: 0px; padding-bottom: 0px; } #a63faad818ae577 .no-horizontal-padding { padding-left: 0px; padding-right: 0px; } #a63faad818ae577 .no-padding { padding: 0px; } #a63faad818ae577 .margin-top { margin-top: 10px; } #a63faad818ae577 .margin-bottom { margin-bottom: 10px; } #a63faad818ae577 .margin-right { margin-right: 10px; } #a63faad818ae577 .margin-left { margin-left: 10px; } #a63faad818ae577 .margin-horizontal { margin-left: 10px; margin-right: 10px; } #a63faad818ae577 .margin-vertical { margin-top: 10px; margin-bottom: 10px; } #a63faad818ae577 .margin-all { margin: 10px; } #a63faad818ae577 .no-margin { margin: 0px; } #a63faad818ae577 .no-vertical-margin { margin-top: 0px; margin-bottom: 0px; } #a63faad818ae577 .no-horizontal-margin { margin-left: 0px; margin-right: 0px; } #a63faad818ae577 .inside-col-shrink { margin: 0px 20px; } #a63faad818ae577 hr { margin: 0px; padding: 0px; border-top: 1px dashed #999; } #a4984ab378aad30 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a7bddade65a7944 .login-main { border-radius: 4px; overflow: hidden; background: #fff; box-shadow: 0 0 20px 0 rgba(12, 1, 4, 0.05); } #a7bddade65a7944 .slider { width: 420px; height: 600px; } #a7bddade65a7944 .uk-slideshow-items { height: 100%; } #a7bddade65a7944 .uk-slideshow-items a { width: 100%; height: 100%; display: block; } #a7bddade65a7944 .login-wrap { width: 100%; height: 100%; } #a7bddade65a7944 .uk-dotnav > * > * { background: #fff; border-color: #fff; opacity: .5; } #a7bddade65a7944 .uk-dotnav > .uk-active > * { border-color: #0076fe; background: #0076fe; } #a7bddade65a7944 .phone-login-box { margin: 40px auto 40px; display: inline-block; } #a7bddade65a7944 .login-header { margin-bottom: 24px; } #a7bddade65a7944 .login-header h4 { font-size: 22px; font-weight: bolder; line-height: 1; padding-left: 20px; border-left: 4px solid #0076fe; } #a7bddade65a7944 .input-item { width: 330px; height: 45px; background-color: #f0f2f7; border-radius: 22px; border: solid 1px #e3e8f0; position: relative; } #a7bddade65a7944 .input-item input { width: 100%; padding: 0 16px 0 40px; height: 43px; border-radius: 0 21px 21px 0; position: absolute; right: 0; border: 0; line-height: 43px; background-color: transparent; outline: 0; font-size: 14px; } #a7bddade65a7944 .input-item input.error, #a7bddade65a7944 .input-item input.error::placeholder { color: #fc4343; } #a7bddade65a7944 .input-item input::placeholder { color: #999; } #a7bddade65a7944 .input-item .icon { position: absolute; left: 10px; top: 12px; fill: #ccc; } #a7bddade65a7944 .verifycode-input { margin: 24px 0; } #a7bddade65a7944 .verifycode-input .input-item { width: 200px; float: left; } #a7bddade65a7944 .send-code { float: left; margin-left: 20px; } #a7bddade65a7944 .verifycode-input button { display: block; padding: 0; height: 45px; width: 105px; background-color: #f1f7ff; border-radius: 22px; font-size: 14px; -webkit-transition: .3s; transition: .3s; color: #999; cursor: pointer; } #a7bddade65a7944 .submit { width: 330px; height: 45px; background-color: #0076fe; border-radius: 22px; font-size: 18px; line-height: 45px; color: #fff; cursor: pointer; } #a7bddade65a7944 .error { color: #fc4343; font-size: 12px; padding-left: 10px; } #a8ec3a84bda6340 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a20e6a46f3a28ef .sidebar { width: 150px; max-width: 150px; height: 100%; } #a20e6a46f3a28ef .nav-items { background: #fafafa; min-height: 200px; } #a20e6a46f3a28ef .phone-info { background: #fafafa; margin-top: 10px; font-size: 12px; padding: 22px 4px 20px 16px; line-height: 1.5; color: #666; } #a20e6a46f3a28ef .phone-info .phone { line-height: 1.5; color: #333; font-size: 18px; font-family: Arial; } #a20e6a46f3a28ef .nav-type { line-height: 37px; padding-left: 20px; cursor: pointer; } #a20e6a46f3a28ef .nav-type.active { color: #FFF; cursor: default; background: #ff658c; } #a20e6a46f3a28ef .content { padding-bottom: 60px; color: #666; border: 1px solid #f0f0f0; min-height: 400px; } #a20e6a46f3a28ef .nav-list { padding: 0 20px; } #a20e6a46f3a28ef .nav-list .nav-item { display: inline-block; line-height: 21px; padding: 2px 6px 3px; font-size: 14px; color: #666; margin: 10px 30px 15px 0; cursor: pointer; } #a20e6a46f3a28ef .nav-list .nav-item.active { background-color: #ff5c89; color: #fff; cursor: default; } #a20e6a46f3a28ef .order-item { margin-top: 10px; background: #fff; padding: 0 20px; } #a20e6a46f3a28ef .order-item:hover { background: #f7f7f7; } #a20e6a46f3a28ef .del-order { cursor: pointer; } #a20e6a46f3a28ef .order-item .order-title { line-height: 40px; color: #666; font-size: 13px; border-bottom: 1px solid #f7f7f7; } #a20e6a46f3a28ef .goods-item { padding: 10px 0; border-bottom: 1px solid #ececec; cursor: pointer; } #a20e6a46f3a28ef .order-goods-list .goods-item:last-child { border-bottom: none; } #a20e6a46f3a28ef .goods-item img { width: 100px; height: 100px; background: #f4f4f4; } #a20e6a46f3a28ef .goods-item .goods-info { padding: 0 15px; } #a20e6a46f3a28ef .appoint-time span { color: #e4393c; background-color: #f9eeee; display: inline-block; padding: 2px 10px; border-radius: 2px; line-height: 1; } #a20e6a46f3a28ef .appoint-time { margin-bottom: 4px; } #a20e6a46f3a28ef .appoint-name { color: #333; font-size: 14px; } #a20e6a46f3a28ef .appoint-info { padding: 0 15px; font-size: 12px; color: #888; } #a20e6a46f3a28ef .goods-item .goods-name { color: #333; } #a20e6a46f3a28ef .goods-item .sku-name { color: #999; font-size: 12px; } #a20e6a46f3a28ef .order-total-info { padding-bottom: 10px; color: #999; font-size: 12px; } #a20e6a46f3a28ef .order-total-info .total-price { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 14px; } #a20e6a46f3a28ef .load-more { font-size: 12px; padding-bottom: 15px; color: #999; } #a20e6a46f3a28ef .order-btns { padding: 10px 0; border-top: 1px solid #f7f7f7; } #a20e6a46f3a28ef .order-btns .btn { line-height: 26px; border-radius: 2px; border: 1px solid #ececec; padding: 0 14px; display: inline-block; margin-left: 8px; background: #fff; color: #333; } #a20e6a46f3a28ef .order-btns .btn-warn { color: #fff; background: #eb3c3c; border-color: #eb3c3c; cursor: pointer; } #a20e6a46f3a28ef .appoint-info .title { font-weight: bold; color: #333; } #a20e6a46f3a28ef .coupon-item { margin: 10px 30px; display: inline-flex; width: 42%; } #a20e6a46f3a28ef .setting-form { padding: 30px 20px; } #a20e6a46f3a28ef .setting-item { margin-bottom: 20px; font-size: 13px; color: #666; line-height: 18px; } #a20e6a46f3a28ef .setting-item .label { display: inline-block; margin-right: 6px; text-align: right; min-width: 120px; } #a20e6a46f3a28ef .setting-item .input-text { border: 1px solid #ccc; line-height: 28px; padding: 0 10px; min-width: 200px; font-size: 13px; } #a20e6a46f3a28ef .setting-form .setting-btns { margin-left: 130px; } #a20e6a46f3a28ef .setting-form .uk-button { height: 30px; line-height: 30px; margin-right: 8px; } #a20e6a46f3a28ef .setting-wrap { position: relative; } #a20e6a46f3a28ef .user-info { border: 1px solid #ccc; width: 300px; position: absolute; right: 80px; top: 30px; color: #666; padding: 10px; font-size: 13px; background: #f9f9f9; } #a20e6a46f3a28ef .user-info .avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; float: left; margin-right: 10px; } #a20e6a46f3a28ef .user-info .levels { color: #888; font-size: 12px; } #a20e6a46f3a28ef .address-wrap { padding: 30px 20px; } #a20e6a46f3a28ef .addr-header { font-size: 18px; color: #333; margin: 0; } #a20e6a46f3a28ef .addr-detail { border-bottom: 1px solid #ececec; margin-bottom: 10px; } #a20e6a46f3a28ef .addr-list { min-height: 200px; } #a20e6a46f3a28ef .addr-detail .addr-item-name, #a20e6a46f3a28ef .addr-detail .addr-default { display: inline-block; position: relative; overflow: hidden; padding: 0 5px; vertical-align: middle; margin: -2px 5px 0 0; max-width: 8em; height: 16px; line-height: 14px; font-size: 12px; color: #4b9bfb; border: 1px solid #4b9bfb; } #a20e6a46f3a28ef .addr-detail .addr-name { font-size: 16px; font-weight: bold; color: #333; } #a20e6a46f3a28ef .addr-detail .addr-item-name { color: #e93b3d; border-color: #e93b3d; } #a20e6a46f3a28ef .addr-detail { padding: 12px 0; flex: 1; } #a20e6a46f3a28ef .op-btns a { font-size: 12px; color: #e93b3d; margin-left: 6px; } #a20e6a46f3a28ef .add-addr { height: 32px; line-height: 30px; } #a20e6a46f3a28ef .publish-item .status { width: 60px; height: 60px; position: absolute; right: 0; top: 50px; background: url(/resources/sys/img/icons/info-pass.png) center center no-repeat; background-size: contain; } #a20e6a46f3a28ef .publish-item { cursor: default; min-height: 120px; } #a20e6a46f3a28ef .publish-item .status-0 { background-image: url(/resources/sys/img/icons/info-unread.png); } #a20e6a46f3a28ef .publish-item .status-1 { background-image: url(/resources/sys/img/icons/info-fail.png); } #a20e6a46f3a28ef .publish-item .btns a { display: inline-block; font-size: 12px; padding: 4px 10px; border-radius: 2px; color: #fff; background: #138df2; } #a20e6a46f3a28ef .publish-item .btns .del-info { background: #ccc; color: #999; } #a3eb1a07fca375c .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a5d1ea001cae580 .search-highlight { background: yellow; } #a5d1ea001cae580 .category-list { background: #fff; padding: 20px 40px; } #a5d1ea001cae580 .goods-sort { padding: 10px 0; } #a5d1ea001cae580 .goods { padding-bottom: 20px; } #a5d1ea001cae580 .goods-sort .category { border-bottom: 1px dashed #dedede; position: relative; } #a5d1ea001cae580 .goods-sort .category .name { font-size: 14px; color: #999; position: absolute; left: 0; top: 0; } #a5d1ea001cae580 .goods-sort .category-items { overflow: hidden; margin-bottom: 4px; margin-left: 65px; } #a5d1ea001cae580 .goods-sort .category-item { float: left; color: #333; margin-right: 30px; margin-bottom: 10px; font-size: 14px; } #a5d1ea001cae580 .goods-sort .sort-default.active, #a5d1ea001cae580 .goods-sort .category-item.active { color: red; } #a5d1ea001cae580 .sorts { position: relative; overflow: hidden; padding: 20px 0; line-height: 1; border-bottom: 1px solid #dedede; } #a5d1ea001cae580 .sorts .name { font-size: 14px; color: #999; margin-right: 28px; } #a5d1ea001cae580 .sorts .sort { display: inline-block; margin-right: 30px; font-size: 14px; color: #333; } #a5d1ea001cae580 .sorts .sort.active span { color: #e4393c; } #a5d1ea001cae580 .sorts .fa { color: #999; } #a5d1ea001cae580 .sorts .fa.active { color: #e4393c; } #a5d1ea001cae580 .sorts .sort-icon { display: inline-block; margin-left: 6px; } #a5d1ea001cae580 .sorts .sort-icon i { display: block; font-size: 12px; line-height: 1; height: 2px; } #a5d1ea001cae580 .uk-container { min-height: 200px; } #a5d1ea001cae580 .not-found { line-height: 200px; } #a5d1ea001cae580 .goods .item { color: #333; font-weight: 400; } #a5d1ea001cae580 .img-alter { display: none; } #a5d1ea001cae580 .goods .item:hover .img-main { display: none; } #a5d1ea001cae580 .goods .item:hover .img-alter { display: block; } #a5d1ea001cae580 .goods .item .title { padding: 0 10px; margin-bottom: 4px; line-height: 20px; font-weight: bolder; transition: all .1s ease; } #a5d1ea001cae580 .goods .item .title:hover { color: #d4282d; } #a5d1ea001cae580 .goods .item .price { color: #d4282d; line-height: 22px; font-size: 13px; font-weight: bold; font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", verdana; } #a5d1ea001cae580 .goods .item hr { width: 60%; display: block; height: 1px; padding: 0; margin: 6px auto 14px; border: 0; border-top: 1px solid #e8e8e8; } #a5d1ea001cae580 .goods .item .subTitle { padding: 0 10px; line-height: 18px; color: #999; } #a5d1ea001cae580 .goods .origin-price { display: inline-block; margin-left: 6px; font-size: 12px; color: #999; text-decoration: line-through; } #a5d1ea001cae580 .goods .member-price { font-size: 12px; color: #d4282d; font-weight: 500; line-height: 18px; margin-left: 10px; } #a5d1ea001cae580 .uk-card .uk-card-media { background: #fff; } #a5d1ea001cae580 .uk-card:hover { background-color: #f4f0e9; } #a5d1ea001cae580 .sort-time.active .fa { color: #e4393c; } #a5d1ea001cae580 * + .uk-grid-margin-small, #a5d1ea001cae580 .uk-grid + .uk-grid-small, #a5d1ea001cae580 .uk-grid-small > .uk-grid-margin { margin-top: 50px; } #a59bfaec71a0e55 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #aa0ecad07babaa3 .coupon-item:after, #aa0ecad07babaa3 .coupon-item:before { background: #f8f8f8; } #afba2ae104aae64 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a2c58adc69a73c1 { min-height: 500px; /* mobile */ } #a2c58adc69a73c1 .search-highlight { background: yellow; } #a2c58adc69a73c1 .el-item { padding: 15px 0; border-bottom: 1px solid #ececec; } #a2c58adc69a73c1 .el-title { margin-bottom: 20px; } #a2c58adc69a73c1 .el-item:hover { background: #f6f6f6; border-bottom-color: #f6f6f6; } #a2c58adc69a73c1 .img-wrap { overflow: hidden; display: block; border-radius: 4px; } #a2c58adc69a73c1 .img-wrap img { transition: all .3s ease; border-radius: 4px; } #a2c58adc69a73c1 .el-item:hover .img-wrap img { transform: scale(1.1); } #a2c58adc69a73c1 .el-title a { font-size: 20px; color: #333; line-height: 36px; } #a2c58adc69a73c1 .el-meta { font-size: 14px; color: #777; line-height: 1.5; margin: 6px 0; } #a2c58adc69a73c1 .el-content { font-size: 14px; color: #777; } @media (max-width: 640px) { #a2c58adc69a73c1 .el-title { margin-bottom: 0; } #a2c58adc69a73c1 .el-title a { font-size: 14px; color: #333; line-height: 1.5; } #a2c58adc69a73c1 .category { font-size: 12px; } #a2c58adc69a73c1 .el-content { font-size: 12px; color: #777; line-height: 1.5; margin: 6px 0 0px; } } #afd68a765da2f3b .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a5622a84b6af0ee .uk-checkbox:not(:checked) { background: #fff; } #a5622a84b6af0ee .cart-wrap .column { float: left; text-align: center; } #a5622a84b6af0ee .cart-head, #a5622a84b6af0ee .cart-footer, #a5622a84b6af0ee .cart-item { margin-bottom: 10px; padding: 12px 0; border: 1px solid #f0f0f0; background-color: #fff; } #a5622a84b6af0ee .cart-head { background-color: #efefef; } #a5622a84b6af0ee .cart-head, #a5622a84b6af0ee .cart-footer { margin: 20px 0; padding: 12px; } #a5622a84b6af0ee .cart-footer { display: none; } #a5622a84b6af0ee .cart-head .c-checkbox { width: 150px; } #a5622a84b6af0ee .c-info { width: 410px; } #a5622a84b6af0ee .c-price { width: 180px; } #a5622a84b6af0ee .c-count { width: 170px; } #a5622a84b6af0ee .c-sum { width: 170px; } #a5622a84b6af0ee .cart-item { padding: 20px 12px; } #a5622a84b6af0ee .selected { background-color: #fdf5e9; } #a5622a84b6af0ee .cart-item .c-info { width: 500px; } #a5622a84b6af0ee .cart-item .c-checkbox { width: 60px; } #a5622a84b6af0ee .cart-item .pic { float: left; width: 100px; height: 100px; border: 1px solid #f0f0f0; background: #fafafa; } #a5622a84b6af0ee .cart-item .c-info .info { padding-left: 120px; min-height: 100px; width: 500px; padding-top: 10px; line-height: 1; } #a5622a84b6af0ee .cart-item .c-info .title { font-size: 14px; display: block; color: #333; text-align: left; margin-bottom: 6px; } #a5622a84b6af0ee .cart-item .c-info span { font-size: 12px; color: #999; } #a5622a84b6af0ee .cart-item .price { text-align: center; font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", verdana; } #a5622a84b6af0ee .cart-item .price-total { color: #d4282d; font-weight: bolder; } #a5622a84b6af0ee .cart-item .present-price { font-size: 14px; color: #333; } #a5622a84b6af0ee .cart-item .origin-price { color: #999; font-size: 12px; display: inline-block; margin-left: 6px; text-decoration: line-through; } #a5622a84b6af0ee .cart-item .column { padding-top: 12px; } #a5622a84b6af0ee .cart-item .c-info { padding-top: 0; } #a5622a84b6af0ee .cart-item .del { color: #555; } #a5622a84b6af0ee .select-num { display: inline-block; border: 1px solid #ddd; overflow: hidden; line-height: 30px; } #a5622a84b6af0ee .select-num .btn { position: relative; width: 30px; height: 30px; line-height: 28px; background: #fff; text-align: center; color: #888; cursor: pointer; } #a5622a84b6af0ee .select-num .btn.disable { cursor: not-allowed; color: #ececec; } #a5622a84b6af0ee .select-num i { line-height: 30px; } #a5622a84b6af0ee .select-num .less { float: left; border-right: 1px solid #ddd; } #a5622a84b6af0ee .select-num .more { float: right; border-left: 1px solid #ddd; } #a5622a84b6af0ee .select-num input { border: none; text-align: center; font-size: 12px; color: #333; width: 60px; height: 28px; } #a5622a84b6af0ee .price-info { color: #999; float: right; margin-left: 20px; } #a5622a84b6af0ee .price-info .discount { font-size: 12px; } #a5622a84b6af0ee .price-info .price-num { font-size: 16px; color: #E2231A; font-weight: 700; } #a5622a84b6af0ee .column-left { line-height: 36px; } #a5622a84b6af0ee .column-left a { color: #888; display: inline-block; margin-left: 10px; } #a5622a84b6af0ee .column-left a:hover { color: #E2231A; } #a5622a84b6af0ee .column-right { padding-right: 130px; } #a5622a84b6af0ee .column-right .selected-num { color: #999; font-size: 13px; line-height: 26px; } #a5622a84b6af0ee .column-right .selected-num span { color: #E2231A; font-weight: bolder; display: inline-block; margin: 0 2px; } #a5622a84b6af0ee .order-btn { display: block; position: absolute; right: -1px; top: -1px; width: 130px; line-height: 68px; color: #fff; font-size: 24px; background-color: #E2231A; text-align: center; } #a5622a84b6af0ee .cart-icon { width: 200px; fill: #ccc; } #a7c30a74a6a2874 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a1ba8ac488af1cb .checkout-title { font-size: 16px; color: #666; line-height: 42px; } #a1ba8ac488af1cb .checkout-wrap { background-color: #fff; padding: 0 20px; border: 1px solid #f0f0f0; color: #666; } #a1ba8ac488af1cb .add-addr { position: absolute; right: 10px; top: 10px; font-size: 12px; } #a1ba8ac488af1cb .checkout-wrap h3 { font-size: 14px; height: 40px; line-height: 40px; color: #333; font-weight: bold; margin: 0; } #a1ba8ac488af1cb .addr-list { height: 45px; overflow: hidden; } #a1ba8ac488af1cb .addr-list.expand { height: auto; } #a1ba8ac488af1cb .addr-item { list-style: none; height: 30px; margin: 6px 0 20px; display: block; position: relative; } #a1ba8ac488af1cb .addr-item:hover { background-color: #fff3f3; } #a1ba8ac488af1cb .addr-item .addr-item-name { list-style: none; position: relative; border: 1px solid #ddd; line-height: 28px; padding: 0 10px; width: 120px; text-align: center; cursor: pointer; background-color: #fff; color: #777; float: left; margin-right: 15px; } #a1ba8ac488af1cb .addr-item.selected .addr-item-name { border: 2px solid #FF0036; } #a1ba8ac488af1cb .addr-default { margin: 5px 10px; background-color: #999; color: #fff; padding: 0 4px; line-height: 20px; display: inline-block; } #a1ba8ac488af1cb .addr-item.selected .addr-item-name i { display: block; position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; overflow: hidden; text-indent: -99em; background-repeat: no-repeat; background-position: 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcf8AN////7f4NBoAAAABdFJOUwBA5thmAAAAMUlEQVQI103MAQ4AMAQEQev/j66i6YrEXIKIX9jY2NjYyDmhZnlCo5rdyWvebfYDVAcSmABbA7WD+QAAAABJRU5ErkJggg==); color: black; } #a1ba8ac488af1cb .addr-item .addr-detail { line-height: 30px; font-size: 12px; } #a1ba8ac488af1cb .addr-item .op-btns { position: absolute; right: 0; top: 6px; font-size: 12px; } #a1ba8ac488af1cb .addr-item .op-btns a { color: #005ea7; display: inline-block; margin-right: 12px; } #a1ba8ac488af1cb .addr-item .op-btns a:hover { color: #FF0036; } #a1ba8ac488af1cb .addr-switch { line-height: 24px; cursor: pointer; font-size: 12px; margin-bottom: 15px; } #a1ba8ac488af1cb .addr-switch b { display: inline-block; vertical-align: middle; height: 10px; line-height: 10px; width: 9px; margin-left: 5px; background: url(/resources/sys/img/toggle-arrow.png) no-repeat 0 0; } #a1ba8ac488af1cb .addr-switch.expand b { background-position: 0 -10px; } #a1ba8ac488af1cb table { border: 1px solid #ececec; margin: 0 0 30px; color: #333; } #a1ba8ac488af1cb table thead { color: #999; background-color: #f5f5f5; } #a1ba8ac488af1cb table td { text-align: center; } #a1ba8ac488af1cb table thead td { border-top: none; } #a1ba8ac488af1cb table .goods-pic { width: 100px; height: 100px; margin-right: 12px; float: left; } #a1ba8ac488af1cb table .goods-info a { color: #333; font-weight: bolder; } #a1ba8ac488af1cb table .goods-info span { font-size: 12px; color: #999; } #a1ba8ac488af1cb .origin-price { color: #999; text-decoration: line-through; } #a1ba8ac488af1cb table .price { font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", verdana; } #a1ba8ac488af1cb .checkout-summary { margin: 20px 4px 10px; } #a1ba8ac488af1cb .summary-item { font-size: 12px; line-height: 24px; color: #666; } #a1ba8ac488af1cb .summary-item > em { width: 140px; display: inline-block; color: #333; font-size: 12px; font-family: verdana; font-style: normal; } #a1ba8ac488af1cb .order-confirm { padding: 15px 10px 15px 0; text-align: right; border-top: 1px solid #e6e6e6; color: #999; background-color: #f4f4f4; line-height: 24px; font-size: 12px; } #a1ba8ac488af1cb .order-confirm .total-price { display: inline-block; color: #e4393c; font-family: Verdana; font-weight: 700; font-size: 18px; min-width: 122px; } #a1ba8ac488af1cb .order-btn { margin-top: 20px; display: inline-block; line-height: 42px; padding: 0 35px; color: #fff; font-size: 18px; background-color: #E2231A; text-align: center; border-radius: 2px; cursor: pointer; } #a1ba8ac488af1cb .order-submit-btn:hover { background-color: #EF494D; } #a1ba8ac488af1cb .coupon-select { padding: 0 20px; line-height: 28px; color: #EF494D; border: 1px solid #EF494D; margin-top: 6px; display: inline-block; cursor: pointer; font-weight: 500; } #a1ba8ac488af1cb .coupon-select.disable { color: #555; border-color: #333; cursor: not-allowed; } #a1ba8ac488af1cb .select-num { display: inline-block; border: 1px solid #ddd; overflow: hidden; line-height: 30px; } #a1ba8ac488af1cb .select-num .btn { position: relative; width: 30px; height: 30px; line-height: 28px; background: #fff; text-align: center; color: #888; cursor: pointer; } #a1ba8ac488af1cb .select-num .btn.disable { cursor: not-allowed; color: #ececec; } #a1ba8ac488af1cb .select-num i { line-height: 30px; } #a1ba8ac488af1cb .select-num .less { float: left; border-right: 1px solid #ddd; } #a1ba8ac488af1cb .select-num .more { float: right; border-left: 1px solid #ddd; } #a1ba8ac488af1cb .select-num input { border: none; text-align: center; font-size: 12px; color: #333; width: 60px; height: 28px; } #a1ba8ac488af1cb .toggle-point { position: absolute; right: 0; top: 24px; } #adc47a3ea5a56f1 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a0982a631fab324 .title { font-size: 18px; color: #000; line-height: 2; } #a0982a631fab324 .order-id { color: #666; } #a0982a631fab324 .payment { cursor: pointer; } #a0982a631fab324 .payment img { min-height: 40px; } #a0982a631fab324 .payment-wrap { border: 1px solid #ececec; margin: 20px 0; } #a0982a631fab324 .payment-title { height: 42px; padding-left: 21px; background-color: #f4f4f4; border-bottom: 1px solid #efefef; line-height: 41px; color: #999; font-size: 14px; } #a0982a631fab324 .selected { border: 2px solid #e1251b; } #a0982a631fab324 .btn { display: inline-block; line-height: 42px; padding: 2px 35px; color: #fff; font-size: 18px; background-color: #E2231A; text-align: center; border-radius: 2px; cursor: pointer; } #a0982a631fab324 .btn:hover { background-color: #EF494D; } #af146a5b4aa0e2c .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #aa7d3af605ae916 { max-width: 1200px; margin: 0 auto; } #aa7d3af605ae916 .m-header { background: #fff; height: 44px; position: relative; border-bottom: 1px solid #e5e5e5; } #aa7d3af605ae916 .order-container { padding-bottom: 60px; } #aa7d3af605ae916 .express-date { color: #999; font-size: 12px; } #aa7d3af605ae916 .m-header-back { position: absolute; left: 0; top: 0; width: 44px; height: 44px; padding: 10px; text-align: center; } #aa7d3af605ae916 .m-header-back svg { width: 16px; fill: #666; } #aa7d3af605ae916 .m-header-title { height: 44px; line-height: 44px; font-size: 16px; color: #333; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #aa7d3af605ae916 .order-status { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f66d70), to(#e93b3d)); background-image: -webkit-linear-gradient(left, #f66d70, #e93b3d); background-image: linear-gradient(90deg, #f66d70, #e93b3d); color: #fff; padding: 12px 10px; font-size: 12px; line-height: 18px; position: relative; } #aa7d3af605ae916 .order-status:before { content: ""; position: absolute; width: 50px; height: 20px; left: 0; bottom: 0; border-radius: 0 100% 0 0; background-image: -webkit-linear-gradient(60deg, #e93c3e 32%, #f66c6c 69%); background-image: linear-gradient(30deg, #e93c3e 32%, #f66c6c 69%); } #aa7d3af605ae916 .order-status:after { content: ""; position: absolute; width: 25px; height: 48px; right: 0; bottom: 0; border-radius: 100% 0 0 2%; background-image: -webkit-linear-gradient(53deg, #e93c3e 8%, #f66d70 78%); background-image: linear-gradient(37deg, #e93c3e 8%, #f66d70 78%); } #aa7d3af605ae916 .state-desc { padding-left: 25px; } #aa7d3af605ae916 .order-status .icon-status { position: absolute; display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-image: url(/resources/sys/img/order_status_icon.png); background-size: 41px 41px; background-repeat: no-repeat; top: 25px; } #aa7d3af605ae916 .order-status .icon-status.status-1, #aa7d3af605ae916 .order-status .icon-status.status-2, #aa7d3af605ae916 .order-status .icon-status.status-3 { background-position: 0 -22px; } #aa7d3af605ae916 .order-status .icon-status.status--1 { background-position: -22px 0; } #aa7d3af605ae916 .state-desc .state-title { font-size: 16px; font-weight: 500; line-height: 1.5; } #aa7d3af605ae916 .state-tip { font-size: 12px; } #aa7d3af605ae916 .top-content { padding: 0 10px; background: #fff; } #aa7d3af605ae916 .top-content .fa { font-size: 24px; display: inline-block; margin-right: 10px; color: #ccc; width: 24px; text-align: center; } #aa7d3af605ae916 .top-content .desc { color: #333; line-height: 21px; font-size: 14px; background: #fff; } #aa7d3af605ae916 .top-content .tip { font-size: 12px; line-height: 18px; color: #999; } #aa7d3af605ae916 .top-content .content-wrap { padding: 12px 0; border-bottom: 1px solid #f7f7f7; } #aa7d3af605ae916 .top-content.address .content-wrap { border-bottom: none; } #aa7d3af605ae916 .goods-item { margin-top: 10px; padding: 10px 10px 20px 10px; background: #fff; border-bottom: 1px solid #f7f7f7; } #aa7d3af605ae916 .goods-item img { display: block; width: 75px; height: 75px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); border-radius: 2px; margin-right: 10px; } #aa7d3af605ae916 .goods-info .title { font-size: 14px; margin-bottom: 3px; word-break: break-all; position: relative; color: #333; font-weight: 500; } #aa7d3af605ae916 .goods-info .sku-name { height: 20px; line-height: 20px; font-size: 12px; color: #999; } #aa7d3af605ae916 .goods-info .private-info { font-size: 12px; } #aa7d3af605ae916 .goods-info .num-wrap { color: #999; font-size: 12px; } #aa7d3af605ae916 .goods-info .present-price { line-height: 30px; color: #e93b3d; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } #aa7d3af605ae916 .panel { background: #fff; margin: 20px 0; } #aa7d3af605ae916 .panel-header { padding: 10px; color: #333; font-size: 16px; position: relative; border-bottom: 1px solid #f7f7f7; } #aa7d3af605ae916 .panel-header .tip { line-height: 24px; font-size: 12px; position: absolute; right: 10px; top: 10px; color: #999; } #aa7d3af605ae916 .contact { padding: 16px 0; line-height: 1; font-size: 12px; color: #999; display: block; text-align: center; } #aa7d3af605ae916 .hide { display: none; } #aa7d3af605ae916 .contact img { width: 20px; height: 20px; margin-right: 4px; display: inline-block; } #aa7d3af605ae916 .order-detail { padding: 15px 10px; background: #fff; } #aa7d3af605ae916 .order-detail .order-item { line-height: 22px; margin-bottom: 3px; color: #151515; } #aa7d3af605ae916 .order-detail .order-item span { color: #999; display: inline-block; margin-right: 6px; } #aa7d3af605ae916 .order-summary { border-top: 1px solid #f7f7f7; padding: 12px 0; } #aa7d3af605ae916 .order-id { font-size: 13px; font-style: normal; } #aa7d3af605ae916 .order-summary .order-price { line-height: 21px; color: #333; font-weight: 400; } #aa7d3af605ae916 .order-summary .price { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; } #aa7d3af605ae916 .total-price { font-size: 16px; color: #333; font-weight: 500; line-height: 32px; } #aa7d3af605ae916 .total-price .price { color: #f2270c; } #aa7d3af605ae916 .order-bottom { height: 50px; position: fixed; left: 0; bottom: 0; right: 0; background-color: #fff; z-index: 1000; font-size: 12px; border-top: 1px solid #f7f7f7; } #aa7d3af605ae916 .pay-btn { display: inline-block; line-height: 50px; position: absolute; right: 0; top: 0; padding: 0 35px; color: #fff; font-size: 18px; background-color: #E2231A; text-align: center; cursor: pointer; } #a6946afb6da7908 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #a7558ab039afcb0 .comment-detail { min-height: 600px; } #a7558ab039afcb0 table { background: #f9fdff; width: 100%; border-collapse: collapse; border-spacing: 0; } #a7558ab039afcb0 table th, #a7558ab039afcb0 table td { padding: 10px 20px; border: #ececec 1px solid; line-height: 1.8em; } #a7558ab039afcb0 table th { padding-left: 0; text-align: right; background: #eff7fe; font-weight: normal; color: #333; } #a7558ab039afcb0 .red { color: #F00!important; } #a7558ab039afcb0 .table-title span { display: inline-block; padding: 0 40px; line-height: 40px; color: #274589; font-size: 16px; font-weight: bold; background: url(/resources/sys/img/icons/title_icon.png) 0 center no-repeat; } #a026ea714aa8578 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}#a3715af1eca73cd .ap-content-container { height: 100%; min-height: 40px; } #ab67da94bfa247a .address-select { cursor: pointer; } #ab67da94bfa247a .form-item { border-bottom: 1px solid #f5f5f5; padding: 20px 0; } #ab67da94bfa247a .form-item-last { border-bottom: none; } #ab67da94bfa247a .form-item .uk-form-label { font-size: 16px; color: #888; margin-bottom: 8px; font-weight: bolder; display: block; } #ab67da94bfa247a .address-select .uk-select { width: 100px; } #ab67da94bfa247a .form-item .uk-input, #ab67da94bfa247a .form-item .uk-select { background: #fafafa; border-color: #eee; } #ab67da94bfa247a .submit-btn { background: #5cc55c; font-size: 18px; width: 160px; text-align: center; border-radius: 2px; line-height: 48px; } #ab67da94bfa247a .submit-btn:hover { opacity: .9; } #ab67da94bfa247a .img-box { margin-top: 40px; } #ab67da94bfa247a .img-box .up-p { margin-bottom: 20px; font-size: 16px; color: #555; } #ab67da94bfa247a .z_photo { padding: 18px; border: 2px dashed #e7e6e6; } #ab67da94bfa247a .z_photo .z_file { position: relative; } #ab67da94bfa247a .z_file .file { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; } #ab67da94bfa247a .z_photo .up-section { position: relative; margin-right: 20px; margin-bottom: 20px; } #ab67da94bfa247a .up-section .close-upimg { position: absolute; top: 6px; right: 8px; display: none; z-index: 10; } #ab67da94bfa247a .up-section .up-span { display: block; width: 100%; height: 100%; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0.5); } #ab67da94bfa247a .up-section:hover { border: 2px solid #f15134; } #ab67da94bfa247a .up-section:hover .close-upimg { display: block; } #ab67da94bfa247a .up-section:hover .up-span { visibility: visible; } #ab67da94bfa247a .z_photo .up-img { display: block; width: 100%; height: 100%; } #ab67da94bfa247a .upimg-div .up-section { width: 190px; height: 180px; } #ab67da94bfa247a .img-box .upimg-div .z_file { width: 190px; height: 180px; } #ab67da94bfa247a .publish-price { font-size: 16px; color: #888; } #ab67da94bfa247a .publish-price .num { color: #ff9933; display: inline-block; margin: 0 4px; font-weight: 500; } #ab67da94bfa247a .z_file .add-img { display: block; width: 190px; height: 180px; cursor: pointer; } #ab67da94bfa247a .mask { z-index: 1000; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } #ab67da94bfa247a .mask .mask-content { width: 500px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -80px; background: #fff; height: 160px; text-align: center; } #ab67da94bfa247a .mask .mask-content .del-p { color: #555; height: 94px; line-height: 94px; font-size: 18px; border-bottom: 1px solid #d1d1d1; } #ab67da94bfa247a .mask-content .check-p { height: 66px; line-height: 66px; position: absolute; bottom: 0; left: 0; width: 100%; } #ab67da94bfa247a .mask-content .check-p span { width: 49%; display: inline-block; text-align: center; color: #d4361d; font-size: 18px; } #ab67da94bfa247a .check-p .del-com { border-right: 1px solid #d1d1d1; } #ab67da94bfa247a #fileList, #ab67da94bfa247a #picker { display: inline-block; float: left; } #ab67da94bfa247a .thumbnail { width: 140px; display: inline-block; margin-right: 10px; position: relative; } #ab67da94bfa247a .thumbnail img { width: 100%; height: 130px; } #ab67da94bfa247a .thumbnail .info { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 5px; text-align: center; font-size: 12px; color: #fff; } #ab67da94bfa247a .thumbnail .error { background: #f43838; color: #fff; position: absolute; bottom: 0; left: 0; height: 28px; line-height: 28px; width: 100%; z-index: 100; font-size: 12px; text-align: center; cursor: pointer; } #ab67da94bfa247a .thumbnail .remove { position: absolute; color: #fff; right: 10px; top: 10px; width: 24px; height: 24px; border-radius: 12px; font-size: 12px; background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 24px; } #ab67da94bfa247a #picker { width: 140px; height: 130px; background: url(/resources/sys/img/upload-img.png) center center no-repeat; background-size: cover; overflow: hidden; position: relative; font-size: 0px; text-indent: -1000px; } #ab67da94bfa247a .webuploader-pick { height: 100%; } #a305ca2429a81d2 .uk-container { line-height: 2; } #aa4a6ab20caac5e > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#aa4a6ab20caac5e > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#ab686a63a2a82ec > .ele-wrap {background-color: rgba(255, 255, 255, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;border-top-width: 1px;border-top-color: rgba(242, 242, 242, 1);border-top-style: solid;border-right-color: rgba(242, 242, 242, 1);border-left-color: rgba(242, 242, 242, 1);border-bottom-color: rgba(242, 242, 242, 1);border-right-style: solid;border-left-style: solid;border-bottom-style: solid;}#ab686a63a2a82ec > .ele-wrap:hover {box-shadow: 0px 0px 0px 0px rgba(220, 220, 220, 1);}#acd4ea34cbad16b .menu-list { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: transparent; } #acd4ea34cbad16b .menu-list > li { height: 100%; position: relative; flex-shrink: 0; } #acd4ea34cbad16b .menu-list > li:before { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #138df2; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #acd4ea34cbad16b .menu-list > li > a { padding: 0 35px; } #acd4ea34cbad16b .menu-list > li:hover:before { height: 100%; } #acd4ea34cbad16b .menu-list > li:hover:after { color: auto; } #acd4ea34cbad16b .menu-list > li:after { position: absolute; width: 1px; left: -2px; top: 50%; margin-top: -15px; font-size: 15px; line-height: 30px; color: #a3a7ad; font-weight: 400; content: "|"; } #acd4ea34cbad16b .menu-list > li:first-child:after { content: ""; } #acd4ea34cbad16b .menu-list > li.active > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; background-color: #138df2; } #acd4ea34cbad16b .menu-list > li ul { padding: 0; background-color: #152545; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } #acd4ea34cbad16b .menu-list > li ul li { position: relative; } #acd4ea34cbad16b .menu-list > li ul li a { position: relative; display: block; padding: 10px 20px; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; white-space: nowrap; width: 150px; } #acd4ea34cbad16b .menu-list > li > a { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 30px; color: #a3a7ad; opacity: 1; white-space: nowrap; text-transform: capitalize; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; font-family: inherit; } #acd4ea34cbad16b .menu-list > li:hover > a { font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li:hover > a { background-color: #138df2; font-weight: normal; font-style: normal; text-decoration: none; font-family: inherit; color: #ffffff; } #acd4ea34cbad16b li ul li a:active, #acd4ea34cbad16b li ul li a.active, #acd4ea34cbad16b li ul li.active > a { background-color: #bc0008; } #acd4ea34cbad16b li ul, #acd4ea34cbad16b li ul li ul { line-height: 40px; list-style-type: none; text-align: left; left: -999em; position: absolute; z-index: 999; } #acd4ea34cbad16b li:hover > ul { left: auto; } #acd4ea34cbad16b li ul li:hover ul { left: 100%; top: 0; } #a4301aa405ae1f5 > .ele-wrap {background-color: rgba(255, 153, 0, 1);border-right-style: none;border-left-style: none;border-bottom-style: none;border-top-style: none;}