/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
    writing-mode: horizontal-tb;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;

    direction: ltr;
    /* Prevent selection from interacting weirdly with the page,
     * see bug 1766093. Our text selection story with shadow dom should be
     * better, see bug 1590379 */
    user-select: none;
    /* Prevent unwanted style inheritance. See bug 554717. */
    text-align: left;
    list-style-image: none !important;
    font: normal normal normal 100% / normal sans-serif !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.videocontrols[flipped] {
    transform: scaleX(-1);
}

.controlsContainer {
    --clickToPlay-size: 48px;
    --button-size: 30px;
    --timer-size: 40px;
    --timer-long-size: 60px;
    --track-size: 5px;
    --thumb-size: 13px;
    --label-font-size: 13px;
    --pip-toggle-padding: 5px;
    --control-focus-outline: 2px solid #00ddff;
    --control-focus-outline-offset: -2px;
    --pip-toggle-icon-width-height: 16px;
    --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

    color: #fff;
}

.controlsContainer.touch {
    --clickToPlay-size: 64px;
    --button-size: 40px;
    --timer-size: 52px;
    --timer-long-size: 78px;
    --track-size: 7px;
    --thumb-size: 16px;
    --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --clickToPlay-width: var(--clickToPlay-size);
    --playButton-width: var(--button-size);
    --scrubberStack-width: 64px;
    --muteButton-width: var(--button-size);
    --volumeStack-width: 48px;
    --castingButton-width: var(--button-size);
    --closedCaptionButton-width: var(--button-size);
    --fullscreenButton-width: var(--button-size);
    --positionDurationBox-width: var(--timer-size);
    --durationSpan-width: var(--timer-size);
    --positionDurationBox-width-long: var(--timer-long-size);
    --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --scrubberStack-width: 84px;
    --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen]>.controlsContainer>.controlsOverlay>#pictureInPictureToggle {
    display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
    display: flex;
    opacity: 0;
    pointer-events: none;
}

.controlBar[size="hidden"] {
    display: none;
}

.controlsSpacer[hideCursor] {
    cursor: none;
}

.controlsContainer,
.progressContainer {
    position: relative;
    height: 100%;
}

.stackItem {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.statusOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.controlsSpacerStack {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controlBar {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 40px;
    padding: 0 9px;
    background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
    height: 52px;
}

.controlBar>.button {
    /* Prevent #textTrackListContainer from blocking clicks on controls */
    z-index: 1;
    height: 100%;
    min-width: var(--button-size);
    min-height: var(--button-size);
    padding: 6px;
    border: 0;
    margin: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    background-clip: content-box;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar>.button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList>.textTrackItem:focus-visible {
    outline: var(--control-focus-outline);
    outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar>.button {
    background-size: 24px 24px;
}

.controlBar>.button:enabled:hover {
    fill: #48a0f7;
}

.controlBar>.button:enabled:hover:active {
    fill: #2d89e6;
}

.playButton {
    background-image: url(chrome://global/skin/media/pause-fill.svg);
}

.playButton[paused] {
    background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
    background-image: url(chrome://global/skin/media/audio.svg);
}

.muteButton[muted] {
    background-image: url(chrome://global/skin/media/audio-muted.svg);
}

.muteButton[noAudio] {
    background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}

.muteButton[noAudio]+.volumeStack {
    display: none;
}

.castingButton {
    background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
    background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}

.closedCaptionButton[enabled] {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
    background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}

.fullscreenButton[fullscreened] {
    background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
    flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
    height: var(--thumb-size);
    width: var(--thumb-size);
    border: none;
    border-radius: 50%;
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
    outline: none;
}

.progressBackgroundBar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progressStack {
    position: relative;
    width: 100%;
    height: var(--track-size);
}

.scrubberStack {
    /* minus margin to get basis of required width */
    min-width: calc(var(--scrubberStack-width) - 18px);
    flex-basis: calc(var(--scrubberStack-width) - 18px);
    flex-grow: 2;
    flex-shrink: 0;
    margin: 0 9px;
}

.volumeStack {
    max-width: 60px;
    min-width: var(--volumeStack-width);
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 6px;
    margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
    bottom: 0;
    color: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    margin: 0;
    background: none;
    outline: none;
}

.bufferBar {
    background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    background: none;
}

.bufferBar::-moz-progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
    background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
    background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
    background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
    background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
    height: var(--track-size);
    border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
}

.volumeControl::-moz-range-track {
    background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {

    /* Show a border in high contrast mode since background-colors
       are not shown. */
    .scrubber::-moz-range-track,
    .volumeControl::-moz-range-track {
        border: 1px solid;
    }

    .scrubber::-moz-range-progress,
    .volumeControl::-moz-range-progress {
        border: 2px solid;
    }
}

.textTrackListContainer {
    position: absolute;
    right: 5px;
    bottom: 45px;
    top: 5px;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.textTrackList {
    flex: 0 1 auto;
    border: 1px solid #000;
    border-radius: 2.5px;
    padding: 5px 0;
    vertical-align: middle;
    background-color: #000;
    opacity: 0.7;
    overflow-y: auto;
}

.touch .textTrackList {
    bottom: 58px;
}

.textTrackList>.textTrackItem {
    display: block;
    width: 100%;
    height: var(--button-size);
    font-size: var(--label-font-size);
    padding: 2px 10px;
    border: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    background-color: transparent;
    color: inherit;
}

.textTrackList>.textTrackItem:hover {
    background-color: #444;
}

.textTrackList>.textTrackItem[aria-checked="true"] {
    color: #48a0f7;
}

.positionLabel,
.durationLabel {
    display: none;
}

.positionDurationBox {
    text-align: center;
    padding-inline-start: 1px;
    padding-inline-end: 9px;
    white-space: nowrap;
    font: message-box;
    font-size: var(--label-font-size);
    font-size-adjust: 0.55;
    font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
    .positionDurationBox {
        font-size-adjust: unset;
        font-family: "Helvetica Neue", "Helvetica", sans-serif;
    }
}

.duration {
    display: inline-block;
    white-space: pre;
    color: #929292;
}

.statusIcon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
    background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
    background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.statusIcon[type="error"] {
    min-width: 70px;
    min-height: 60px;
    background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
    min-width: 84px;
    min-height: 84px;
    background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
    -moz-context-properties: fill;
    fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
    transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
    margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
    appearance: none;
    border: none;
    min-width: var(--clickToPlay-size);
    min-height: var(--clickToPlay-size);
    border-radius: 50%;
    background-image: url(chrome://global/skin/media/play-fill.svg);
    background-repeat: no-repeat;
    background-position: 54% 50%;
    background-size: 40% 40%;
    background-color: #1a1a1a;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    opacity: 0.8;
    position: relative;
    top: 20px;
}

.controlsSpacerStack:hover>.clickToPlay,
.clickToPlay:hover {
    opacity: 0.55;
}

.controlsSpacerStack:hover>.clickToPlay[fadeout] {
    opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
    display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error]+.controlsOverlay>.controlsSpacerStack {
    opacity: 0;
}

.pictureInPictureOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
    display: none;
    padding: 0 10px;
    text-align: center;
    font: message-box;
    font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
    direction: rtl;
}

[status="errorAborted"]>#errorAborted,
[status="errorNetwork"]>#errorNetwork,
[status="errorDecode"]>#errorDecode,
[status="errorSrcNotSupported"]>#errorSrcNotSupported,
[status="errorNoSource"]>#errorNoSource,
[status="errorGeneric"]>#errorGeneric,
[status="pictureInPicture"]>#pictureInPicture {
    display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {

    .controlsSpacer,
    .clickToPlay {
        background-color: transparent;
    }
}

.a11y-only {
    position: absolute;
    left: -10000px;
    width: 100px;
    height: 100px;
}

:host::cue {
    font-size: var(--cue-font-size);
    writing-mode: var(--cue-writing-mode, inherit);
}

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering>.pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
}

.pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
    display: none;
}

.pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
    top: 25%;
}

.pip-wrapper[policy="middle"] {
    top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
    top: 75%;
}

.pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video]>.pip-expanded>.pip-icon-label>.pip-label {
    font-size: 13px;
}

.pip-wrapper[medium-video]>.pip-expanded {
    font-size: 11px;
}

.pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"]>.pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
}

.pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
}

.pip-wrapper>.pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used])>.pip-small {
    opacity: 0;
    transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used])>.pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering>.pip-expanded {
    pointer-events: auto;
}

.pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
}

.pip-wrapper[position="left"]>.pip-expanded>.pip-icon-label>.pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
}

.pip-small {
    width: 40px;
    height: 40px;
}

.pip-wrapper[position="left"]>.pip-expanded>.pip-icon-label>.pip-icon {
    display: none;
}

.pip-wrapper:is([small-video], [has-used])>.pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used])>.pip-icon {
    display: none;
}

.pip-wrapper[position="right"]>.pip-expanded>.pip-icon-label>.pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.pip-wrapper[position="right"]>.pip-expanded>.pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.pip-wrapper[position="right"]>.pip-expanded>.pip-icon-label>.pip-icon,
.pip-wrapper[position="right"]>.pip-expanded>.pip-icon-label>.pip-label {
    margin-block: auto;
}

.pip-wrapper[position="right"]>.pip-expanded>.pip-icon-label>.pip-icon {
    margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"]>.pip-expanded>.pip-icon-label>.pip-label {
    margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {

    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
        /* Transition changes in other rules may override this one if reduced motion is preferred.
         * Make sure this one always takes priority. */
        transition: none !important;
    }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering>.pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering>.pip-wrapper.hovering {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment)>.pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment)>.pip-expanded,
.pip-wrapper:not(.experiment)>.pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment)>.pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment)>.pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition:
            opacity 250ms,
            scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering>.pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering>.pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment)>.pip-expanded>.pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition:
            opacity 250ms,
            translate 190ms;
    transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment)>.pip-explainer {
    text-align: right;
    direction: rtl;
}

.pip-wrapper:not(.experiment).hovering>.pip-expanded>.pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment>.pip-expanded>.pip-icon-label>.pip-label {
    font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering>.pip-wrapper {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible>.pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible>.pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment>.pip-expanded>.pip-explainer {
    display: none;
}

.pip-wrapper.experiment>.pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
}

.pip-wrapper.experiment>.pip-expanded {
    transition:
            opacity 250ms,
            scale 200ms,
            translate 190ms,
            background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment>.pip-small,
.pip-wrapper.experiment>.pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.pip-wrapper.experiment.hovering>.pip-small,
.pip-wrapper.experiment.hovering>.pip-expanded {
    background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible)>.pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible)>.pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering>.pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering>.pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible>.pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible>.pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}

:root {
    --theme-color: #06c1ae
}


.video-js {
    width: 300px;
    height: 150px;
}

.vjs-fluid {
    padding-top: 56.25%
}

@charset "utf-8";

[class*=" icon-"],
[class*=faisco-icons-],
[class^=icon-] {
    font-family: icomoon,
    微软雅黑,
    'microsoft yahei',
    宋体,
    新宋体;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
    margin: 0
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .4)
}

.clearFix:after,
.clearFix:before {
    content: "";
    display: table
}

.clearFix:after {
    clear: both
}

html {
    height: 100%;
    font-size: 32px;
}

input,
textarea {
    -webkit-user-select: text
}

a {
    color: #000;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

video {
    width: 100%
}

img {
    border: none;
    max-width: 100%;
    vertical-align: top
}

input[type=checkbox],
input[type=radio] {
    vertical-align: -2px
}

.g_textArea {
    text-indent: .25rem;
    height: 2.5rem;
    line-height: 1.1rem;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-appearance: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: -1px;
    outline: 0;
    z-index: 1;
    position: relative;
    text-indent: 0;
    padding-top: .6rem;
    padding-right: .5rem;
    color: #999
}

.g_textArea:focus {
    border-color: #9dbff6;
    color: #333
}

.g_border {
    border-bottom: 1px solid #ccc
}

.g_separator {
    background: #ccc
}

.g_panel {
    background: #d5f8f4
}

.g_replyPanel {
    background: #b8deea
}

.g_panelArrow {
    color: #b8deea
}

.g_dashed {
    border-bottom: 1px dashed #e1e1e1
}

.g_input {
    padding: .75rem;
    height: 2.5rem;
    line-height: 1.1rem;
    font-size: .7rem;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -1px;
    width: 100%;
    color: #999;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0;
    z-index: 1
}

.g_select {
    padding-left: .75rem;
    height: 2.5rem;
    line-height: normal !important;
    font-size: .7rem;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -1px;
    width: 100%;
    color: #999;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    outline: 0;
    z-index: 1;
    position: relative
}

.fk-selectStyle {
    font-family: 微软雅黑;
    color: #8c8c8c
}

.itemEdit {
    padding-left: 2.1rem
}

.g_locale2052 .itemEdit {
    padding-left: 3.5rem
}

.g_input:focus {
    color: #333;
    border-color: #9dbff6;
    z-index: 2
}

.fk-inputFontColor {
    color: #333
}

.g_select:focus {
    color: #333;
    border-color: #9dbff6;
    z-index: 2
}

select::-ms-expand {
    display: none
}

select {
    background: url(/image/selectTriangle.png?v=201711250607), #f7f7f7;
    background-repeat: no-repeat;
    background-size: .6rem .6rem;
    cursor: pointer;
    background-position: 96% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    text-indent: .25rem;
    border-radius: 0;
    padding-right: 1rem;
    border: 1px solid #ececec;
    color: #666
}

li,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.g_button {
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    text-align: center;
    margin: .5rem auto;
    padding: 0;
    width: 100%;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline: 0
}

::selection {
    color: #fff;
    background: #5874d8 !important
}

.g_close {
    bottom: 0;
    top: 0;
    float: left;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    display: table;
    height: 100%
}

.icon-gClose {
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer
}

.icon-gClose:before {
    content: "\e60e";
    display: table-cell;
    vertical-align: middle
}

.icon-Off:before {
    content: "\e66f";
    font-size: .7rem
}

.icon-share:before {
    content: "\e6e2";
    font-size: 1rem
}

.icon-defaultColor:before {
    color: #3c414a
}

.icon-gHome:before {
    content: "\e687";
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem
}

body .formStyle52.form .fk-editor a {
    font: inherit;
    color: inherit
}

.formStyle52.ui-sortable-helper .fk-editor a {
    cursor: inherit
}

.wx_addFans_popup_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wx_addFans_popup_wrap .wx_addFans_popup {
    width: 11.95rem;
    background: #fff;
    border-radius: .15rem
}

.wx_addFans_popup_wrap .text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.15rem 0;
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
    font-size: .7rem;
    color: #333
}

.wx_addFans_popup_wrap .text_wrap .countdown,
.wx_addFans_popup_wrap .text_wrap .success_text {
    padding: 0 10px
}

.wx_addFans_popup_wrap .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 2.25rem
}

.wx_addFans_popup_wrap .cancel_btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .6rem;
    height: 100%;
    border-right: solid 1px #e5e5e5;
    color: #007aff;
    cursor: pointer
}

.wx_addFans_popup_wrap .open_btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .6rem;
    height: 100%;
    color: #007aff;
    cursor: pointer
}

.pagenationSelectDiv {
    max-width: 36.6544444444444444444%;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.pagenation {
    clear: both;
    font-size: .7rem;
    color: #333;
    height: 2.5rem;
    width: 100%;
    text-align: center;
    position: relative
}

.pagenation a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    background: url(about:blank)
}

.pagenation .pagePrev {
    left: 0;
    display: inline-block;
    width: 4.5rem;
    border: 2px solid #c9c9c9;
    margin: .6rem 0 .5rem .5rem
}

.pagenation .pageOptions {
    text-align: center
}

.pagenation .pageNext {
    right: 0;
    display: inline-block;
    width: 4.5rem;
    height: 1.75rem;
    border: 2px solid #c9c9c9;
    margin: .6rem .5rem .5rem 0
}

.pagenation .pageNext a:active,
.pagenation .pagePrev a:active {
    background-size: contain !important
}

.pagenation .pageNext span,
.pagenation .pagePrev span {
    line-height: 1.3rem;
    height: 1.3rem
}

.pagenation .pageNext,
.pagenation .pagePrev {
    height: 1.3rem;
    line-height: 1.3rem;
    position: absolute
}

.pagenation .icon-pageNext:before {
    content: '\e672';
    font-size: 1.2rem;
    display: inline-block;
    margin-left: .2rem;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    width: 3.5rem
}

.pagenation .icon-pagePrev:before {
    content: '\e60e';
    font-size: 1.2rem;
    display: inline-block;
    margin-right: .2rem;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    width: 3.3rem
}

.pagenation .icon-pageNext:active:before {
    color: #fff
}

.pagenation .icon-pagePrev:active:before {
    color: #fff
}

.pagenation .pageDisable {
    opacity: .5
}

.pagenation .pageSelect {
    height: 1.3rem;
    padding: 0 .35rem;
    margin-bottom: .5rem;
    border: 1px solid #c9c9c9;
    background: #fff;
    font-size: .6rem;
    font-weight: 400;
    margin-top: .6rem;
    text-indent: 0
}

.pagenation select::-ms-expand {
    display: none
}

.g_iconMiddle:before {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.icon-gOther:before {
    content: "\e6b8";
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #333
}

.g_round {
    border-radius: 100%;
    -ms-border-radius: 100%;
    position: absolute;
    width: 1.35rem;
    height: 1.35rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    background: rgba(255, 255, 255, .7)
}

.userCommentPanel .notice {
    width: initial;
    margin: .5rem
}

.notice {
    text-align: center;
    overflow: hidden;
    height: 1.25rem;
    font-size: .6rem;
    background: #fef5d8;
    color: #eb6a40;
    line-height: 1.25rem;
    width: 100%;
    margin: -.05rem auto .65rem auto
}

.notice2 {
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: .5rem auto .5rem auto;
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.notice3 {
    padding: .5rem 0;
    background: #f7f7f7
}

.notice3 .noticeText {
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0 auto;
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.icon-memailIcon:before,
.icon-mmsgIcon:before,
.icon-mnameIcon:before,
.icon-mphoneIcon:before,
.icon-mpswIcon:before {
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2;
    color: #333
}

.icon-mmsgIcon:before {
    top: .6rem
}

.icon-mpswIcon:before {
    content: "\e69b"
}

.icon-mnameIcon:before {
    content: "\e641"
}

.icon-memailIcon:before {
    content: "\e6a1"
}

.icon-mphoneIcon:before {
    content: "\e62d"
}

.icon-mmsgIcon:before {
    content: "\e6b3"
}

.mtitle {
    margin-bottom: 0;
    padding-top: 1.125rem;
    text-align: center
}

.g_globalLine {
    position: relative;
    width: 100%
}

.mallPrice {
    color: #ff5000;
    word-wrap: break-word
}

.marketPrice {
    text-decoration: line-through;
    font-size: .6rem
}

.form .formMiddle .imageMiddle {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.form .formMiddle .mProductTileForm {
    display: inline-table;
    display: inline-block;
    vertical-align: top
}

.g_locale2052 .g_button {
    background-position: 32% 40%
}

.form .mProductList .textAlign_left,
.textAlign_left {
    text-align: left
}

.form .mProductList .textAlign_center,
.textAlign_center {
    text-align: center
}

.tableBox {
    display: table;
    margin: .25rem 0;
    width: 100%;
    table-layout: fixed
}

.tableBox .tableCell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0;
    padding-left: .5rem
}

.tableBox .phonebox,
.tableBox .qqbox {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0;
    padding-left: .5rem
}

.tableBox .tableCell-30 {
    width: 30%
}

.tableBox .tableCell-70 {
    width: 70%
}

.tableBox .paramNowrap {
    overflow: hidden;
    text-overflow: ellipsis
}

.tableBox .paramWrap {
    word-break: normal
}

.mProductList .tableBox {
    table-layout: fixed
}

.phoneDiv {
    width: 100%
}

.tablesDiv {
    width: 100%;
    max-width: 768px;
    height: auto;
    max-height: 100%;
    overflow: auto;
    background-color: #fff;
    opacity: 1;
    position: fixed;
    bottom: -100%;
    z-index: 10000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.phoneFullBg {
    max-width: 768px;
    background-color: #000;
    position: fixed;
    z-index: 10000;
    top: 0;
    opacity: 0
}

.fullTableDiv {
    width: 100%;
    height: 2.25rem
}

.fullTableDiv:active {
    width: 100%;
    height: 2.25rem;
    background: rgba(0, 0, 0, .1)
}

.qqDiv {
    width: 100%
}

.phoneDiv .tableDiv,
.qqDiv .tableDiv {
    width: auto;
    display: block;
    margin: 0 0 0 1.25rem;
    height: 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scrollTable {
    width: 100%;
    overflow: auto
}

.qqFullBg {
    max-width: 768px;
    background-color: #000;
    position: fixed;
    z-index: 10000;
    top: 0;
    opacity: 0
}

.fullTableDiv:active {
    width: 100%;
    height: 2.25rem;
    background: rgba(0, 0, 0, .1)
}

.tableDiv {
    margin: 0 auto 0 auto;
    height: 2.75rem;
    width: 80%
}

.tableBox .phoneName,
.tableBox .qqName {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #333;
    min-width: 20%;
    max-width: 34%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    font-size: .6rem
}

.tableBox .phoneNumber,
.tableBox .qqNumber {
    color: #333;
    font-size: .6rem;
    width: 58%;
    height: 2.25rem;
    line-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1.15rem
}

.tableBox .phoneOperation,
.tableBox .qqOperation {
    height: 2.25rem;
    margin-right: 0;
    padding-left: 0;
    line-height: 2.25rem;
    text-align: right;
    float: right;
    margin-right: 1.25rem
}

.phoneLine,
.qqLine {
    width: 100%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f5f5;
    clear: both;
    font-size: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 1px;
    line-height: 1px;
    border-width: 1px
}

.phoneOperImg,
.qqOperImg {
    width: .7rem;
    height: .7rem;
    display: inline-block
}

.phoneOperImg:before,
.qqOperImg:before {
    content: '\b0106';
    color: #8f8f8f;
    font-size: .5rem
}

.pCancle,
.qCancle {
    height: 2.25rem;
    line-height: 2.25rem;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5
}

.phoneCancle,
.qqCancle {
    height: 2.25rem;
    line-height: 2.25rem;
    width: 100%;
    display: inline-block;
    font-size: .7rem;
    color: #585858;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: default
}

.phoneCancle:active,
.qqCancle:active {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1)
}

.nav_offical_sub_menu_wrap {
    clear: both;
    z-index: 10
}

.nav_offical_sub_menu_wrap .navItem .navItemName {
    max-width: 6.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.jz_navbar_sub_menu_open {
    overflow-x: hidden
}

.nav_offical_sub_menu_wrap .icon-navItem {
    line-height: normal
}

.jz_subMenu_fold.jz_subMenu_bar .navItem:after {
    display: none
}

.jz_subMenu_fold.jz_subMenu_bar .nav_1_level:after {
    content: "\e672";
    font-size: .7rem;
    position: absolute;
    right: .5rem;
    top: 50%;
    color: #fff;
    display: inline;
    -webkit-transform: translateY(-38%);
    transform: translateY(-38%)
}

.jz_subMenu_fold .nav_1_level .navItemName {
    display: inline-block;
    max-width: 3.38rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    display: inline-block;
    max-width: 4.38rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.nav_sub_layout_fold .itemSep:first-child {
    display: block
}

.nav_sub_layout_fold .navItem {
    background-color: #37383e
}

.nav_sub_layout_fold div.navItem a {
    color: #fff
}

.nav_sub_layout_fold .icon-navItemIcon:before {
    opacity: 0
}

.jz_subMenu_fold .nav_sub_layout_fold .navItem:last-child {
    margin-bottom: 0
}

.jz_subMenu_fold .jz_navbar_sub_menu_open .nav_1_level:nth-last-child(2) {
    margin-bottom: 0;
    -webkit-transition: unset;
    transition: unset
}

.jz_subMenu_fold .nav_1_level:after {
    -webkit-transition: all .4s;
    transition: all .4s
}

.jz_subMenu_fold .navbarList div.subMenuOpen:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.jz_subMenu_fold2.jz_subMenu_bar div.navItem:after {
    display: none
}

.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    -webkit-transition: all .4s;
    transition: all .4s
}

.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    content: "\e672";
    font-size: .7rem;
    position: absolute;
    right: .5rem;
    top: 50%;
    color: #fff;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.jz_subMenu_fold2 .navbarList div.subMenuOpen:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep:first-child {
    display: block
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .navItem {
    background-color: #37383e
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem a {
    color: #fff
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:before {
    opacity: 0
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .navItem:last-child {
    margin-bottom: 0
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem {
    background-color: #fff
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem a {
    color: #666
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep {
    border-bottom: 1px solid #f2f2f2
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon {
    display: inline-block;
    position: relative
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:after {
    content: "";
    width: .3rem;
    height: .3rem;
    display: inline-block;
    border-radius: .3rem;
    background-color: #999;
    position: absolute;
    top: 50%;
    margin-top: -.15rem;
    right: .1rem
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:before {
    display: none
}

.jz_subMenu_fold2 .jz_navbar_sub_menu_open .nav_1_level:nth-last-child(2) {
    margin-bottom: 0;
    -webkit-transition: unset;
    transition: unset
}

.nav_sub_layout_bubble,
.nav_sub_layout_dragDown {
    position: absolute;
    margin-top: .55rem;
    background-color: #fff;
    border-radius: .2rem;
    -webkit-box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .1);
    font-size: .6rem;
    text-align: center
}

.nav_sub_layout_bubble .navItem:first-child,
.nav_sub_layout_dragDown .navItem:first-child {
    margin-top: 0
}

.nav_sub_layout_bubble .navItem,
.nav_sub_layout_dragDown .navItem {
    margin-top: .9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 6.25rem
}

.nav_sub_layout_bubble .navItemName,
.nav_sub_layout_dragDown .navItemName {
    color: #333
}

.nav_sub_layout_bubble .nav_sub_menu_triangle2 {
    position: absolute;
    top: -.48rem;
    left: 50%;
    margin-left: -.35rem
}

.nav_sub_layout_bubble .nav_sub_menu_triangle2:before {
    content: "\b0113";
    color: #fff;
    font-size: .7rem;
    text-shadow: 0 -1px .15rem rgba(0, 0, 0, .05)
}

.nav_sub_layout_bubble_horizon .nav_offical_sub_menu_wrap2 {
    margin-top: -.4rem;
    margin-bottom: 1.2rem
}

.nav_sub_layout_bubble_horizon {
    position: fixed;
    background-color: #363636;
    font-size: .7rem
}

.nav_sub_layout_bubble_horizon .navItem {
    margin-top: 1.6rem;
    position: relative;
    margin: 1.6rem 1.15rem 0 1.25rem;
    overflow: hidden
}

.nav_sub_layout_bubble_horizon .navItem:first-child {
    margin-top: 0
}

.nav_sub_layout_bubble_horizon a {
    float: left;
    margin-right: .25rem
}

.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2:before {
    content: "";
    width: 0;
    height: 0;
    border: .3658536585365854rem solid transparent;
    border-left-width: .3658536585365854rem;
    border-right-width: .3658536585365854rem;
    border-top-color: #363636
}

.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2 {
    position: absolute;
    top: 50%;
    margin-top: -.3rem;
    right: -1.048780487804878rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.jz_subMenu_dragDown.jz_subMenu_bar .navItem {
    position: relative
}

.jz_subMenu_dragDown .nav_1_level .icon-subNav {
    position: relative;
    vertical-align: middle;
    height: .7rem;
    display: inline-block;
    margin-left: .15rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jz_subMenu_dragDown .nav_1_level .icon-subNav:after {
    content: "\e672";
    font-size: .7rem;
    color: #fff
}

.nav_sub_layout_dragDown {
    margin-top: 0
}

.nav_sub_layout_dragDown .nav_sub_menu_triangle2 {
    display: none
}

.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    font-size: .6rem;
    padding-top: 1rem
}

.jz_subMenu_panel .sub_menu_nav_item_wrap {
    float: none;
    margin-bottom: 1.25rem;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff
}

.jz_subMenu_panel .nav_sub_layout_panel a {
    width: 100%;
    color: #666;
    display: inline-block
}

.jz_subMenu_panel .nav_1_level .icon-subNav {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin-left: -1rem;
    font-size: 0
}

.jz_subMenu_panel .nav_1_level .icon-subNav:after {
    content: "\e672";
    vertical-align: middle;
    font-size: .7rem;
    position: relative;
    top: .04rem
}

.jz_subMenu_panel .jz_navbar_sub_menu_open .navItem {
    -webkit-transition: margin 0s;
    transition: margin 0s
}

.jz_subMenu_panel .icon-parentMenu {
    display: none
}

.jz_subMenu_panel .parent_menu {
    margin-left: 0
}

.jz_subMenu_panel .parent_menu .navItemName {
    vertical-align: middle;
    font-size: .6rem
}

.jz_subMenu_panel .parent_menu a:before {
    position: relative;
    top: .05rem;
    content: "\e60e";
    font-size: .8rem;
    display: table-cell;
    vertical-align: middle;
    width: 1.2rem;
    line-height: 1;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.jz_subMenu_panel .jz_navbar_sub_menu_open {
    min-height: 7.94rem
}

.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    opacity: 0
}

.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    opacity: 0
}

.g_web .jz_subMenu_panel .navbarList div.nav_sub_layout_panel {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    opacity: 1;
    -webkit-transition: left .4s;
    transition: left .4s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav_sub_layout_7 div.navItem:last-child {
    margin: 0
}

.g_web .jz_subMenu_panel2 .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
}

.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: top .4s;
    transition: top .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: sub_menu_enter_two .4s;
    animation: sub_menu_enter_two .4s
}

@-webkit-keyframes sub_menu_enter_two {
    0% {
        top: 100%
    }

    100% {
        top: 0
    }
}

@keyframes sub_menu_enter_two {
    0% {
        top: 100%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes sub_menu_enter {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes sub_menu_enter {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

.nav_offical_sub_menu_wrap {
    clear: both;
    z-index: 10
}

.nav_offical_sub_menu_wrap .navItem .navItemName {
    max-width: 6.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.jz_navbar_sub_menu_open {
    overflow-x: hidden
}

.nav_offical_sub_menu_wrap .icon-navItem {
    line-height: normal
}

.jz_subMenu_fold.jz_subMenu_bar .navItem:after {
    display: none
}

.jz_subMenu_fold.jz_subMenu_bar .nav_1_level:after {
    content: "\e672";
    font-size: .7rem;
    position: absolute;
    right: .5rem;
    top: 50%;
    color: #fff;
    display: inline;
    -webkit-transform: translateY(-38%);
    transform: translateY(-38%)
}

.jz_subMenu_fold .nav_1_level .navItemName {
    display: inline-block;
    max-width: 3.38rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    display: inline-block;
    max-width: 4.38rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.nav_sub_layout_fold .itemSep:first-child {
    display: block
}

.nav_sub_layout_fold .navItem {
    background-color: #37383e
}

.nav_sub_layout_fold div.navItem a {
    color: #fff
}

.nav_sub_layout_fold .icon-navItemIcon:before {
    opacity: 0
}

.jz_subMenu_fold .nav_sub_layout_fold .navItem:last-child {
    margin-bottom: 0
}

.jz_subMenu_fold .jz_navbar_sub_menu_open .nav_1_level:nth-last-child(2) {
    margin-bottom: 0;
    -webkit-transition: unset;
    transition: unset
}

.jz_subMenu_fold .nav_1_level:after {
    -webkit-transition: all .4s;
    transition: all .4s
}

.jz_subMenu_fold .navbarList div.subMenuOpen:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.jz_subMenu_fold2.jz_subMenu_bar div.navItem:after {
    display: none
}

.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    -webkit-transition: all .4s;
    transition: all .4s
}

.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    content: "\e672";
    font-size: .7rem;
    position: absolute;
    right: .5rem;
    top: 50%;
    color: #fff;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.jz_subMenu_fold2 .navbarList div.subMenuOpen:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep:first-child {
    display: block
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .navItem {
    background-color: #37383e
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem a {
    color: #fff
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:before {
    opacity: 0
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .navItem:last-child {
    margin-bottom: 0
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem {
    background-color: #fff
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem a {
    color: #666
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep {
    border-bottom: 1px solid #f2f2f2
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon {
    display: inline-block;
    position: relative
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:after {
    content: "";
    width: .3rem;
    height: .3rem;
    display: inline-block;
    border-radius: .3rem;
    background-color: #999;
    position: absolute;
    top: 50%;
    margin-top: -.15rem;
    right: .1rem
}

.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:before {
    display: none
}

.jz_subMenu_fold2 .jz_navbar_sub_menu_open .nav_1_level:nth-last-child(2) {
    margin-bottom: 0;
    -webkit-transition: unset;
    transition: unset
}

.nav_sub_layout_bubble,
.nav_sub_layout_dragDown {
    position: absolute;
    margin-top: .55rem;
    background-color: #fff;
    border-radius: .2rem;
    -webkit-box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .1);
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.nav_sub_layout_bubble .navItem:first-child,
.nav_sub_layout_dragDown .navItem:first-child {
    margin-top: 0
}

.nav_sub_layout_bubble .navItem,
.nav_sub_layout_dragDown .navItem {
    margin-top: .9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 6.25rem
}

.nav_sub_layout_bubble .navItemName,
.nav_sub_layout_dragDown .navItemName {
    color: #333
}

.nav_sub_layout_bubble .nav_sub_menu_triangle2 {
    position: absolute;
    top: -.48rem;
    left: 50%;
    margin-left: -.35rem
}

.nav_sub_layout_bubble .nav_sub_menu_triangle2:before {
    content: "\b0113";
    color: #fff;
    font-size: .7rem;
    text-shadow: 0 -1px .15rem rgba(0, 0, 0, .05)
}

.nav_sub_layout_bubble_horizon .nav_offical_sub_menu_wrap2 {
    margin-top: -.4rem;
    margin-bottom: 1.2rem
}

.nav_sub_layout_bubble_horizon {
    position: fixed;
    background-color: #363636;
    font-size: .7rem
}

.nav_sub_layout_bubble_horizon .navItem {
    margin-top: 1.6rem;
    position: relative;
    margin: 1.6rem 1.15rem 0 1.25rem;
    overflow: hidden
}

.nav_sub_layout_bubble_horizon .navItem:first-child {
    margin-top: 0
}

.nav_sub_layout_bubble_horizon a {
    float: left;
    margin-right: .25rem
}

.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2:before {
    content: "";
    width: 0;
    height: 0;
    border: .3658536585365854rem solid transparent;
    border-left-width: .3658536585365854rem;
    border-right-width: .3658536585365854rem;
    border-top-color: #363636
}

.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2 {
    position: absolute;
    top: 50%;
    margin-top: -.3rem;
    right: -1.048780487804878rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.jz_subMenu_dragDown.jz_subMenu_bar .navItem {
    position: relative
}

.jz_subMenu_dragDown .nav_1_level .icon-subNav {
    position: relative;
    vertical-align: middle;
    height: .7rem;
    display: inline-block;
    margin-left: .15rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jz_subMenu_dragDown .nav_1_level .icon-subNav:after {
    content: "\e672";
    font-size: .7rem;
    color: #fff
}

.nav_sub_layout_dragDown {
    margin-top: 0
}

.nav_sub_layout_dragDown .nav_sub_menu_triangle2 {
    display: none
}

.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    font-size: .6rem;
    padding-top: 1rem
}

.jz_subMenu_panel .sub_menu_nav_item_wrap {
    float: none;
    margin-bottom: 1.25rem;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff
}

.jz_subMenu_panel .nav_sub_layout_panel a {
    width: 100%;
    color: #666;
    display: inline-block
}

.jz_subMenu_panel .nav_1_level .icon-subNav {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin-left: -1rem;
    font-size: 0
}

.jz_subMenu_panel .nav_1_level .icon-subNav:after {
    content: "\e672";
    vertical-align: middle;
    font-size: .7rem;
    position: relative;
    top: .04rem
}

.jz_subMenu_panel .jz_navbar_sub_menu_open .navItem {
    -webkit-transition: margin 0s;
    transition: margin 0s
}

.jz_subMenu_panel .icon-parentMenu {
    display: none
}

.jz_subMenu_panel .parent_menu {
    margin-left: 0
}

.jz_subMenu_panel .parent_menu .navItemName {
    vertical-align: middle;
    font-size: .6rem
}

.jz_subMenu_panel .parent_menu a:before {
    position: relative;
    top: .05rem;
    content: "\e60e";
    font-size: .8rem;
    display: table-cell;
    vertical-align: middle;
    width: 1.2rem;
    line-height: 1;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.jz_subMenu_panel .jz_navbar_sub_menu_open {
    min-height: 7.94rem
}

.jz_subMenu_panel2 .jz_navbar_sub_menu_open {
    left: 0 !important
}

.jz_subMenu_panel2 .nav_offical_sub_menu_wrap2 {
    font-size: .7rem
}

.jz_subMenu_panel2 .sub_menu_nav_item_wrap {
    float: none;
    line-height: 1.75rem;
    text-align: center;
    padding: 0 1.1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .18)
}

.jz_subMenu_panel2 .sub_menu_nav_item_wrap:last-child {
    border-bottom: none
}

.jz_subMenu_panel2 .nav_sub_layout_panel2 a {
    width: 100%;
    color: rgba(255, 255, 255, .65)
}

.jz_subMenu_panel2 .icon_subMenu {
    display: none;
    width: .3rem;
    height: .3rem;
    background-color: #666;
    border-radius: .3rem;
    margin-right: .6rem
}

.jz_subMenu_panel2 .nav_1_level .navItemName {
    position: relative;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.jz_subMenu_panel2 .jz_navbar_sub_menu_open~.icon-navLeft {
    display: none !important
}

.jz_subMenu_panel2 .jz_navbar_sub_menu_open~.icon-navRight {
    display: none !important
}

.jz_subMenu_panel2 .nav_offical_sub_menu_wrap .navItemName {
    margin-left: .6rem
}

.jz_subMenu_panel2 .jz_navbar_sub_menu_open .navItem {
    -webkit-transition: margin 0s;
    transition: margin 0s
}

.jz_subMenu_panel2 .nav_1_level:after {
    content: "\e672";
    font-size: .8rem;
    position: absolute;
    bottom: -.7rem;
    left: 50%;
    color: #fff;
    -webkit-transform: rotate(90deg) translateY(25%);
    transform: rotate(90deg) translateY(25%)
}

.jz_subMenu_panel2 .parent_menu {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.jz_subMenu_panel2 .parent_menu a {
    color: rgba(255, 255, 255, .65);
    font-size: .7rem
}

.jz_subMenu_panel2 .parent_menu .icon-parentMenu {
    color: #666;
    display: inline-block;
    vertical-align: middle
}

.jz_subMenu_panel2 .parent_menu .icon-parentMenu:after {
    content: "\e672";
    font-size: .7rem;
    color: rgba(255, 255, 255, .65)
}

.jz_subMenu_panel2 .parent_menu .navItemName {
    margin-left: .6rem
}

.jz_subMenu_panel2 .parent_menu .icon-parentMenu {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jz_subMenu_1014.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {
    max-width: 60%
}

.jz_subMenu_1029.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {
    max-width: 60%
}

.jz_subMenu_1017.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {
    max-width: 60%
}

.jz_subMenu_1018.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {
    max-width: 85%
}

.jz_subMenu_1014.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 80%
}

.jz_subMenu_1029.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 80%
}

.jz_subMenu_1017.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 80%
}

.jz_subMenu_1018.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 95%
}

.jz_subMenu_1014.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 62%
}

.jz_subMenu_1029.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 62%
}

.jz_subMenu_1017.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 62%
}

.jz_subMenu_1018.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 87%
}

.jz_subMenu_1005.jz_subMenu_dragDown .icon-subNav:after {
    color: #000
}

.jz_subMenu_1019.jz_subMenu_dragDown .icon-subNav:after {
    color: #000
}

.jz_subMenu_1017 .navbarList div.subMenuOpen {
    background-color: #f8f8f8
}

.jz_subMenu_1017 .navbarList div.subMenuOpen .navItemName {
    color: #2b2b2b
}

.jz_subMenu_1017 .navbarList div.itemSelected:after {
    color: #2b2b2b
}

.jz_subMenu_1017 .navbarList div.subMenuOpen:after {
    color: #2b2b2b
}

.jz_subMenu_1017 .navbarList div.subMenuOpen .navItemIcon:before {
    color: #2b2b2b
}

.subMenu_1017 div.itemSep {
    border-bottom: 1px solid #dbdbdb
}

.subMenu_1017 div.navItem {
    background-color: #f8f8f8
}

.subMenu_1017 div.navItem a {
    font-size: .7rem;
    color: #2b2b2b
}

.jz_subMenu_1018 div.subMenu_1018 .icon-navItemIcon {
    opacity: 0
}

.jz_subMenu_1018 div.subMenu_1018 .navItem {
    background-color: #f8f8f8
}

.jz_subMenu_1018 div.subMenu_1018 .navItem a {
    font-size: .7rem;
    color: #333
}

.jz_subMenu_1018.jz_subMenu_fold .nav_1_level:after {
    color: #000
}

.jz_subMenu_345.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_349.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_342.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_348.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_323.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_325.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_321.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_322.jz_subMenu_fold .nav_1_level .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_345.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_349.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_342.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_348.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_323.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_325.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_321.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_322.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {
    max-width: 6.38rem
}

.jz_subMenu_1020.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep {
    border-bottom: none
}

.jz_subMenu_1020.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    color: #666
}

.jz_subMenu_1007.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    color: #666;
    right: .2rem
}

.jz_subMenu_1007.jz_subMenu_fold2.jz_subMenu_bar div.itemSelected:after {
    color: #fff
}

.jz_subMenu_1003.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    color: #666
}

.jz_subMenu_1026.jz_subMenu_bar.navBaseIcon .navItem .navItemName {
    vertical-align: unset
}

.jz_subMenu_1007.jz_subMenu_bar.navBaseIcon .navItem .navItemName {
    vertical-align: unset
}

.jz_subMenu_1000.jz_subMenu_bar.navBaseIcon .navItem .navItemName {
    vertical-align: unset
}

.jz_subMenu_1010.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    color: #666
}

.jz_subMenu_1026.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    color: #666
}

.jz_subMenu_1026.jz_subMenu_fold2.jz_subMenu_bar .itemSelected.nav_1_level:after {
    color: #fff
}

.jz_subMenu_326.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {
    line-height: 1rem
}

.jz_subMenu_1026.jz_subMenu_bar .navItem a {
    max-width: 90%
}

.jz_subMenu_1026.jz_subMenu_fold2 .nav_1_level.itemSelected a {
    max-width: 100%
}

.jz_subMenu_1026.jz_subMenu_fold2 div.nav_1_level:after {
    right: .3rem
}

.jz_subMenu_1003.jz_subMenu_bar .navItem a {
    max-width: 90%
}

.jz_subMenu_1003.jz_subMenu_fold2 .nav_1_level.itemSelected a {
    max-width: 100%
}

.jz_subMenu_1003.jz_subMenu_fold2 div.nav_1_level:after {
    right: .3rem
}

.jz_subMenu_bubble.jz_subMenu_1004 .nav_1_level {
    position: relative
}

.jz_subMenu_bubble.jz_subMenu_1004.jz_subMenu_bar a {
    line-height: 1.45rem
}

.jz_subMenu_bubble.jz_subMenu_1004 .navItemName {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.jz_subMenu_bubble.jz_subMenu_1004 .nav_1_level .navItemName:after {
    content: "\b0234";
    vertical-align: middle;
    font-size: .7rem;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    margin-left: -.35rem
}

.jz_subMenu_bubble.jz_subMenu_1004 .itemSelected .nav_1_level .navItemName:after {
    color: #fff
}

.jz_subMenu_bubble.jz_subMenu_1004 .navbarList div.nav_1_level {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.jz_subMenu_bubble.jz_subMenu_1023 .nav_1_level {
    position: relative
}

.jz_subMenu_bubble.jz_subMenu_1023.jz_subMenu_bar a {
    line-height: 1.45rem
}

.jz_subMenu_bubble.jz_subMenu_1023 .navItemName {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.jz_subMenu_bubble.jz_subMenu_1023 .nav_1_level .navItemName:after {
    content: "\b0234";
    vertical-align: middle;
    font-size: .7rem;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    margin-left: -.35rem
}

.jz_subMenu_bubble.jz_subMenu_1023 .itemSelected .nav_1_level .navItemName:after {
    color: #fff
}

.jz_subMenu_bubble.jz_subMenu_1023 .navbarList div.nav_1_level {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.jz_subMenu_318 .jz_navbar_sub_menu_open {
    overflow-x: initial
}

.jz_subMenu_319 .jz_navbar_sub_menu_open {
    overflow-x: initial
}

.jz_subMenu_320 .jz_navbar_sub_menu_open {
    overflow-x: initial
}

.jz_subMenu_1030 .navbarList {
    overflow-x: hidden
}

.jz_subMenu_1030 .jz_navbar_sub_menu_open {
    min-height: 13.33rem
}

.jz_subMenu_1030.jz_subMenu_panel .nav_1_level {
    position: relative
}

.jz_subMenu_1030.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    padding: 0 2.9rem;
    font-size: .7rem
}

.jz_subMenu_1030.jz_subMenu_panel .sub_menu_nav_item_wrap {
    margin-bottom: 1.45rem
}

.jz_subMenu_1030.jz_subMenu_panel .nav_sub_layout_panel a {
    color: #fff
}

.jz_subMenu_1030.jz_subMenu_panel .icon_subMenu {
    margin-right: 1rem
}

.jz_subMenu_1030.jz_subMenu_panel .icon_subMenu {
    background-color: #fff
}

.jz_subMenu_1030.jz_subMenu_panel .nav_1_level .icon-subNav {
    display: none
}

.jz_subMenu_1030.jz_subMenu_panel .nav_1_level .navItemName:after {
    content: "\e672";
    font-size: .7rem;
    font-family: icomoon !important;
    vertical-align: middle
}

.jz_subMenu_1030.jz_subMenu_panel .parent_menu a:before {
    width: 1.5rem
}

.jz_subMenu_1030.jz_subMenu_panel .parent_menu .navItemName {
    font-size: .7rem
}

.jz_subMenu_1030.jz_subMenu_panel .nav_1_level .navItemName:after {
    position: relative;
    top: -.048780487804878rem
}

.jz_subMenu_1030.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.jz_subMenu_1013.navbarList {
    overflow-x: hidden
}

.jz_subMenu_1013 .jz_navbar_sub_menu_open {
    min-height: 13.33rem
}

.jz_subMenu_1013.jz_subMenu_panel .nav_1_level {
    position: relative
}

.jz_subMenu_1013.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    padding: 0 2.9rem;
    font-size: .7rem
}

.jz_subMenu_1013.jz_subMenu_panel .sub_menu_nav_item_wrap {
    margin-bottom: 1.45rem
}

.jz_subMenu_1013.jz_subMenu_panel .nav_sub_layout_panel a {
    color: #fff
}

.jz_subMenu_1013.jz_subMenu_panel .icon_subMenu {
    margin-right: 1rem
}

.jz_subMenu_1013.jz_subMenu_panel .icon_subMenu {
    background-color: #fff
}

.jz_subMenu_1013.jz_subMenu_panel .nav_1_level .icon-subNav {
    display: none
}

.jz_subMenu_1013.jz_subMenu_panel .nav_1_level .navItemName:after {
    content: "\e672";
    font-size: .7rem;
    font-family: icomoon !important;
    vertical-align: middle
}

.jz_subMenu_1013.jz_subMenu_panel .parent_menu a:before {
    width: 1.5rem
}

.jz_subMenu_1013.jz_subMenu_panel .parent_menu .navItemName {
    font-size: .7rem
}

.jz_subMenu_1013.jz_subMenu_panel .nav_1_level .navItemName:after {
    position: relative;
    top: -.048780487804878rem
}

.jz_subMenu_1013.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.g_web .jz_subMenu_1022 div.navbarList div.nav_sub_layout_panel {
    margin-top: 2.25rem;
    height: 89%
}

.jz_subMenu_1022.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    padding-top: 0
}

.jz_subMenu_1022 .nav_sub_layout_panel a {
    color: #ccc;
    font-size: .7rem;
    margin-left: .6rem
}

.jz_subMenu_1022 .nav_offical_sub_menu_wrap .itemSep {
    display: block;
    border-bottom: 1px solid #363636
}

.jz_subMenu_1022 .nav_1_level .navItemName {
    display: inline-block;
    max-width: 2.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_subMenu_1022 .nav_1_level .navItemName:after {
    position: absolute;
    top: 50%;
    margin-top: -.3rem
}

.jz_subMenu_1022.jz_subMenu_panel .nav_1_level .icon-subNav {
    margin-left: 0
}

.jz_subMenu_1022.jz_subMenu_bar .nameWrap>.navItemName {
    display: inline-block
}

.jz_subMenu_1022.jz_subMenu_panel .nav_sub_layout_panel a {
    display: inline
}

.jz_subMenu_1022.jz_subMenu_panel .parent_menu.sub_menu_nav_item_wrap {
    padding-left: 1.5rem
}

.jz_subMenu_1022.jz_subMenu_panel .sub_menu_nav_item_wrap {
    padding-left: 2.6rem;
    margin-bottom: 0;
    line-height: 2.5rem
}

.jz_subMenu_1022.jz_subMenu_panel .parent_menu .navItemName {
    font-size: .7rem
}

.jz_subMenu_1022.jz_subMenu_panel .parent_menu a:before {
    width: 1.4rem;
    top: 0
}

.jz_subMenu_1022.jz_subMenu_panel .icon_subMenu {
    display: none
}

.g_web .jz_subMenu_panel.jz_subMenu_1022 .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

.g_web .jz_subMenu_1006 div.navbarList div.nav_sub_layout_panel {
    margin-top: 2.25rem;
    height: 89%
}

.jz_subMenu_1006.jz_subMenu_panel.jz_navbar_sub_menu_open {
    border-top: none
}

.jz_subMenu_1006.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    padding-top: 0
}

.jz_subMenu_1006 .nav_sub_layout_panel a {
    color: #fff;
    font-size: .7rem;
    margin-left: .6rem
}

.jz_subMenu_1006 .nav_offical_sub_menu_wrap .itemSep {
    display: block;
    border-bottom: 1px solid #34495e
}

.jz_subMenu_1006 .nav_1_level .navItemName {
    display: inline-block;
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 2.8rem
}

.jz_subMenu_1006 .nav_1_level .navItemName:after {
    position: absolute;
    top: 50%;
    margin-top: -.3rem
}

.jz_subMenu_1006.jz_subMenu_panel .nav_1_level .icon-subNav {
    margin-left: 0
}

.jz_subMenu_1006.jz_subMenu_bar .nameWrap>.navItemName {
    display: inline-block
}

.jz_subMenu_1006.jz_subMenu_panel .nav_sub_layout_panel a {
    display: inline
}

.jz_subMenu_1006.jz_subMenu_panel .parent_menu.sub_menu_nav_item_wrap {
    padding-left: 1.5rem
}

.jz_subMenu_1006.jz_subMenu_panel .sub_menu_nav_item_wrap {
    padding-left: 2.6rem;
    margin-bottom: 0;
    line-height: 2.5rem
}

.jz_subMenu_1006.jz_subMenu_panel .parent_menu .navItemName {
    font-size: .7rem
}

.jz_subMenu_1006.jz_subMenu_panel .parent_menu a:before {
    width: 1.4rem;
    top: 0
}

.jz_subMenu_1006.jz_subMenu_panel .icon_subMenu {
    display: none
}

.g_web .jz_subMenu_panel.jz_subMenu_1006 .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

.jz_subMenu_1028.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    padding-left: 3.25rem
}

.jz_subMenu_1028 .nav_1_level a {
    position: relative
}

.jz_subMenu_1028.jz_subMenu_panel .nav_offical_sub_menu_wrap a {
    color: #fff
}

.jz_subMenu_1028.jz_subMenu_bar div.navItem .navItemName {
    vertical-align: unset
}

.jz_subMenu_1028 .jz_navbar_sub_menu_open {
    min-height: 13.3rem
}

.g_web .jz_subMenu_panel.jz_subMenu_1028 .jz_navbar_sub_menu_open>div {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%)
}

.jz_subMenu_1028.jz_subMenu_panel .parent_menu a:before {
    width: 1.4rem
}

.jz_subMenu_1028.jz_subMenu_panel .icon_subMenu {
    margin-right: .8rem;
    background-color: #fff
}

.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .icon-subNav {
    display: none
}

.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .navItemName {
    display: table;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jz_subMenu_1028.jz_subMenu_panel .parent_menu .navItemName {
    font-size: .7rem
}

.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .navItemName span {
    display: table-cell;
    max-width: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .navItemName:after {
    position: relative;
    top: 1px;
    content: "\e672";
    font-size: .7rem;
    display: table-cell;
    font-family: icomoon !important;
    vertical-align: middle
}

.jz_subMenu_1000.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {
    padding-left: 3.25rem
}

.jz_subMenu_1000 .nav_1_level a {
    position: relative
}

.jz_subMenu_1000.jz_subMenu_panel .nav_offical_sub_menu_wrap a {
    color: #fff
}

.jz_subMenu_1000 .jz_navbar_sub_menu_open {
    min-height: 13.3rem
}

.g_web .jz_subMenu_panel.jz_subMenu_1000 .jz_navbar_sub_menu_open>div {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%)
}

.jz_subMenu_1000.jz_subMenu_panel .parent_menu a:before {
    width: 1.4rem
}

.jz_subMenu_1000.jz_subMenu_panel .icon_subMenu {
    margin-right: .8rem;
    background-color: #fff
}

.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .icon-subNav {
    display: none
}

.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .navItemName {
    display: table;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jz_subMenu_1000.jz_subMenu_panel .parent_menu .navItemName {
    font-size: .7rem
}

.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .navItemName span {
    display: table-cell;
    max-width: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .navItemName:after {
    position: relative;
    top: 1px;
    content: "\e672";
    font-size: .7rem;
    display: table-cell;
    font-family: icomoon !important;
    vertical-align: middle
}

.jz_subMenu_302 .navItem {
    position: relative
}

.jz_subMenu_302.jz_subMenu_bar {
    height: 3rem
}

.jz_subMenu_302.jz_subMenu_bar .itemSelected {
    height: 3rem
}

.jz_subMenu_302.jz_subMenu_panel2 .nav_1_level.itemSelected:after {
    bottom: 0
}

.jz_subMenu_302.jz_subMenu_panel2 .nav_1_level.itemSelected {
    line-height: normal
}

.jz_subMenu_302.jz_navbar_sub_menu_open_1 {
    height: 6rem
}

.jz_subMenu_302.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    overflow-x: unset;
    overflow-y: auto
}

.jz_subMenu_302.jz_subMenu_panel2 .nav_1_level:after {
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%)
}

.jz_subMenu_355.jz_subMenu_bar {
    height: 3rem
}

.jz_subMenu_355.jz_subMenu_bar .navItem {
    line-height: normal;
    height: 3rem
}

.jz_subMenu_355.jz_subMenu_bar .navItem:after {
    bottom: 0
}

.jz_subMenu_355 .navItem {
    position: relative
}

.jz_subMenu_355.jz_navbar_sub_menu_open_1 {
    height: 6rem
}

.jz_subMenu_355.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    overflow-x: unset;
    overflow-y: auto
}

.jz_subMenu_355.jz_subMenu_panel2 .nav_1_level:after {
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%)
}

.jz_subMenu_301.jz_subMenu_bar {
    height: 3rem
}

.jz_subMenu_301.jz_subMenu_bar .navItem {
    line-height: normal;
    height: 3rem
}

.jz_subMenu_301.jz_subMenu_bar .navItem:after {
    bottom: 0
}

.jz_subMenu_301 .navItem {
    position: relative
}

.jz_subMenu_301.jz_navbar_sub_menu_open_1 {
    height: 6rem
}

.jz_subMenu_301.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    overflow-x: unset;
    overflow-y: auto
}

.jz_subMenu_301.jz_subMenu_panel2 .nav_1_level:after {
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%)
}

.jz_subMenu_300.jz_subMenu_bar {
    height: 3rem
}

.jz_subMenu_300.jz_subMenu_bar .navItem {
    line-height: normal;
    height: 3rem
}

.jz_subMenu_300.jz_subMenu_bar .navItem:after {
    bottom: 0
}

.jz_subMenu_300 .navItem {
    position: relative
}

.jz_subMenu_300.jz_navbar_sub_menu_open_1 {
    height: 6rem
}

.jz_subMenu_300.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    overflow-x: unset;
    overflow-y: auto
}

.jz_subMenu_300.jz_subMenu_panel2 .nav_1_level:after {
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%)
}

.jz_subMenu_303.jz_subMenu_bar {
    height: 3rem
}

.jz_subMenu_303.jz_subMenu_bar .navItem {
    line-height: normal;
    height: 3rem
}

.jz_subMenu_303.jz_subMenu_bar .navItem:after {
    bottom: 0
}

.jz_subMenu_303 .navItem {
    position: relative
}

.jz_subMenu_303.jz_navbar_sub_menu_open_1 {
    height: 6rem
}

.jz_subMenu_303.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    overflow-x: unset;
    overflow-y: auto
}

.jz_subMenu_303.jz_subMenu_panel2 .nav_1_level:after {
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%)
}

.jz_subMenu_304.jz_subMenu_bar {
    height: 3rem
}

.jz_subMenu_304.jz_subMenu_bar .navItem {
    line-height: normal;
    height: 3rem
}

.jz_subMenu_304.jz_subMenu_bar .navItem:after {
    bottom: 0
}

.jz_subMenu_304 .navItem {
    position: relative
}

.jz_subMenu_304.jz_navbar_sub_menu_open_1 {
    height: 6rem
}

.jz_subMenu_304.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    overflow-x: unset;
    overflow-y: auto
}

.jz_subMenu_304.jz_subMenu_panel2 .nav_1_level:after {
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%)
}

.jz_subMenu_1027.jz_subMenu_panel .nav_1_level .icon-subNav:after {
    top: .025rem
}

.jz_subMenu_1016 .navItemName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_subMenu_1008 .navItemName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#g_web .jz_subMenu_panel2 .g_mainColor {
    color: #fff
}

#g_web .jz_subMenu_345.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_349.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_342.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_348.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_323.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_325.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_321.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

#g_web .jz_subMenu_322.jz_subMenu_fold .g_mainColor {
    color: rgba(255, 255, 255, .5)
}

.jz_subMenu_1030.jz_subMenu_panel .jz_navbar_sub_menu_open div.nav_sub_layout_panel {
    animation: sub_menu_enter .4s;
    -webkit-animation: sub_menu_enter .4s
}

.jz_subMenu_1025 .navbarList {
    font-size: 0
}

.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    opacity: 0
}

.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    opacity: 0
}

.g_web .jz_subMenu_panel .navbarList div.nav_sub_layout_panel {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    opacity: 1;
    -webkit-transition: left .4s;
    transition: left .4s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav_sub_layout_7 div.navItem:last-child {
    margin: 0
}

.g_web .jz_subMenu_panel2 .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
}

.jz_subMenu_panel2 .nav_sub_layout_panel2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: top .4s;
    transition: top .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    animation: sub_menu_enter_two .4s;
    -webkit-animation: sub_menu_enter_two .4s
}

@-webkit-keyframes sub_menu_enter_two {
    0% {
        top: 100%
    }

    100% {
        top: 0
    }
}

@keyframes sub_menu_enter_two {
    0% {
        top: 100%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes sub_menu_enter {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes sub_menu_enter {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

.mobiCol10 .webFooterBox,
.mobiCol11 .webFooterBox,
.mobiCol12 .webFooterBox,
.mobiCol13 .webFooterBox,
.mobiCol14 .webFooterBox,
.mobiCol16 .webFooterBox,
.mobiCol22 .webFooterBox,
.mobiCol26 .webFooterBox,
.mobiCol28 .webFooterBox .mobiCol51 .webFooterBox,
.mobiCol33 .webFooterBox,
.mobiCol34 .webFooterBox,
.mobiCol35 .webFooterBox,
.mobiCol36 .webFooterBox,
.mobiCol37 .webFooterBox,
.mobiCol38 .webFooterBox,
.mobiCol39 .webFooterBox,
.mobiCol40 .webFooterBox,
.mobiCol41 .webFooterBox,
.mobiCol43 .webFooterBox,
.mobiCol44 .webFooterBox,
.mobiCol45 .webFooterBox,
.mobiCol46 .webFooterBox,
.mobiCol47 .webFooterBox,
.mobiCol48 .webFooterBox,
.mobiCol49 .webFooterBox,
.mobiCol50 .webFooterBox,
.mobiCol52 .webFooterBox,
.mobiCol55 .webFooterBox,
.mobiCol60 .webFooterBox {
    display: none
}

.mobiCol10 .webFooter_v3,
.mobiCol11 .webFooter_v3,
.mobiCol12 .webFooter_v3,
.mobiCol13 .webFooter_v3,
.mobiCol14 .webFooter_v3,
.mobiCol16 .webFooter_v3,
.mobiCol22 .webFooter_v3,
.mobiCol26 .webFooter_v3,
.mobiCol28 .webFooter_v3 .mobiCol51 .webFooter_v3,
.mobiCol33 .webFooter_v3,
.mobiCol34 .webFooter_v3,
.mobiCol35 .webFooter_v3,
.mobiCol36 .webFooter_v3,
.mobiCol37 .webFooter_v3,
.mobiCol38 .webFooter_v3,
.mobiCol39 .webFooter_v3,
.mobiCol40 .webFooter_v3,
.mobiCol41 .webFooter_v3,
.mobiCol43 .webFooter_v3,
.mobiCol44 .webFooter_v3,
.mobiCol45 .webFooter_v3,
.mobiCol46 .webFooter_v3,
.mobiCol47 .webFooter_v3,
.mobiCol48 .webFooter_v3,
.mobiCol49 .webFooter_v3,
.mobiCol50 .webFooter_v3,
.mobiCol52 .webFooter_v3,
.mobiCol55 .webFooter_v3,
.mobiCol60 .webFooter_v3 {
    display: none
}

.mobiCol11 #bgMusicWrapper,
.mobiCol11 #fixedRightSideBtns,
.mobiCol11 #headBg_v3,
.mobiCol11 #webBannerBox,
.mobiCol11 #web_header_fixed_box {
    display: none
}

.mobiCol10 .middleCenter,
.mobiCol11 .middleCenter,
.mobiCol12 .middleCenter,
.mobiCol13 .middleCenter {
    color: #333;
    padding-bottom: 1rem;
    height: 100%;
    background-color: #f7f7f7
}

.msgBoard .msgBottom.msgBottomDisplay {
    display: none
}

.msgBoard .msgTop .msgBoardCaptchaHide {
    display: none
}

.msg_textArea {
    height: 5rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem
}

.mbAddTitle {
    margin: .5rem 0;
    font-weight: 700
}

.msgTop .g_input {
    padding-left: 2.1rem
}

.msgTop .g_select {
    padding-left: 2.1rem
}

.msgTop .captchaText {
    padding-left: .75rem
}

.msgTop .captchaImg {
    top: .5rem
}

.msgTop .icon-update:before {
    top: .7rem
}

.icon-memailIcon:before,
.icon-mmsgIcon:before,
.icon-mnameIcon:before,
.icon-mphoneIcon:before,
.icon-mpswIcon:before {
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2;
    color: #333
}

.icon-mmsgIcon:before {
    top: .6rem
}

.icon-mpswIcon:before {
    content: '\e69b'
}

.icon-mnameIcon:before {
    content: '\e641'
}

.icon-memailIcon:before {
    content: '\e6a1'
}

.icon-mphoneIcon:before {
    content: '\e62d'
}

.icon-mmsgIcon:before {
    content: '\e6b3'
}

.mtitle {
    margin-bottom: 0;
    padding-top: 1.125rem;
    text-align: center
}

.g_globalLine .mustSpan {
    position: absolute;
    right: -.5rem;
    top: .5rem
}

.publishIcon {
    display: inline-block
}

.publishIcon span {
    display: inline-block;
    height: 2rem;
    line-height: 2rem
}

.userMsgIcon span {
    display: inline-block
}

.g_button {
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    font-family: '\5FAE\8F6F\96C5\9ED1', Helvetica, '黑体', Arial, Tahoma;
    text-align: center;
    margin: .5rem auto;
    padding: 0;
    width: 100%;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline: 0
}

.mbTitle {
    font-size: .8rem;
    font-weight: 500;
    color: #2982ba;
    text-align: center
}

.icon-userMsgIcon:before {
    content: '\e6b4';
    padding-right: .2rem;
    font-size: 1rem;
    vertical-align: top;
    z-index: 2
}

.icon-publishIcon:before {
    content: '\e72a';
    padding-right: .2rem;
    font-size: .9rem;
    vertical-align: top
}

.notice {
    text-align: center;
    overflow: hidden;
    height: 1.25rem;
    font-size: .6rem;
    background: #fef5d8;
    color: #eb6a40;
    line-height: 1.25rem;
    width: 100%;
    margin: -.05rem auto .65rem auto
}

.notice2 {
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: .5rem auto .5rem auto;
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.notice3 {
    padding: .5rem 0;
    background: #f7f7f7
}

.notice3 .noticeText {
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0 auto;
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.msgTitle {
    min-height: 1.4rem;
    line-height: 1.4rem;
    width: 100%
}

.msgTitleHeight {
    min-height: 1.8rem
}

.msgUserHeacPic {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    border: 2px solid #f3f3f3;
    overflow: hidden;
    display: inline-block
}

.msgUserHeacPic img {
    position: relative;
    max-width: none
}

.pdMsgTitle {
    width: 100%
}

.msgBoard .msgBottom.msgBottomDisplay {
    display: none
}

.msgBoard .msgTop .msgBoardCaptchaHide {
    display: none
}

.msg_textArea {
    height: 5rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem
}

.mbAddTitle {
    margin: .5rem 0;
    font-weight: 700
}

.msgTop .g_input {
    padding-left: 2.1rem
}

.msgTop .g_select {
    padding-left: 2.1rem
}

.msgTop .captchaText {
    padding-left: .75rem
}

.msgTop .captchaImg {
    top: .5rem
}

.msgTop .icon-update:before {
    top: .7rem
}

.icon-memailIcon:before,
.icon-mmsgIcon:before,
.icon-mnameIcon:before,
.icon-mphoneIcon:before,
.icon-mpswIcon:before {
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2;
    color: #333
}

.icon-mmsgIcon:before {
    top: .6rem
}

.icon-mpswIcon:before {
    content: "\e69b"
}

.icon-mnameIcon:before {
    content: "\e641"
}

.icon-memailIcon:before {
    content: "\e6a1"
}

.icon-mphoneIcon:before {
    content: "\e62d"
}

.icon-mmsgIcon:before {
    content: "\e6b3"
}

.mtitle {
    margin-bottom: 0;
    padding-top: 1.125rem;
    text-align: center
}

.g_globalLine .mustSpan {
    position: absolute;
    right: -.5rem;
    top: .5rem
}

.publishIcon {
    display: inline-block
}

.publishIcon span {
    display: inline-block;
    height: 2rem;
    line-height: 2rem
}

.userMsgIcon span {
    display: inline-block
}

.g_button {
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    text-align: center;
    margin: .5rem auto;
    padding: 0;
    width: 100%;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline: 0
}

.mbTitle {
    font-size: .8rem;
    font-weight: 500;
    color: #2982ba;
    text-align: center
}

.icon-userMsgIcon:before {
    content: "\e6b4";
    padding-right: .2rem;
    font-size: 1rem;
    vertical-align: top;
    z-index: 2
}

.icon-publishIcon:before {
    content: "\e72a";
    padding-right: .2rem;
    font-size: .9rem;
    vertical-align: top
}

.notice {
    text-align: center;
    overflow: hidden;
    height: 1.25rem;
    font-size: .6rem;
    background: #fef5d8;
    color: #eb6a40;
    line-height: 1.25rem;
    width: 100%;
    margin: -.05rem auto .65rem auto
}

.notice2 {
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: .5rem auto .5rem auto;
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.notice3 {
    padding: .5rem 0;
    background: #f7f7f7
}

.notice3 .noticeText {
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0 auto;
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    text-align: center;
    overflow: hidden
}

.msgTitle {
    min-height: 1.4rem;
    line-height: 1.4rem;
    width: 100%
}

.msgTitleHeight {
    min-height: 1.8rem
}

.msgUserHeacPic {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    border: 2px solid #f3f3f3;
    overflow: hidden;
    display: inline-block
}

.msgUserHeacPic img {
    position: relative;
    max-width: none
}

.pdMsgTitle {
    width: 100%
}

.msgArea .msgUser {
    display: inline-block;
    height: 1.8rem;
    line-height: 1.8rem;
    max-width: 30%;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .55rem;
    vertical-align: top;
    margin: 0 .2rem 0 .2rem
}

.tabBody .msgArea .msgUser {
    vertical-align: top;
    margin: 0 .2rem 0 .2rem;
    max-width: 30%;
    line-height: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    width: auto
}

.msgArea .msgLevalUser {
    color: #f60;
    height: 1.8rem;
    line-height: 1.8rem;
    opacity: .65;
    display: inline-block;
    vertical-align: top
}

.msgTime {
    color: #666;
    float: right;
    height: 1.8rem;
    line-height: 1.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .55rem
}

.commentBox:first-child {
    margin-top: .5rem !important
}

.msgContent {
    line-height: 1.2rem;
    word-wrap: break-word;
    font-size: .6rem
}

.captchaImg {
    width: 4.5rem;
    position: absolute;
    top: 1rem;
    right: .5rem;
    z-index: 2
}

.fk-sign-getMobileCode {
    padding: 0 .4rem;
    font-size: .6rem;
    position: absolute;
    top: 1rem;
    right: .4rem;
    z-index: 2;
    line-height: 1.5rem;
    text-align: center;
    height: 1.5rem;
    border: 1px solid #c0251d;
    color: #bf211a;
    border-radius: .2rem
}

.fk-sign-getMobileCode:hover {
    cursor: pointer
}

.fk-mem-findPwStepOneFindWay {
    height: 1.2rem;
    line-height: 1rem;
    text-align: left;
    color: #959595
}

.fk-mem-findPwStepOne {
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #595959;
    margin-bottom: .5rem;
    position: relative
}

.fk-mem-findPwStepOne .content {
    position: absolute;
    left: .8rem
}

.fk-mem-findPwStepOne:hover {
    cursor: pointer
}

.fk-mem-findPwStepOne .icon-gGoforward {
    position: absolute;
    right: .8rem;
    top: .8rem
}

.fk-mem-findPw-showMsg {
    padding: .5rem 0;
    border-bottom: 1px solid #edc693;
    min-height: 1.5rem;
    background-color: #ffefda;
    color: #e0a85e
}

.fk-mem-findPw-showMsg .showMsg {
    line-height: 1.5rem;
    margin: 0 1rem
}

.icon-update:before {
    content: "\e671";
    font-size: 1.2rem;
    font-weight: 700;
    position: absolute;
    top: 1.3rem;
    right: .2rem;
    color: #666;
    z-index: 2
}

.admReqContent {
    line-height: 1.2rem
}

.formStyle10 .msgBoard .msgTop {
    margin: .75rem .25rem;
    padding-bottom: .6rem
}

.formStyle10 .g_globalLine {
    width: auto;
    padding: 0 .5rem
}

.formStyle10 .g_globalLine_subm {
    background: 0 0;
    margin-top: 1rem
}

.formStyle10 .g_globalLine_textArea {
    height: 3.5rem
}

.formStyle10 .g_globalLine .g_input {
    height: 2.25rem;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 0
}

.formStyle10 .g_globalLine .g_input:focus,
.formStyle10 .g_globalLine .g_textArea:focus {
    border-color: #9dbff6
}

.formStyle10 .g_globalLine .g_textArea {
    height: 3.5rem;
    padding-left: 2.1rem;
    margin-bottom: 0;
    margin-top: 0;
    resize: none;
    border: none;
    border-bottom: 1px solid #e3e3e3
}

.formStyle10 .g_globalLine .msgTop .captchaImg {
    top: .2rem
}

.formStyle10 .g_globalLine .fk-inputFontColor {
    color: #333
}

.formStyle10 .msgBoard .msgBottom {
    margin: .5rem .25rem 0
}

.formStyle10 .msgBoard .msgBottom .msgBottomTop {
    background: #fff;
    margin: 0;
    padding: .75rem .5rem
}

.formStyle10 .mbTitle {
    color: #666
}

.jz_msgItem {
    margin: .75rem 0
}

.jz_msgItem .jz_seperate_line {
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background: #f0f0f0
}

.jz_msgItem .msgArea {
    background: #fff
}

.jz_msgItem .msgArea .msgTitle {
    height: 1.8rem;
    line-height: 1.8rem
}

.jz_msgItem .msgArea .msgUser {
    margin: 0 .2rem 0 0;
    color: #333;
    font-size: .6rem
}

.jz_msgItem .msgArea .msgContent {
    line-height: 1rem;
    color: #333;
    font-size: .6rem
}

.jz_msgItem .msgArea .msgTime {
    color: #999;
    font-size: .6rem
}

.jz_msgItem .g_replyPanel {
    position: relative;
    margin-top: .5rem;
    padding: .6rem;
    background: #f8f8f8
}

.jz_msgItem .reqArea {
    word-wrap: break-word
}

.jz_msgItem .admReq {
    color: #999
}

.jz_msgItem .admReqContent {
    margin-top: .5rem;
    color: #333;
    font-size: .6rem;
    line-height: 1rem
}

.jz_msgItem .msgArrow {
    position: absolute;
    top: -.425rem;
    border-right: .3rem solid transparent;
    border-left: .3rem solid transparent;
    border-bottom: .425rem solid #f8f8f8
}

.jz_msgItem .jz_private_label {
    display: inline-block;
    padding: 2px 10px;
    line-height: normal;
    color: #fff;
    background: #ff7c37;
    font-size: 12px;
    border-radius: 12px
}

.quality_content_label {
    line-height: normal !important;
    font-size: .45rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    padding: .05rem .2rem;
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    z-index: 99
}

.collectionList .quality_content_label {
    line-height: normal
}

#modifyCollection .profileContent li .pdImg {
    border: solid 1px #eee
}

.formStyle24 .quality_content_label {
    top: 6rem;
    bottom: auto
}

.course_catalog {
    max-height: 19.2rem;
    overflow: auto
}

#tabPanel100 .productDetailInfoPanel {
    margin: 0;
    padding: 0
}

#tabPanel100 .course_catalog {
    max-height: initial
}

.course_catalog.course_catalog {
    list-style: none;
    padding: 0
}

.course_catalog .course_catalog_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1.2rem;
    border-bottom: 1px solid #f3f3f3;
    margin: 0 .375rem;
    padding: .5rem 0
}

.course_catalog .course_catalog_item_label {
    font-size: .45rem;
    padding: .15rem .3rem;
    border-radius: .05rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.course_catalog .course_catalog_item_label_wrap {
    margin-right: .3rem;
    margin-left: .5rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 2.5rem;
    flex-basis: 2.5rem
}

.course_catalog .course_catalog_item_label_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .1
}

.course_catalog_item_name {
    font-size: .6rem;
    color: #333
}

.course_catalog_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 2rem;
    line-height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background-color: #fda92f
}

.course_catalog .link {
    text-decoration: none !important
}

.course_catalog_container {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 .15rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 .15rem 0 rgba(0, 0, 0, .15);
    border-radius: .4rem .25rem 0 0
}

.course_catalog_jump {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.course_catalog_jump_icon {
    width: .4rem;
    height: .7rem;
    color: #3c414a
}

.course_catalog_jump_text {
    margin-left: .275rem;
    font-size: .6rem;
    color: #3c414a
}

.course_catalog_jump_column_btn {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    font-size: .6rem
}

.course_catalog_no_pay_contanier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5rem;
    margin-bottom: 1.75rem
}

.course_catalog_no_pay_img {
    width: 9.85rem;
    height: 5.3rem;
    background: url(/image/v2/pay.png) center center/cover no-repeat
}

.course_catalog_no_pay_text {
    font-size: .65rem;
    color: #333;
    margin-top: .45rem
}

#tabPanel100 .course_catalog_no_pay_contanier {
    margin-top: 1.5rem;
    margin-bottom: 1.75rem
}

#tabPanel100 .course_catalog_no_pay_img {
    height: 5.725rem
}

#tabPanel100 .course_catalog_no_pay_text {
    margin-top: .675rem
}

.course_catalog_close_iocn {
    width: .8rem;
    height: .8rem;
    color: #3c414a;
    cursor: pointer
}

.course_catalog_container_header {
    height: 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .375rem;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.course_catalog_title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mallThemeHeader {
    display: none
}

.mallThemeTopBar {
    display: none
}

.footerMenu {
    display: none
}

.mallThemeTopBar {
    display: none
}

.noMallNavBtn {
    display: none
}

.footerMenuItem {
    display: none
}

.myMallOrderDiviceLine {
    display: none
}

.fixedAreaBox {
    display: none
}

.myMallOrderLine {
    overflow: hidden
}

.mallThemeProductWrap {
    display: none
}

.mallThemeProductWrap .mallCollectionIcon {
    display: none
}

.mallThemeProductWrap .mallShareIcon {
    display: none
}

.jz_mallTheme .mallThemeProductWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jz_mallTheme .productNameText {
    max-height: 1.8rem;
    height: auto
}

.profileContent ul {
    margin-top: 0
}

.profileContent li {
    overflow: hidden;
    border-color: #ebebeb
}

.profileContent li:last-child {
    border-bottom: 1px solid #ebebeb
}

.profileContent .modifyArea li {
    cursor: auto
}

.profileContent .myMallOrderList {
    height: auto;
    margin-bottom: .5rem;
    cursor: auto
}

.profileContent .myMallOrderList+li {
    border: 1px solid #ebebeb
}

.profileContent .myMallOrderLine {
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    border-bottom: 1px #ececec solid;
    cursor: pointer
}

.myMallOrderDiviceLine {
    height: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mallOrderDiviceItem {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 100%;
    text-align: center
}

.mallDiviceLine33 .mallOrderDiviceItem {
    width: 33.3%
}

.mallDiviceLine20 .mallOrderDiviceItem {
    width: 20%
}

.mallOrderDiviceItem a {
    font-size: 0
}

.mallItemIcon {
    padding-top: .6rem;
    font-size: 1rem;
    color: #333
}

.mallWaitPay:before {
    content: "\ea8e"
}

.mallFinGroupBuy:before {
    content: "\eb39"
}

.waitShip:before {
    content: "\ea8b"
}

.toSignUp:before {
    content: "\ea8d"
}

.toComment:before {
    content: "\eaa1"
}

.toRefund:before {
    content: "\eaab"
}

.mallItemText {
    height: 1rem;
    line-height: .7rem;
    padding: 0 .2rem;
    font-size: .5rem;
    color: #666
}

.diviceOrderNum {
    display: none;
    position: absolute;
    top: .2rem;
    right: 1.25rem;
    width: .72rem;
    height: .72rem;
    line-height: .75rem;
    text-align: bottom;
    border: .05rem solid #ff4644;
    border-radius: 50%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #fff;
    color: #ff4644;
    font-size: .45rem;
    font-family: "微软雅黑"
}

.mallDiviceLine33 .diviceOrderNum {
    right: 1.92rem
}

.mallDiviceLine20 .diviceOrderNum {
    right: .92rem
}

.diviceOrderNumShow {
    display: inline-block
}

.mCartSelectAllText {
    font-size: .7rem
}

.saleSaveMoneyKey {
    font-size: .55rem
}

.saleSaveMoney {
    font-size: .55rem
}

.navbar {
    text-align: center;
    left: 0;
    right: 0;
    height: 2.5rem;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
}

.navExistOffPanel {
    display: none;
    position: fixed;
    margin-left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 768px;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.navbar .itemSep {
    display: none
}

.navbar .itemSep:first-child {
    display: none
}

.navbar .itemSelected {
    background-color: #2a2929
}

.navbar .navButton {
    display: none
}

.navButton .navButtonPanel {
    display: none;
    z-index: 99 !important
}

.navbar .navMenuHeader {
    display: none
}

.navItemIcon {
    display: none
}

.navBaseIcon .navItemIcon {
    width: 1rem;
    height: 1.5rem;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.navBaseIcon .icon-navItemIcon:before {
    content: "\e6df";
    font-size: 1.5rem;
    color: #fff
}

.navItem_3 .icon-navItemIcon:before {
    content: "\e686"
}

.navItem_6 .icon-navItemIcon:before {
    content: "\e6ac"
}

.navItem_7 .icon-navItemIcon:before {
    content: "\e669"
}

.navItem_9 .icon-navItemIcon:before {
    content: "\e6b6"
}

.navItem_10 .icon-navItemIcon:before {
    content: "\e640"
}

.navItem_11 .icon-navItemIcon:before {
    content: "\e65d"
}

.navItem_12 .icon-navItemIcon:before {
    content: "\e726"
}

.navItem_101 .icon-navItemIcon:before {
    content: "\e6a8"
}

.navItem_102 .icon-navItemIcon:before {
    content: "\e667"
}

.navItem_103 .icon-navItemIcon:before {
    content: "\e640"
}

.navItem_13 .icon-navItemIcon:before {
    content: "\eac4"
}

.navItem_23 .icon-navItemIcon:before {
    content: "\eacb"
}

.navItem_15 .icon-navItemIcon:before {
    content: "\eae0"
}

.navbarList .navItem_23 .icon-navItemIcon:before {
    content: "\e6db"
}

.navbarList .navItem_15 .icon-navItemIcon:before {
    content: "\e606"
}

.navbarList .navItem_13 .icon-navItemIcon:before {
    content: "\e630"
}

.faisco-icons-contact1:before {
    content: "\e640"
}

.faisco-icons-edit1:before {
    content: "\e65d"
}

.faisco-icons-cart1:before {
    content: "\e630"
}

.navButton .menuNav .icon-menuNavTip:before {
    content: "\e6b0";
    font-size: 2.7rem;
    color: #fff;
    display: block;
    position: relative;
    z-index: 3;
    font-family: icomoon!important
}

.productNewGroup {
    width: 100%
}

.productNewGroup .firstGroup {
    display: inline-block;
    width: 22%;
    height: 100%;
    min-height: 100%;
    vertical-align: top;
    margin-right: 2%;
    border-right: 1px solid #ddd
}

.productNewGroup .firstGroup .firstGroupList {
    display: inline-block;
    width: 100%;
    padding: 0;
    z-index: 0;
    font-size: 0
}

.productNewGroup .firstGroup .firstGroupList .firstGroupItem {
    width: 100%;
    height: 2.38rem;
    line-height: 2.38rem;
    color: #2a2a29;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.productNewGroup .firstGroup .firstGroupList .checkedItem {
    color: #ff034a;
    background-color: #fff;
    border-right: none;
    border-right: 1px solid #fff
}

.productNewGroup .firstGroup .firstGroupList .firstGroupItem .firstGroupName {
    width: 100%;
    font-size: .6rem;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    margin: 0 auto;
    display: inline-block
}

.productNewGroup .unFirstGroup {
    display: inline-block;
    width: 74%;
    height: 100%;
    min-height: 100%;
    background-color: #fff;
    overflow: hidden
}

.productNewGroup .unFirstGroup .hideScollBar {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.productNewGroup .unFirstGroup .hideScollBar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.productNewGroup .unFirstGroup .secondGroupPanel {
    width: 100%;
    display: none
}

.productNewGroup .unFirstGroup .checkedPanel {
    display: block
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem {
    display: inline-block;
    width: 100%;
    margin-top: .6rem;
    margin-bottom: .6rem
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secondGroupTop {
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #f4f4f4;
    border-top: 1px solid #ddd
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secondGroupTop .topLeft {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    margin-left: .525rem;
    margin-right: .375rem;
    border-radius: 76px;
    background-color: #faa200;
    vertical-align: middle
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secondGroupTop .topCenter {
    display: inline-block;
    width: 9rem;
    font-size: .6rem;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secondGroupTop .topRight {
    display: inline-block;
    font-size: .9rem;
    vertical-align: -.2rem;
    color: #cfcfcf
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter {
    width: 100%
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupTextItem {
    width: 2.425rem;
    height: .575rem;
    display: inline-block;
    margin: 1rem .625rem 0 .625rem
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupTextItem .itemName {
    width: 2.425rem;
    height: .575rem;
    line-height: .575rem;
    font-size: .49rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    color: #606060
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem {
    width: 3rem;
    height: 4.75rem;
    display: inline-block;
    margin: .9rem .5rem 0 0;
    cursor: default;
    position: relative;
    vertical-align: top
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .itemImageParent {
    width: 2.8rem;
    height: 2.9rem;
    line-height: 2.9rem;
    display: block;
    position: relative;
    overflow: hidden
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .itemImage {
    width: 2.8rem;
    height: 2.9rem;
    display: inline-block;
    font-size: 2.875rem;
    color: #666
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .notImage {
    width: 2.7rem;
    height: 2.825rem;
    display: inline-block;
    border: 1px solid #ededed;
    font-size: 2.7rem;
    color: #d9d9d9;
    background-color: #f4f4f4
}

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .itemName {
    width: 2.75rem;
    height: .575rem;
    line-height: .575rem;
    font-size: .49rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    margin-top: 1rem;
    color: #606060
}

.fk-proGroupThemeStyle {
    position: relative
}

.fk-proGroupThemeStyle .firstGroup {
    width: 28.75%;
    margin-right: 4.68%;
    border-right-color: #f2f2f2
}

.fk-proGroupThemeStyle .firstGroup .firstGroupList .firstGroupItem {
    width: 88%;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #fff;
    border-bottom-color: #f2f2f2;
    padding: 0 6%;
    position: relative
}

.fk-proGroupThemeStyle .firstGroup .firstGroupList .checkedItem {
    border-right: 2px solid #fff
}

.fk-proGroupThemeStyle .J_navSelect {
    display: inline-block
}

.fk-proGroupThemeStyle .fk-navSelect {
    width: .1rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
    padding-bottom: 2px;
    background-color: #000
}

.fk-proGroupThemeStyle .unFirstGroup {
    width: 66.07%;
    font-size: .55rem
}

.fk-proGroupThemeStyle .unFirstGroup .secondGroupPanel .secondGroupItem {
    margin-top: 0;
    margin-bottom: .85rem;
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: .85rem
}

.fk-proGroupThemeStyle .f-imgContainer {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    display: block;
    position: relative;
    overflow: hidden
}

.fk-proGroupThemeStyle .f-itemImg,
.fk-proGroupThemeStyle .notImage {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    font-size: 3rem;
    color: #666
}

.fk-proGroupThemeStyle .f-groupImgWrap {
    width: 100%;
    padding-bottom: 1px
}

.fk-proGroupThemeStyle .f-groupImgContainer {
    width: 3rem;
    margin: .9rem .5rem 0 0;
    display: inline-block;
    position: relative;
    text-align: center
}

.fk-proGroupThemeStyle .f-itemImgName {
    margin-top: .6rem;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.fk-proGroupThemeStyle .quick_in {
    top: 2.156rem
}

.fk-proGroupThemeStyle .unFirstGroup .secondGroupPanel .f-firstItem {
    margin-top: .9rem
}

.fk-proGroupThemeStyle .unFirstGroup .secondGroupPanel .secondGroupItem:last-child {
    border: none
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical {
    height: 100%;
    width: 103%;
    overflow-x: hidden;
    overflow-y: auto
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical .f-firstGroupItem {
    list-style: none
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical ul {
    padding: 0
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical li {
    border-bottom: solid 1px #f2f2f2
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical a {
    display: block;
    line-height: 2.5rem;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical a:after {
    content: "\e672";
    font-size: .8rem;
    color: #666;
    position: absolute;
    top: 0;
    right: 1rem;
    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical .f-name {
    margin-left: 1rem;
    font-size: .6rem
}

.fk-proGroupThemeStyle .f-oneLevelGroudVertical .f-icon {
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 1rem;
    float: right;
    margin-right: 1rem;
    background: url(/image/v2/mbg01.png?v=202012021447) no-repeat
}

.fk-proGroupThemeStyle .f-oneLevelGroudHorizon {
    height: 100%;
    width: 103%;
    overflow-x: hidden;
    overflow-y: auto
}

.fk-proGroupThemeStyle .f-oneLevelGroudHorizon .f-groupImgContainer {
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    margin: 0
}

.fk-proGroupThemeStyle .f-navHorizon {
    width: 95%;
    height: 1.9rem;
    overflow: hidden;
    padding-left: .79rem;
    border-bottom: solid 1px #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .6rem;
    color: #333;
    z-index: 1
}

.fk-proGroupThemeStyle .f-unFirstGroupHorizon .f-groupImgWrap {
    margin-top: -.2rem
}

.fk-proGroupThemeStyle div.f-navOpenStyle {
    height: auto;
    background-color: #fff
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroup {
    width: 100%;
    height: 2.8rem;
    border-right: none;
    margin-right: 0;
    overflow-x: auto;
    overflow-y: hidden
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroupList {
    width: 500%
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroupItem {
    display: inline-block;
    margin-right: .95rem;
    max-width: 6rem
}

.fk-proGroupThemeStyle .f-navHorizon .fk-navSelect {
    width: 100%;
    height: 1px;
    top: 120%;
    padding: 0
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroup .firstGroupItem {
    width: auto;
    height: auto;
    border: none;
    line-height: normal;
    padding: 0;
    color: #777
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroupList .firstGroupItem .firstGroupName {
    width: auto;
    padding-bottom: 1px;
    max-width: 100%;
    font-size: .55rem
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroup .checkedItem .firstGroupName {
    color: #333
}

.fk-proGroupThemeStyle .f-unFirstGroupHorizon {
    margin-top: 1.9rem;
    padding-left: .8rem;
    width: 94.5%
}

.fk-proGroupThemeStyle .f-unFirstGroupHorizon .f-groupImgContainer {
    margin: .9rem .8rem 0 0
}

.fk-proGroupThemeStyle .f-navOpenBtn {
    position: absolute;
    top: .3rem;
    right: .4rem;
    font-size: 27px;
    color: #333
}

.fk-proGroupThemeStyle .f-navHorizon .firstGroup .firstGroupList .firstGroupName {
    text-align: left
}

.fk-proGroupThemeStyle .f-allClassify {
    line-height: 1.9rem;
    margin-left: -.1rem;
    color: #666;
    border-bottom: 1px solid #f2f2f2
}

.fk-proGroupThemeStyle .f-navMask {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5
}

.fk-proGroupThemeStyle .f-unFirstGroupHorizon .hideScollBar {
    height: 90%
}

.fk-proGroupThemeStyle .f-oneLevelGroudHorizon .quick_in {
    top: auto;
    bottom: 44px;
    right: 25px
}

.fk-themeStyle3 .f-groupImgContainer {
    width: 32.9%;
    padding-bottom: .75rem
}

.fk-themeStyle3 .f-imgContainer {
    width: auto;
    margin: .75rem auto 0
}

.fk-themeStyle3 .f-itemImgName {
    padding: 0 .4rem;
    font-size: .6rem
}

.fk-themeStyle4 .unFirstGroup .secondGroupPanel .f-firstItem {
    margin-top: 0
}

.fk-themeStyle5 .f-unFirstGroupHorizon .secondGroupPanel .f-firstItem {
    margin: 0;
    border: none
}

.fk-themeStyle5 .firstGroupItem {
    margin-top: .5rem
}

.fk-themeStyle6 .f-sedGroundName {
    width: 97%;
    text-align: center
}

.fk-themeStyle6 .unFirstGroup .secondGroupPanel .f-firstItem {
    margin-top: .9rem
}

.fk-themeStyle6 .unFirstGroup .secondGroupPanel .f-firstItem {
    margin-top: .9rem
}

.fk-themeStyle6 .firstGroupList {
    padding-bottom: 1rem
}

.fk-themeStyle6 .firstGroupItem {
    margin-top: .5rem
}

.fk-addGroupTip {
    margin-left: .5rem;
    margin-top: 1rem;
    color: #999;
    font-size: .55rem
}

.fk-addGroupTip2 {
    position: absolute;
    top: 0;
    left: 30%;
    margin-left: .5rem;
    margin-top: 1rem;
    color: #999;
    font-size: .55rem
}

.fk-addGroupTip2+.f-oneLevelGroudHorizon>.fk-addGroupTip {
    display: none
}

.fk-addGroupTip3 {
    position: absolute;
    top: 2.5rem;
    margin-left: .5rem;
    color: #999;
    font-size: .55rem
}

.isNewAddModule .newsList .text_list .news_title.noDes {
    margin-bottom: 0
}

.arrow-svgDiv,
.module-arrow-svgDiv {
    width: .8rem;
    height: 1.83rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.arrow-svgDiv,
.module-arrow-svgDiv {
    width: .8rem;
    height: 1.83rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.arrow-svgDiv-up {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.icon-arrow,
.module-icon-arrow,
.sb-icon-arrow {
    color: grey;
    height: 100%;
    width: 100%
}

.flex-box {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.webDetailPage {
    display: none
}

.webContainerBox {
    z-index: 0;
    display: block;
    position: relative;
    top: 2.4rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-backface-visibility: hidden
}

.wekitBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.flex2 {
    -webkit-box-flex: 2;
    -ms-flex: 2 1;
    flex: 2 1
}

.jz-webTips .j-marqueeContainer {
    width: 100%;
    height: 100%
}

.jz-webTips .j-marquee {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%
}

.jz-webTips .j-marqueeContainer ul {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.webTips .marquee li {
    list-style: none;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.jz-webTips .j-marqueeContainer li {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important
}

.fk-tipsDiv {
    position: relative;
    width: 100%;
    z-index: 999;
    height: 1.1rem
}

.fk-mobiTips {
    height: 1.11rem;
    width: 100%;
    background-color: #fff5dc;
    text-align: center;
    font-size: 14px;
    color: #ff8e1e;
    line-height: 1.1rem;
    position: fixed
}

.fk-mobiTips .scroll {
    width: 1560px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff5dc
}

.fk-mobiTips .scroll li {
    width: 780px;
    float: left;
    line-height: 1.1rem;
    text-align: center
}

.g_web .multilingualArea {
    margin: auto;
    position: relative
}

.g_web .multilingual {
    height: 0.4rem;
    z-index: 1;
    background: 0 0;
    line-height: 1.4rem
}

.multilingual .memberEntrance {
    padding-left: .25rem;
    height: 1.4rem
}

.multilingualArea .g_mullink span:before {
    font-size: .9rem;
    vertical-align: bottom
}

.multilingualArea .g_mullink span {
    display: content;
    display: inline-block;
    vertical-align: middle
}

@-moz-document url-prefix() {
    .multilingualArea .g_mullink .g_mullinkFont {
        height: 1.5rem
    }

    .multilingualArea .g_mullink span.proNum {
        height: 1.5rem
    }
}

.multilingualArea .g_mullink {
    font-size: .7rem;
    padding-left: .2rem;
    color: #2982ba;
    overflow: hidden;
    max-width: 5rem;
    text-overflow: ellipsis;
    display: inline-block;
    height: 1.4rem;
    line-height: 1.4rem;
    white-space: nowrap
}

.multilingualArea .multiLanguageCtrl {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .7rem;
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #3a8dc1;
    cursor: pointer
}

.multilingualArea .multilingual .lanTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    display: inline-block;
    vertical-align: top
}

#multiLanguageCtrl .lanIcon {
    height: 1.4rem;
    line-height: 1.4rem
}

#multiLanguageCtrl .lanTitle {
    max-width: 5rem
}

#multiLanguageCtrl.Icon1054 .lanTitle,
#multiLanguageCtrl.Icon1108 .lanTitle {
    max-width: 3rem
}

#multiLanguageCtrl.Icon1036 .lanTitle,
#multiLanguageCtrl.Icon1040 .lanTitle,
#multiLanguageCtrl.Icon1049 .lanTitle {
    max-width: 4rem
}

#multiLanguageCtrl.lanStyle1 .lanTitle {
    display: none
}

.multilingualArea .multilingual .lanStyle2 .lanTitle {
    display: none
}

.multilingualArea .multilingual .lanStyle3 .lanTitle {
    margin: 0 .6rem
}

.multilingualArea .multilingual .lanSelect .lanStyle3 .lanTitle {
    margin: 0 .35rem
}

.multilingualArea .multilingual .lanSelect .lanStyle1 .lanTitle {
    margin-left: .25rem
}

.multilingualArea .multilingual .lanIcon {
    margin: 0 .3rem;
    background-size: 1.1rem .75rem;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    height: 1.6rem;
    width: 1.8rem;
    vertical-align: top
}

.multilingualArea .multilingual .lanSelect .lanIcon {
    margin: 0 .05rem
}

.multilingualArea .multilingual .lanStyle3 .lanIcon {
    background-image: none;
    margin: 0;
    width: 0
}

.lanSelect {
    position: absolute;
    top: .15rem;
    margin-right: .25rem;
    max-height: 12.35rem;
    width: auto;
    background: rgba(255, 255, 255, .9);
    z-index: 9;
    right: 0;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-transition: all .15s;
    transition: all .15s;
    height: 0;
    opacity: 0;
    font-size: .7rem;
    color: #333 !important
}

.lanFixed {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    background: #000;
    z-index: 8;
    left: 0;
    top: 0
}

.lanSelect .lanContainer {
    max-height: 10rem;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    -ms-overflow-style: none
}

.lanSelect .lanContainer::-webkit-scrollbar {
    display: none !important
}

.lanSelect .lanTitle {
    max-width: 10rem
}

.lanSelect .lanSelected .multiLanguageCtrl {
    top: -.25rem;
    color: #333 !important;
    position: relative;
    height: 1.35rem;
    line-height: 1.6rem;
    cursor: default
}

.lanSelect .lanItem {
    height: 1.6rem;
    line-height: 1.6rem;
    width: 100%;
    cursor: default;
    text-align: right;
    clear: both
}

.lanSelect .lanItem:hover {
    cursor: pointer;
    background-color: transparent !important;
    color: #333 !important
}

.lanSelect .lanItem:active {
    cursor: pointer;
    background-color: #ddd !important
}

.Icon2052 .lanIcon {
    background-image: url(/image/language/cn.png?v=201711250607)
}

.Icon20521 .lanIcon {
    background-image: url(/image/language/cn.png?v=201711250607)
}

.Icon1036 .lanIcon {
    background-image: url(/image/language/1036.png?v=201711250607)
}

.Icon1033 .lanIcon {
    background-image: url(/image/language/1033.png?v=201711250607)
}

.Icon1028 .lanIcon {
    background-image: url(/image/language/cn.png?v=201711250607)
}

.Icon1041 .lanIcon {
    background-image: url(/image/language/1041.png?v=201711250607)
}

.Icon1042 .lanIcon {
    background-image: url(/image/language/1042.png?v=201711250607)
}

.Icon1108 .lanIcon {
    background-image: url(/image/language/1108.png?v=201711250607)
}

.Icon1054 .lanIcon {
    background-image: url(/image/language/1054.png?v=201711250607)
}

.Icon11274 .lanIcon {
    background-image: url(/image/language/11274.png?v=201711250607)
}

.Icon1049 .lanIcon {
    background-image: url(/image/language/1049.png?v=201711250607)
}

.Icon1040 .lanIcon {
    background-image: url(/image/language/1040.png?v=201711250607)
}

.Icon1031 .lanIcon {
    background-image: url(/image/language/1031.png?v=201711250607)
}

.webHeaderBox {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    -webkit-backface-visibility: hidden
}

.webHeaderBg {
    color: #fff;
    position: relative
}

.headerSiteMaskWhiteBg {
    position: absolute;
    width: 100%;
    z-index: 49;
    background-color: #fff;
    display: none;
    pointer-events: none
}

.headerSiteMaskBg {
    position: absolute;
    width: 100%;
    z-index: 50;
    display: none;
    pointer-events: none
}

.header {
    text-align: center;
    position: relative
}

.header .pageTitle {
    height: 2.4rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 2.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 76.56125%;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding-right: .25rem;
    padding-left: .25rem;
    clear: both;
    position: relative;
    z-index: 80
}

.header .pageTitleHidden {
    display: none
}

.headerTitleEditPen {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: #557ce1 url(/image/v2/mbg01.png?v=202012021447) -1418px -39px no-repeat
}

.headerTitleEditPen:hover {
    background-color: #618cef
}

.header .pageLogo {
    display: inline-block;
    height: 100%;
    width: 2.25rem;
    vertical-align: top;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    position: relative;
    z-index: 80
}

.header .pageLogo .logoImg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/image/default/1.png?v=201711250607)
}

.header .cusLogo {
    max-width: 1.7rem;
    max-height: 1.7rem
}

.header img {
    height: 2.25rem;
    vertical-align: top;
    width: 3rem
}

.header .pageLogo.right {
    float: right
}

.photoGroupDetailPanel .photoGroupDetailContent .photoGroupDesc {
    font-family: 微软雅黑;
    color: #828282;
    padding: 1rem .75rem;
    line-height: 1.4rem;
    font-size: .8rem;
    word-break: normal
}

.nav_bar_wrap::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.webTop {
    margin: 0 auto;
    position: fixed;
    top: 0;
    z-index: 90;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    max-width: 768px;
    height: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.webBannerBox {
    margin: 0 auto;
    position: relative
}

.navbar .navLeft {
    display: none
}

.navbar .navRight {
    display: none
}

.icon-navLeft:before {
    font-size: 1.5rem;
    position: absolute;
    margin-left: -.4rem;
    margin-top: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-navRight:before {
    font-size: 1.5rem;
    position: absolute;
    margin-left: -.3rem;
    margin-top: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pagenation .pagePrev.pageDisable:active {
    background: 0 0
}

.pagenation .pageNext.pageDisable:active {
    background: 0 0
}

.navbar {
    text-align: center;
    left: 0;
    right: 0;
    height: 2.5rem;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
}

.navExistOffPanel {
    display: none;
    position: fixed;
    margin-left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 768px;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.navbar .itemSep {
    display: none
}

.navbar .itemSep:first-child {
    display: none
}

.navbar .itemSelected {
    background-color: #2a2929
}

.navbar .navButton {
    display: none
}

.navButton .navButtonPanel {
    display: none;
    z-index: 99 !important
}

.navbar .navMenuHeader {
    display: none
}

.navItemIcon {
    display: none
}

.navBaseIcon .navItemIcon {
    width: 1rem;
    height: 1.5rem;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.navBaseIcon .icon-navItemIcon:before {
    content: "\e6df";
    font-size: 1.5rem;
    color: #fff
}

.navItem_3 .icon-navItemIcon:before {
    content: "\e686"
}

.navItem_6 .icon-navItemIcon:before {
    content: "\e6ac"
}

.navItem_7 .icon-navItemIcon:before {
    content: "\e669"
}

.navItem_9 .icon-navItemIcon:before {
    content: "\e6b6"
}

.navItem_10 .icon-navItemIcon:before {
    content: "\e640"
}

.navItem_11 .icon-navItemIcon:before {
    content: "\e65d"
}

.navItem_12 .icon-navItemIcon:before {
    content: "\e726"
}

.navItem_101 .icon-navItemIcon:before {
    content: "\e6a8"
}

.navItem_102 .icon-navItemIcon:before {
    content: "\e667"
}

.navItem_103 .icon-navItemIcon:before {
    content: "\e640"
}

.navItem_13 .icon-navItemIcon:before {
    content: "\eac4"
}

.navItem_23 .icon-navItemIcon:before {
    content: "\eacb"
}

.navItem_15 .icon-navItemIcon:before {
    content: "\eae0"
}

.navbarList .navItem_23 .icon-navItemIcon:before {
    content: "\e6db"
}

.navbarList .navItem_15 .icon-navItemIcon:before {
    content: "\e606"
}

.navbarList .navItem_13 .icon-navItemIcon:before {
    content: "\e630"
}

.faisco-icons-contact1:before {
    content: "\e640"
}

.faisco-icons-edit1:before {
    content: "\e65d"
}

.faisco-icons-cart1:before {
    content: "\e630"
}

.navButton .menuNav .icon-menuNavTip:before {
    content: "\e6b0";
    font-size: 2.7rem;
    color: #fff;
    display: block;
    position: relative;
    z-index: 3;
    font-family: icomoon!important
}

.webFooterBox .bottomdiv .bottom {
    position: relative;
    background: #999;
    height: 1.5rem
}

.webFooterBox .bottomdiv .bottom .backtop {
    width: 2rem;
    float: right;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    text-align: right;
    padding-right: 1rem;
    line-height: 1.5rem;
    transition: all 350ms;
    -webkit-transition: all 350ms;
    font-family: verdana;
    font-weight: 700;
    cursor: pointer
}

.webFooterBox .bottomdiv .bottom .backtop:active {
    background: rgba(0, 0, 0, .5)
}

.webFooterBox .bottomdiv .bottom .backtop b {
    position: absolute;
    width: 0;
    height: 0;
    top: .5rem;
    right: .35rem;
    border: .2rem transparent solid;
    border-bottom-color: #fff
}

.webCustomerServiceBox #fixedWrap {
    position: relative;
    min-height: 2.2rem
}

.webCustomerServiceBox {
    margin: 0 auto
}

.webCustomerServiceBox {
    opacity: 0
}

.preview-bd-env .webCustomerServiceBox .customerServiceDiv {
    display: block !important
}

.webCustomerServiceBox .customerServiceDiv {
    width: 100%;
    max-width: 768px;
    -webkit-backface-visibility: hidden
}

@media only screen and (min-width:1280px) {
    .webCustomerServiceBox .customerServiceDiv {
        max-width: 512px
    }
}

.webCustomerServiceBox .service {
    height: 2.4rem;
    line-height: 2.4rem;
    float: left;
    text-align: center
}

.webCustomerServiceBox a {
    color: #fff
}

.webCustomerServiceBox .discribe {
    color: #fff
}

.customerServiceDiv .customServiceLine {
    display: none
}

.customerServiceDiv .icon {
    -webkit-backface-visibility: hidden;
    height: 1.5rem;
    margin: auto;
    font-size: 1.5rem;
    color: #fff
}

.faisco-icons-mail1:before {
    content: '\e6a0'
}

.faisco-icons-qq1:before {
    content: '\e6ca'
}

.faisco-icons-call1:before {
    content: '\e62c'
}

.faisco-icons-gps1:before {
    content: '\e67c'
}

.faisco-icons-message1:before {
    content: '\e6b2'
}

.faisco-icons-menu1:before {
    content: '\e6a8'
}

.customerServiceDiv .describe {
    color: #fff;
    line-height: .8rem;
    font-size: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.baidu_all_map {
    overflow: hidden;
    zoom: 1;
    position: relative
}

.baidu_map {
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.map_marker_panel {
    position: absolute
}

.fk-webMapServiceBox {
    visibility: hidden;
    position: fixed;
    top: 150%;
    height: 100%;
    width: 100%;
    max-width: 768px;
    z-index: 1001;
    background: #000;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.fk-webMapServiceBox .f-webMapIframeWrap {
    height: 100%;
    width: 100%;
    display: table-cell;
    background: url(/image/loading/loading_2.gif?v=201610211723) no-repeat center #fff
}

.f-webMapIframeWrap.ios-scroll {
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.f-webMapIframeWrap #mobiSearchMapFrame {
    background-color: #fff;
    position: absolute
}

.showMapService {
    top: 0;
    visibility: visible;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.fk-webMapServiceBox .webMapHeader {
    height: 2.3rem
}

.serBaseIcon .serItemIcon {
    width: 1.5rem;
    height: 1.6rem;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat
}

.serBaseIcon .icon-serItemIcon:before {
    font-size: 1.5rem;
    color: #fff
}

label.jz-checkbox-wrapper {
    vertical-align: middle
}

.pgDetail .line {
    padding-left: 0;
    padding-right: 0
}

.pgDetail .pgBoxItem {
    padding-left: .5rem;
    border-bottom: 1px solid #f2f2f2;
    height: 2.5rem
}

.icon-upIcon:before {
    content: "\e656";
    font-size: .75rem
}

.opened .icon-upIcon:before {
    content: "\e701";
    font-size: .75rem
}

.paramPadding .mallPrice {
    font-weight: 400;
    font-size: .7rem
}

.mallPrice {
    color: #ff5000;
    word-wrap: break-word
}

#profile .profileContent {
    padding: 0
}

.memberBasicInfoArea {
    background-color: #fff;
    margin-bottom: .5rem;
    border-bottom: 1px solid #ececec
}

.memberBasicInfo {
    width: 100%;
    height: 2.65rem;
    border-top: 1px solid #ececec;
    padding: .5rem 0 .5rem 3rem
}

.memberBasicInfo span {
    float: left
}

.memberBasicInfo .icon-pnameIcon {
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e6e6e6;
    display: inline-block;
    left: .5rem;
    z-index: 1;
    overflow: hidden
}

.memberBasicInfo .icon-pnameIcon img {
    height: 2.5rem;
    max-width: none;
    max-height: none;
    position: absolute
}

.memberBasicInfo .memberName {
    margin: 1rem 0 0 .5rem;
    color: #535353
}

.memberBasicInfo .memberLevelName {
    margin: 1rem 0 0 .5rem;
    color: #fd8668;
    width: 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#profile .profileContent .icon-addrInfoIcon:before,
#profile .profileContent .icon-bangding:before,
#profile .profileContent .icon-cLogoutIcon:before,
#profile .profileContent .icon-cPswIcon:before,
#profile .profileContent .icon-cutPrice:before,
#profile .profileContent .icon-fenxiao:before,
#profile .profileContent .icon-groupBuy1:before,
#profile .profileContent .icon-groupBuy:before,
#profile .profileContent .icon-groupBuySpecial1:before,
#profile .profileContent .icon-groupBuySpecial:before,
#profile .profileContent .icon-integralIcon:before,
#profile .profileContent .icon-noticeIcon:before,
#profile .profileContent .icon-orderIcon:before,
#profile .profileContent .icon-pInfoIcon:before,
#profile .profileContent .icon-promoter:before,
#profile .profileContent .icon-starIcon:before,
.icon-coupons:before {
    display: inline-block;
    width: 2.3rem;
    text-align: center;
    font-size: .9rem;
    position: relative;
    top: .15rem;
    z-index: 2
}

.checkEmail {
    text-align: left;
    padding: 0 .5rem;
    width: 93%;
    word-wrap: break-word
}

.emailAddr {
    display: none;
    margin-top: .5rem;
    text-align: left;
    padding-left: .5rem;
    color: #06c
}

.icon-acctIcon:before,
.icon-fastUserIcon:before,
.icon-iphone2:before,
.icon-nameIcon:before,
.icon-userIcon:before {
    content: "\e641";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-pswIcon:before {
    content: "\e69b";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-fastCodeIcon:before {
    content: "\e69b";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-phoneIcon:before {
    content: "\e62d";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-emailIcon:before {
    content: "\e6a1";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-lockstarIcon:before {
    content: "\e733";
    vertical-align: middle;
    font-size: 7rem;
    text-align: center;
    margin-top: 1.5rem;
    display: inline-block;
    margin-left: .7rem;
    color: #cacaca
}

.customIcon {
    display: none
}

.icon-customIcon:before {
    content: "\e6e0";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-msgIcon:before {
    content: "\e6b3";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.icon-iphone2:before {
    content: "\e68f"
}

.mobiCol10 .middleCenter .moduleContent,
.mobiCol11 .middleCenter .moduleContent,
.mobiCol12 .middleCenter .moduleContent,
.mobiCol13 .middleCenter .moduleContent {
    color: #666
}

.mobiCol10 .middleCenter,
.mobiCol11 .middleCenter,
.mobiCol12 .middleCenter,
.mobiCol13 .middleCenter {
    background-color: #f7f7f7;
    color: #333;
    padding-bottom: 1rem;
    height: 100%
}

.empty_tips {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 19.2rem;
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.empty_tips .img {
    background: url(/image/noItg.png) no-repeat;
    width: 10.67rem;
    height: 10.67rem;
    position: relative;
    top: -2.1333rem;
    background-size: contain
}

.empty_tips .text {
    font-size: .64rem;
    position: relative;
    top: -3.2rem;
    color: #353535
}

.newCountDownProductName .pd3ProductName {
    padding: .8rem 0 0 .45rem;
    font-size: .7rem;
    width: 75%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    vertical-align: middle
}

.newsNewDetailPanel .newsLink,
.newsNewDetailPanel .newsSource {
    font-size: .6rem;
    color: #333;
    margin-bottom: .45rem;
    word-wrap: break-word;
    word-break: normal
}

.newsNewDetailPanel .newsCustom {
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    margin-right: .55rem;
    color: #666
}

.newsDetailV3Panel .newsCustom {
    display: inline-block;
    height: .7rem;
    line-height: .6rem;
    margin-right: .5rem;
    font-size: .5rem;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: normal
}

.wxapp_launch_btn,
.wxapp_launch_btn_wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.loginContent .otherLoginFillPic {
    height: 5rem
}

.loginContent .otherLoginFillUser {
    margin-top: .5rem;
    text-align: center
}

.loginContent .loginTypeAvator {
    height: 2.5rem;
    width: 2.5rem;
    margin-top: 1rem;
    margin-left: 6.2rem;
    border-radius: .5rem;
    background-size: contain
}

.loginContent .otherLoginTypeAvator {
    height: 1.2rem;
    width: 1.2rem;
    margin-top: 1rem;
    margin-left: 6.6rem;
    border-radius: .5rem;
    background-size: 1.2rem
}

.loginContent .remarkCon {
    font-size: .5rem;
    color: #c5c5c5;
    position: relative;
    height: 2rem
}

.loginContent .remarkCon .remarkLine {
    border-top: 1px solid #c5c5c5;
    width: 100%;
    position: absolute;
    top: .32rem
}

.loginContent .remarkCon .remarkInfo {
    background: #f0f0f5;
    width: 6rem;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 4.2rem
}

.loginContent .loginAvatorCircle {
    height: 4rem;
    width: 4rem;
    margin: 1rem auto 1rem;
    border-radius: 50%;
    background-size: contain
}

.jz_cardStyle {
    margin-top: 0;
    text-align: center
}

.jz_cardStyle .cardWrap {
    width: 7.5rem;
    max-width: 46%;
    margin: .75rem .25rem 0;
    overflow: hidden
}

.form .jz_cardStyle div.cardWrap {
    padding-bottom: 0
}

.jz_cardStyle .cardWrap .imageMiddle {
    display: none
}

.jz_cardStyle .fk-productListImgWrap {
    display: block;
    width: 7.5rem
}

.jz_cardStyle .imgItem {
    width: 100%;
    padding-top: 8.75rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 0;
    background-color: #f4f4f4
}

.form .jz_cardStyle .imgItem {
    display: block
}

.jz_cardStyle .imgScale .imgItem {
    background-size: contain
}

.jz_cardStyle .imgStretch .imgItem {
    background-size: 100% 100%
}

.jz_cardStyle .paramCollectionWrap {
    background-color: #f5f5f5;
    margin: 0;
    padding: .35rem .33rem .45rem;
    overflow: hidden
}

.jz_cardStyle .productParam {
    font-size: .6rem;
    margin-bottom: .11rem
}

.form .jz_cardStyle .paramName {
    margin-bottom: .28rem
}

.jz_cardStyle .mProductTileForm .f-mallPriceStyle.textAlign_center {
    text-align: center
}

.jz_cardStyle .mProductTileForm .f-mallPriceStyle.textAlign_center .J_fk-mallCart {
    vertical-align: text-bottom
}

.jz_cardStyle div.paramCollection {
    margin-top: 0
}

.form .jz_cardStyle p.paramName {
    color: #333
}

.form .jz_cardStyle p.productParam {
    color: #666
}

.form .jz_cardStyle .cardWrap:last-child {
    display: block;
    margin: .75rem .45rem 0
}

.form .jz_cardStyle .cardWrap:nth-child(2n) {
    display: inline-block;
    margin: .75rem .25rem 0
}

.jz_borderStyle {
    margin-top: 0;
    text-align: center
}

.jz_borderStyle .cardWrap {
    width: 7.5rem;
    max-width: 47%;
    margin: .75rem .16rem 0;
    border: 1px solid #e6e6e6;
    border-radius: .2rem;
    overflow: hidden
}

.form .jz_borderStyle div.cardWrap {
    padding-bottom: 0
}

.jz_borderStyle .cardWrap .imageMiddle {
    display: none
}

.jz_borderStyle .fk-productListImgWrap {
    display: block;
    width: 100%
}

.jz_borderStyle .imgItem {
    width: 100%;
    padding-top: 8.75rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 0
}

.form .jz_borderStyle .imgItem {
    display: block
}

.jz_borderStyle .imgScale .imgItem {
    background-size: contain
}

.jz_borderStyle .imgStretch .imgItem {
    background-size: 100% 100%
}

.jz_borderStyle .paramCollectionWrap {
    margin: 0;
    padding: .35rem .33rem .45rem;
    background-color: #fff;
    overflow: hidden
}

.jz_borderStyle .productParam {
    font-size: .6rem;
    margin-bottom: .11rem
}

.form .jz_borderStyle .paramName {
    margin-bottom: .28rem
}

.jz_borderStyle div.paramCollection {
    margin-top: 0
}

.form .jz_borderStyle p.paramName {
    color: #333
}

.form .jz_borderStyle p.productParam {
    color: #666
}

.form .jz_borderStyle .cardWrap:last-child {
    display: block;
    margin: .75rem .28rem 0
}

.form .jz_borderStyle .cardWrap:nth-child(2n) {
    display: inline-block;
    margin: .75rem .16rem 0
}

.jz_mergeBorderStyle {
    margin-top: 0;
    background-color: #fff
}

.jz_mergeBorderStyle .cardWrap {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    border-top-width: 0;
    border-left-width: 0
}

.jz_mergeBorderStyle .mProductTileForm.cardWrap {
    margin: 0
}

.jz_mergeBorderStyle .cardWrap:nth-child(2n) {
    border-right-width: 0
}

.jz_mergeBorderStyle .cardWrap:nth-child(1) {
    border-top-width: 1px
}

.jz_mergeBorderStyle .cardWrap:nth-child(2) {
    border-top-width: 1px
}

.form .jz_mergeBorderStyle div.cardWrap {
    padding: .745rem 1.375rem 0
}

.jz_mergeBorderStyle .cardWrap .imageMiddle {
    display: none
}

.jz_mergeBorderStyle .fk-productListImgWrap {
    display: block;
    width: 100%
}

.jz_mergeBorderStyle .imgItem {
    width: 5.25rem;
    padding-top: 5.25rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 0
}

.form .jz_mergeBorderStyle .imgItem {
    display: block
}

.jz_mergeBorderStyle .imgScale .imgItem {
    background-size: contain
}

.jz_mergeBorderStyle .imgStretch .imgItem {
    background-size: 100% 100%
}

.jz_mergeBorderStyle .paramCollectionWrap {
    margin: 0;
    padding: .35rem 0 .4rem;
    overflow: hidden
}

.jz_mergeBorderStyle .productParam {
    font-size: .6rem;
    margin-bottom: .11rem
}

.form .jz_mergeBorderStyle .paramName {
    margin-bottom: .15rem
}

.jz_mergeBorderStyle div.paramCollection {
    margin-top: 0
}

.form .jz_mergeBorderStyle p.paramName {
    color: #333
}

.form .jz_mergeBorderStyle p.productParam {
    color: #666
}

.form .jz_mergeBorderStyle .cardWrap:last-child {
    display: block
}

.form .jz_mergeBorderStyle .cardWrap:nth-child(2n) {
    display: inline-block
}

.form .jz_mergeBorderStyle div.mProductTileForm {
    margin-left: 0
}

.jz_mergeBorderStyle .cardWrap .proListBookingBtn {
    display: block;
    float: none;
    top: .2rem;
    margin: 0;
    max-width: 4rem
}

.jz_mergeBorderStyle .textAlign_center .proListBookingBtn {
    margin: auto
}

.jz_mergeBorderStyle .textAlign_center~.proListBookingBtn {
    margin: auto
}

.jz_mergeBorderStyle.jz_bookingOpen .mProductTileForm .textAlign_center {
    text-align: center
}

.fk-productListImgWrap .f-productListTopFlag {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #fa3b00
}

.f-productListTopPromotion {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #fa3b00;
    padding-left: 5px;
    padding-right: 5px
}

.productHotTextListTable div.f-productListTopFlag,
.productTextListTable div.f-productListTopFlag {
    display: inline-block;
    width: 36px;
    margin-right: 4px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #fa3b00;
    font-size: 12px
}

.fk-productListImgWrap {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.fk-productListTitle .fk-productListImgWrap {
    vertical-align: bottom
}

.productWaterFall .fk-productListImgWrap {
    display: block
}

@media all and (-ms-high-contrast:none) {
    .fk-productListImgWrap {
        max-width: 100%
    }

    .fk-productListImgWrap,
    ::-ms-backdrop {
        max-width: 100%
    }
}

.fade-in-for-lazyload {
    -webkit-transition: .6s opacity;
    transition: .6s opacity;
    -webkit-animation: fadeIn .6s linear;
    animation: fadeIn .6s linear
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.loading-for-lazyload {
    min-height: 3rem
}

.form .mProductList .f-mallPriceWrap {
    position: relative
}

.fk-mProductList3 .textAlign_center .f-mallCart,
.fk-mProductList32 .textAlign_center .f-mallCart,
.fk-mProductList7 .textAlign_center .f-mallCart,
.fk-mProductList8 .textAlign_center .f-mallCart {
    position: absolute;
    right: 0
}

div.fk-mProductList1 .mProductTileForm .f-mallPriceStyle {
    text-align: left
}

div.fk-mProductList9 .productSlide .f-mallPriceStyle {
    text-align: left
}

div.fk-mProductList31 .mProductTileForm .f-mallPriceStyle {
    text-align: left
}

.fk-mProductList31 .mProductTileForm {
    padding-bottom: .5rem
}

div.fk-mProductList31 .mProductTileForm .paramName {
    font-size: .5rem
}

div.fk-mProductList31 .mProductTileForm .paramCollection {
    padding: 0
}

div.fk-mProductList31 .mProductTileForm .productParam {
    font-size: .5rem
}

.fk-mProductList31 {
    margin: 0;
    padding: .45rem .2125rem 0
}

.form .formMiddle .fk-mProductList31 .mProductTileForm {
    width: 33.3%;
    padding-left: .2125rem;
    padding-right: .2125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

div.fk-mProductList32 {
    margin-top: 0
}

div.fk-mProductList32 .mProductTextForm .paramCollection {
    padding: 0 0 .9rem;
    margin: .9rem .9rem 0
}

div.fk-mProductList32 .mProductTextForm .paramName {
    margin-bottom: .3rem;
    position: relative;
    word-break: normal;
    word-wrap: break-word
}

div.fk-mProductList32 .mProductTextForm .marketPrice {
    font-size: .55rem
}

div.fk-mProductList32 .mProductTextForm .productParam {
    font-size: .55rem
}

.fk-mProductList32 .f-productListTopFlag {
    width: 36px;
    height: 20px;
    background-color: #fa3b00;
    margin-left: .25rem;
    padding: 0 3px;
    line-height: 20px;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.fk-mProductList32 .separatorLine {
    margin: 0 .9rem
}

.fk-mProductList32 .separatorLine:last-child {
    display: none
}

.mProductList .jz_productBigPicListForm {
    margin-top: .5rem
}

.mProductList .jz_productBigPicItem {
    width: 92%;
    margin: 0 auto;
    overflow: hidden
}

.mProductList .jz_productPho {
    position: relative;
    width: 100%
}

.mProductList .jz_productPho .style33Img {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.mProductList .jz_productPho .f-productListTopFlag {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #fa3b00
}

.mProductList .jz_productScr {
    margin: .3rem 0
}

.mProductList .jz_productScr .textAlign_center .f-mallCart,
.mProductList .jz_productScr .textAlign_center .proListBookingBtn {
    position: absolute;
    right: 0;
    bottom: 0
}

.mProductList .jz_productScr .textAlign_center .proListBookingBtn {
    position: relative
}

.mProductList .proListBookingBtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mProductList .jz_productBigPicCardListForm .jz_productBigPicItem {
    border-radius: .29268rem;
    border: 1px solid #e6e6e6
}

.mProductList .jz_productBigPicCardListForm .jz_productScr {
    margin: .3rem
}

.mProductList .jz_productBigPicSimpleListForm .jz_productScr {
    margin: .3rem
}

.form .mProductList a {
    color: #333;
    font-size: .7rem;
    text-decoration: none
}

.form .mProductList .nameWrap {
    word-break: normal;
    white-space: normal;
    overflow: visible;
    text-overflow: clip
}

.form .mProductList .textAlign_center {
    text-align: center
}

.form .mProductList .textAlign_left {
    text-align: left
}

.f-mallPriceWrap .proListBookingBtn,
.mProductList .proListBookingBtn {
    height: 1.15rem;
    line-height: 1.15rem;
    width: auto;
    min-width: 1.8rem;
    max-width: 2.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .25rem;
    margin: 0;
    float: right;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: .55rem;
    position: relative;
    top: -.1rem
}

.fk-mProductList9 .proListBookingBtn {
    top: .1rem
}

.fk-mProductList3 .f-mallPriceWrap .proListBookingBtn {
    margin-right: 1rem
}

.fk-mProductList3 .paramNowrap .proListBookingBtn {
    margin: .5rem 1rem 0 0
}

.fk-mProductList7 .paramPadding .proListBookingBtn {
    margin: .5rem 0 .2rem 0
}

.mProductList .bookingBtnPlaceholder {
    display: inline-block;
    height: .9rem
}

.fk-mProductList9 .bookingBtnPlaceholder {
    height: 1rem
}

#mProductList3 .productPicListForm .proListBookingBtn {
    margin: .5rem 1rem 0 0
}

#mProductList3 .mProductTileForm .bookingBtnPlaceholder {
    display: block;
    height: .25rem
}

.productWaterFall:nth-child(2n+1) {
    margin-left: .5rem;
    height: auto
}

.productWaterFall:nth-child(2n) {
    right: .5rem;
    height: auto
}

.commentBox {
    margin: .5rem .25rem
}

.commentBox .msgArea {
    margin: 0 0 .5rem 0
}

.postArea {
    margin: .5rem;
    padding-bottom: 1rem
}

.postArea .line {
    width: 93%;
    margin: 0 auto;
    margin-bottom: .5rem
}

.postArea .g_textArea {
    height: 5rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem
}

.postArea .g_input {
    padding-left: 2.1rem
}

.postArea .captchaText {
    padding-left: .75rem
}

.postArea .captchaImg {
    top: .5rem
}

.postArea .icon-update:before {
    top: .7rem
}

.jz_popupZone_wrap .formStyle53.form,
.jz_popupZone_wrap .formStyle54.form,
.webContainerBox .formStyle53.form,
.webContainerBox .formStyle54.form {
    margin: 0
}

.captchaHide {
    display: none
}

.webTips .mobiScrollbar {
    text-align: center;
    overflow: hidden;
    height: 1.5rem;
    font-size: .6rem;
    background: #fef5d8;
    width: 100%;
    max-width: 768px;
    z-index: 9
}

.webTips .marquee li {
    list-style: none;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.jz-webTips .mobiScrollbar {
    -webkit-text-size-adjust: none
}

.jz-webTips .j-marqueeContainer {
    width: 100%;
    height: 100%
}

.jz-webTips .j-marqueeContainer ul {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.jz-webTips .j-marquee {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%
}

.jz-webTips .j-marqueeContainer li {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important
}

.jz-webTips .j-marqueeContainer li:not(:first-child) {
    padding-left: 20px
}

#myForm .clickIcon .update_tips {
    color: #999;
    font-size: .5rem
}

.loginContent .loginToggle {
    cursor: pointer;
    float: left
}

#profile .profileContent .icon-addrInfoIcon:before,
#profile .profileContent .icon-bangding:before,
#profile .profileContent .icon-cLogoutIcon:before,
#profile .profileContent .icon-cPswIcon:before,
#profile .profileContent .icon-cutPrice:before,
#profile .profileContent .icon-fenxiao:before,
#profile .profileContent .icon-groupBuy1:before,
#profile .profileContent .icon-groupBuy:before,
#profile .profileContent .icon-groupBuySpecial1:before,
#profile .profileContent .icon-groupBuySpecial:before,
#profile .profileContent .icon-integralIcon:before,
#profile .profileContent .icon-noticeIcon:before,
#profile .profileContent .icon-orderIcon:before,
#profile .profileContent .icon-pInfoIcon:before,
#profile .profileContent .icon-promoter:before,
#profile .profileContent .icon-starIcon:before,
.icon-coupons:before {
    display: inline-block;
    width: 2.3rem;
    text-align: center;
    font-size: .9rem;
    position: relative;
    top: .15rem;
    z-index: 2
}

#profile .profileContent .newProfileIcon:before {
    font-size: .9rem
}

#profile .profileContent .icon-cLogoutIcon:before {
    font-size: .85rem
}

#profile .profileContent .icon-pInfoIcon:before {
    content: "\e641";
    color: #96c4fe
}

#profile .profileContent .icon-cPswIcon:before {
    content: "\e69b";
    color: #e79bc6
}

#profile .profileContent .icon-cLogoutIcon:before {
    content: "\e90c";
    color: #777
}

#profile .profileContent .icon-orderIcon:before {
    content: "\e66a";
    color: #ffd670
}

#profile .profileContent .icon-addrInfoIcon:before {
    content: "\e664";
    color: #ff8e7c
}

#profile .profileContent .icon-fenxiao:before {
    content: "\eb20";
    color: #ff8e7c
}

#profile .profileContent .icon-starIcon:before {
    content: "\e6ee";
    color: #e3b170
}

#profile .profileContent .icon-coupons:before {
    content: "\e903";
    color: #ea5a5a
}

#profile .profileContent .icon-integralIcon:before {
    content: "\e800";
    color: #ffe317
}

#profile .profileContent .icon-cutPrice:before {
    content: "\b0244";
    color: #ffe317
}

#profile .profileContent .icon-groupBuy:before {
    content: "\b0364";
    color: #ffe317
}

#profile .profileContent .icon-groupBuy1:before {
    content: "\b0370";
    color: #ffe317
}

#profile .profileContent .icon-groupBuySpecial:before {
    content: "\b0365";
    color: #ffe317
}

#profile .profileContent .icon-groupBuySpecial1:before {
    content: "\b0366";
    color: #ffe317
}

#profile .profileContent .icon-promoter:before {
    content: "\b0264";
    color: #369bff
}

#profile .profileContent .icon-noticeIcon:before {
    content: "\e6c1";
    color: #c2b2ea
}

#profile .profileContent .icon-bangding:before {
    content: "\eab1";
    color: #666
}

.bulletinCotent {
    color: #333;
    padding: .6rem .5rem;
    text-align: left
}

.profileContent .editMobileBtn {
    width: 2.5rem;
    height: 1.25rem;
    background: rgba(255, 255, 255, 1);
    border: .03rem solid rgba(204, 204, 204, 1);
    border-radius: .1rem;
    line-height: 1.25rem;
    text-align: center;
    right: 0;
    top: .45rem;
    position: absolute;
    z-index: 1;
    font-size: .6rem
}

.profileContent .editMobileBtnThemev1 {
    right: .5rem;
    top: .6rem
}

.f_editArea {
    background: #fff;
    padding: 0 .6rem;
    width: 14.81rem;
    border-top: .02rem solid #eee;
    height: 2.56rem;
    position: relative
}

.f_editArea .editInput {
    width: 6.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: .6rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    right: 0;
    top: 0;
    margin-top: .1rem
}

.f_editArea .cleanBtn {
    z-index: 10;
    background-color: #ccc;
    width: .64rem;
    height: .64rem;
    border-radius: .34rem;
    float: right;
    position: absolute;
    right: .64rem;
    top: .96rem;
    text-align: center;
    font-size: 14px;
    line-height: .58rem;
    color: #fff
}

.m_pointBoxContainer .f_saveBtn {
    margin: .6rem;
    margin-top: .92rem;
    width: 14.81rem;
    height: 1.88rem;
    font-size: .6rem;
    text-align: center;
    line-height: 1.88rem;
    color: #fff;
    border-radius: .21rem
}

.m_pointBoxContainer .un-change {
    opacity: .2
}

.m_pointBoxContainer input {
    border: unset
}

.m_pointBoxContainer .g_input {
    padding-left: 0
}

.mobilePanel .profileContent {
    height: 30rem;
    background: rgba(246, 246, 246, 1);
    padding-left: 0
}

.m_pointBoxContainer .defMobi {
    font-size: .6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(136, 136, 136, 1);
    line-height: .45rem;
    padding: 1.37rem 0 .62rem .85rem
}

.m_pointBoxContainer .mobileCtNew {
    width: 3.41rem;
    height: .81rem;
    line-height: .81rem;
    border: unset;
    border-right: .02rem solid rgba(221, 221, 221, 1);
    margin: .85rem .64rem 0 .26rem;
    position: absolute;
    font-size: .68rem;
    outline: 0;
    background: #fff
}

.m_pointBoxContainer .mobileCtInput {
    position: absolute;
    left: 4.91rem
}

.m_pointBoxContainer .mobileCtBtn {
    margin-top: 1.71rem
}

.m_pointBoxContainer .validateCodeMsg {
    font-size: .6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(53, 53, 53, 1);
    line-height: .45rem;
    margin: 1.37rem 0 .62rem .85rem
}

.m_pointBoxContainer .validateCode {
    font-size: .68rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(53, 53, 53, 1);
    line-height: .45rem;
    position: absolute;
    margin: 1.02rem .64rem 0 .26rem
}

.m_pointBoxContainer .validateCodeInput {
    position: absolute;
    left: 3.71rem
}

.m_pointBoxContainer .sendValidateCode {
    width: 4.37rem;
    height: .81rem;
    line-height: .81rem;
    position: absolute;
    font-size: .55rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(253, 112, 40, 1);
    text-align: center;
    border-left: .02rem solid #ddd;
    top: .92rem;
    right: 0
}

.m_pointBoxContainer .cleanBtnValidateCode {
    right: 5.33rem
}

.p_validateCode {
    width: 11.95rem;
    height: 10.67rem;
    background: rgba(255, 255, 255, 1);
    border-radius: .43rem;
    position: absolute;
    z-index: 999;
    left: 2rem;
    top: 4rem
}

.p_validateCode .contain {
    margin: .77rem .85rem .64rem .85rem
}

.p_validateCode .captcha_img {
    width: 10.24rem;
    height: 3.84rem;
    border-radius: .21rem
}

.p_validateCode .refreshCaptchaIcon {
    display: inline-block;
    font-size: .38rem;
    margin-right: .26rem
}

.p_validateCode .refreshCaptcha {
    float: right;
    margin-top: .3rem;
    margin-bottom: .36rem;
    height: .49rem;
    line-height: .49rem
}

.p_validateCode .refreshCaptcha .refreshCaptchaText {
    font-size: .47rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(136, 136, 136, 1);
    line-height: .49rem;
    display: inline-block
}

.p_validateCode .validateCodeInput {
    width: 10.24rem;
    height: 2.13rem;
    background: rgba(246, 246, 246, 1);
    border-radius: .21rem;
    text-align: center;
    outline: 0;
    border: none;
    font-size: .6rem
}

.p_validateCode .foot {
    border-top: .02rem solid #eee;
    height: 2.13rem;
    width: 100%;
    font-size: .77rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 2.13rem
}

.p_validateCode .foot .hiddenCaptcha {
    display: inline-block;
    width: 5.95rem;
    height: 1.93rem;
    border-right: .02rem solid #eee;
    color: rgba(53, 53, 53, 1);
    text-align: center
}

.p_validateCode .foot .checkCaptcha {
    display: inline-block;
    width: 5.96rem;
    color: rgba(32, 194, 101, 1);
    text-align: center
}

.wxPublicAttentionService {
    position: fixed;
    display: none;
    width: 100%;
    height: 1.9rem;
    -webkit-backface-visibility: hidden
}

.wxPublicAttentionService .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6
}

.wxPublicAttentionService .avatar {
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    top: .28rem;
    left: .8rem;
    display: inline-block
}

.wxPublicAttentionService .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.wxPublicAttentionService .tip {
    position: absolute;
    color: #f5f5f5;
    font-size: .54rem;
    top: .52rem;
    left: 2.4rem;
    max-width: 8.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wxPublicAttentionService .guanzhu {
    position: absolute;
    color: #f5f5f5;
    font-size: .46rem;
    width: 2.5rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    border-radius: 1.5rem;
    border: 1px solid #fff;
    top: .41rem;
    cursor: pointer;
    display: inline-block
}

.wxPublicAttentionService .close {
    position: absolute;
    color: #fff;
    left: 3.15rem;
    top: .4rem;
    font-size: 1.05rem;
    cursor: pointer;
    z-index: 1
}

.wxPublicAttentionRightContent {
    float: right;
    width: 4.55rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 99
}

.wxPublicAttentionService .clickContent {
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2
}

.wxTopTip {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    opacity: .6;
    z-index: 10
}

.wxPage {
    position: fixed;
    top: 4.5rem;
    left: 2.7rem;
    width: 10.65rem;
    height: 15rem;
    z-index: 20;
    border-radius: .3rem
}

.wxPage .pic {
    position: absolute;
    width: 10.65rem;
    height: 15rem;
    background-image: url(/image/wxPage.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wxPage .pic img {
    opacity: 0;
    width: 100%;
    height: 100%
}

.wxPage .pic1 {
    position: absolute;
    width: 8.25rem;
    height: 8.25rem;
    top: .75rem;
    left: 1.2rem
}

.wxPage .pic1 .img {
    width: 100%;
    height: 100%
}

.wxPage .text {
    position: absolute;
    color: #626366;
    width: 5.3rem;
    text-align: center;
    left: 2.65rem;
    top: 10rem;
    font-size: .55rem
}

.loginContent #acquireCode {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    color: #999;
    background-color: #fff;
    padding: .75rem;
    width: 45%;
    height: 2.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -1px;
    line-height: .8rem;
    border-left: none;
    font-size: .7rem
}

.photoModule.styleForm7 {
    position: relative;
    margin: .5rem auto;
    overflow: hidden;
    width: 100%
}

.photoModule.styleForm7 ul {
    position: absolute;
    padding: 0;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.photoModule.styleForm7 ul li {
    width: 15rem;
    list-style-type: none;
    float: left;
    text-align: center;
    overflow: hidden;
    background: #fff
}

.photoModule.styleForm7 .imgDiv2 {
    overflow: hidden;
    display: inline-block;
    background: #fff
}

.photoModule.styleForm7 .prevPhoto {
    background: url(/image/PicLeft.png?v=202112081201) rgba(0, 0, 0, .4) no-repeat;
    width: 1.75rem;
    height: 1.75rem;
    float: left;
    top: 30%;
    cursor: pointer;
    position: absolute;
    background-size: 80%;
    background-position: .25rem;
    border-radius: 4px;
    left: .75rem
}

.photoModule.styleForm7 .nextPhoto {
    background: url(/image/PicRight.png?v=202112081201) rgba(0, 0, 0, .4) no-repeat;
    width: 1.75rem;
    height: 1.75rem;
    float: right;
    top: 30%;
    cursor: pointer;
    position: absolute;
    background-size: 80%;
    background-position: .25rem;
    border-radius: 4px;
    right: .75rem
}

.photoModule .styleForm7 .imgContainer {
    display: table-cell;
    vertical-align: middle
}

.imageMiddleSpan {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.photoModule .photoModuleImageSwipeContainer {
    overflow: hidden;
    position: relative
}

.photoModule.styleForm7 .imgName {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 1.2rem;
    font-size: .7rem;
    width: 100%;
    text-align: center
}

.photoModule.styleForm6 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.photoModule.styleForm6 .fk-photoBulletStyle .f-imgName {
    display: none
}

.photoModule.styleForm6 .photoSwipe {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;
    visibility: visible
}

.photoModule.styleForm6 .photoSwipeBox {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.photoModule.styleForm6 .photoSwipeBox .swipImgArea {
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden
}

.imageDiv img {
    vertical-align: middle
}

.photoModule.styleForm6 .photoBullet {
    position: absolute;
    width: 100%;
    height: 1.2rem;
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    line-height: 1.2rem
}

.photoModule.styleForm6 .fk-photoBulletStyle {
    background: 0 0
}

.photoModule.styleForm6 .noBG {
    background: 0 0;
    text-align: center
}

.photoModule.styleForm6 .photoBullet .bullets {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.photoModule.styleForm6 .noBG .bullets {
    text-align: center
}

.photoModule.styleForm6 .fk-photoBulletStyle .f-bullets {
    text-align: center
}

.photoModule.styleForm6 .photoBullet .bullets li {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    margin: 0 .1rem;
    cursor: pointer;
    background: #adb1b1
}

.photoModule.styleForm6 .noBG .bullets li {
    background: rgba(170, 170, 170, .5);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.photoModule.styleForm6 .photoBullet .bullets li.on {
    background: #fff
}

.photoModule .photoBullet .imgName {
    width: 100%;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    line-height: .9rem;
    font-size: .6rem;
    text-align: center;
    margin-bottom: -.2rem;
    padding-top: .2rem
}

.tdUl,
.tdUl .bullets.f-bullets {
    line-height: 1rem;
    font-size: 0
}

.tdUl {
    height: 1rem;
    padding: 0
}

.photoModule.styleForm6 .photoBullet .bullets li {
    vertical-align: middle
}

.tableFix td {
    padding: 0
}

.photoModule .photoBullet .tableFix {
    border-spacing: 0;
    width: 100%;
    table-layout: fixed
}

.photoModule .photoBullet .tableFix .tdUl {
    vertical-align: bottom
}

.popupWXQrCode {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    max-width: 768px;
    z-index: 9999;
    display: none
}

.popupWXQrCode .wxQrBg {
    width: 100%;
    height: 110%;
    background-color: rgba(0, 0, 0, .7);
    position: fixed
}

.popupWXQrCode .bgPic {
    background: 0 0 no-repeat;
    background-size: contain;
    position: fixed;
    width: 10.5rem;
    height: 15rem;
    left: 50%;
    top: 12.2rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popupWXQrCode .wxQrTip {
    position: fixed;
    width: 100%;
    top: 5.4rem;
    color: #333;
    font-size: .65rem;
    text-align: center
}

.popupWXQrCode .wxQrCodePic {
    width: 9rem;
    position: fixed;
    left: 50%;
    top: 10.7rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img_no_select {
    pointer-events: none
}

.jz_fix_ue_img li,
.jz_fix_ue_img ul {
    list-style: inherit
}

.nav_sub_layout_bubble .sub_menu_nav_item_wrap,
.nav_sub_layout_dragDown .sub_menu_nav_item_wrap {
    padding: .5rem .75rem;
    margin-top: 0
}

.form {
    position: relative;
    margin-top: .6rem;
    overflow: hidden
}

.productNewDetailPanel .g_middleColor {
    color: #333;
    font-size: .75rem
}

#g_body .productNewDetailPanel .g_defaultColor {
    color: #4e4e4e
}

#g_body .productNewDetailPanel .g_mirrorColor {
    color: #999
}

.productNewDetail .choiceProductSize {
    display: inline-block;
    height: 100%
}

.productNewDetail .shareBlock {
    text-align: center;
    width: 2.55rem;
    height: 2.2rem;
    position: absolute;
    right: 0;
    border-left: 1px solid #ddd;
    color: #999
}

.productNewDetail .shareBlockTop1 {
    top: .3rem
}

.productNewDetail .shareBlockTop2 {
    top: .1rem
}

.productDetail_v3 .propInfoCell {
    top: 1.8rem;
    word-break: break-word
}

.productDetail_v3 .productDetailV3_title {
    width: 50%;
    height: 100%;
    position: absolute;
    line-height: 2.4rem;
    top: 0;
    text-align: center;
    margin: 0 4.5rem 0 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.productDetail_v3 .productNewDetail .icon-collection {
    margin: .2rem 0
}

.productDetail_v3 .productNewDetail .icon-collection:before {
    content: '\b0052';
    font-size: .9rem
}

.productDetail_v3 .productNewDetail .icon-collectSelect:before {
    content: '\b0054';
    font-size: .9rem
}

.productDetail_v3 .productNewDetail .shareBlockTop1,
.productDetail_v3 .productNewDetail .shareBlockTop2 {
    font-size: .5rem
}

.productDetail_v3 .productNameSwipBox .g_displayClamp2 {
    display: none
}

.productDetail_v3 .pd3ProductName {
    padding: .8rem 0 0 .45rem;
    font-size: .7rem;
    width: 75%;
    overflow: hidden;
    color: #333;
    vertical-align: middle;
    font-weight: inherit
}

.productDetail_v3 .pd3NoCollection .pd3ProductName {
    padding: .8rem .45rem 0 .45rem;
    width: 95%
}

.productDetail_v3 .proName,
.productDetail_v3 .propInfoCell {
    color: #666
}

.productDetail_v3 .productDetailHeader .icon-noProduct:before {
    content: '\b0058';
    font-size: .8rem
}

.productDetail_v3 .productNameSwipBox {
    background: 0 0
}

.productDetail_v3 .productPrice .mallCollectionIcon {
    display: none
}

.productDetail_v3 .productMallOptionHead .productMallOptionImageContent {
    width: 5rem;
    height: 5rem
}

.productDetail_v3 .productMallOptionContent .productDetail {
    left: 5.8rem
}

.productDetail_v3 .productDetailName .productName {
    margin-bottom: .35rem;
    font-size: .65rem
}

.productDetail_v3 .productDetailClose {
    top: .3rem;
    right: .3rem;
    background-color: #ccc;
    border: none
}

.productDetail_v3 .productDetailClose.icon-defaultColor:before {
    color: #fff
}

.productDetail_v3 .g_mallLabel {
    line-height: 1.15rem
}

.productDetail_v3 .g_buyNumber,
.productDetail_v3 .g_decrease,
.productDetail_v3 .g_increase {
    width: 2rem;
    height: 1.5rem;
    font-size: .6rem
}

.productDetail_v3 .g_buyNumber {
    border-right: none
}

.productDetail_v3 .g_decrease {
    border-right: none
}

.productDetail_v3 .productMallOptionContentPanel .productNumberContent {
    left: 56%
}

.productDetail_v3 .tabUl_fix {
    top: 1.6rem
}

.productDetail_v3 .icon-decrease:before {
    content: '\b0128';
    font-size: .6rem
}

.productDetail_v3 .icon-increase:before {
    content: '\b0130';
    font-size: .6rem
}

.productDetail_v3 .mallOptionAndNumBox {
    max-height: 11rem
}

.productDetail_v3 .productNewDetail .proCommProperty .ptInfo {
    right: .45rem
}

.productDetail_v3 .productNewDetail .proCommProperty .ptInfo .ptNum {
    text-align: right
}

.productNewDetail .icon-gGoforward {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    right: 0
}

.icon-gGoforward:before {
    content: '\e672';
    font-size: 1rem;
    left: 1.6rem
}

.productNewDetail .proCommProperty {
    padding-left: .45rem;
    text-align: left;
    position: relative
}

.productNewDetail .productGuarantee {
    height: 2.15rem;
    overflow: hidden;
    padding-left: .65rem;
    position: relative;
    border-top: 1px solid #f1f1f1
}

.productNewDetail .productGuarantee .guaranteeName {
    float: left;
    height: 2.15rem;
    line-height: 2.15rem;
    font-size: .5rem;
    margin-right: 1.35rem;
    color: #666
}

.productNewDetail .icon-guarantee:before {
    content: '\eb1c';
    margin-right: .3rem
}

.productNewDetail .productGuarantee .more {
    height: 2.15rem;
    line-height: 2.15rem;
    font-size: 1rem;
    position: absolute;
    right: .05rem
}

.productGuaranteeContentPanel {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: 22rem
}

.productGuaranteeContentPanel .title {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #f1f1f1;
    font-size: .7rem;
    color: #333;
    text-align: center
}

.productGuaranteeContentPanel .guaranteeName {
    font-size: .6rem;
    margin-top: 1.15rem
}

.productGuaranteeContentPanel .guaranteeContent {
    margin-left: 2.1rem;
    margin-top: .3rem;
    font-size: .5rem;
    color: #999;
    width: 13.4rem;
    overflow: visible;
    word-break: break-all;
    white-space: normal
}

.productGuaranteeContentPanel .icon-guarantee:before {
    content: '\eb1c';
    margin-left: 1rem;
    margin-right: .55rem
}

.productGuaranteeContentPanel .confirmBtn {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    font-size: .6rem;
    margin-top: 1.15rem;
    cursor: pointer
}

.proHome,
.proShare {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tabUl_fix {
    position: fixed;
    top: 2.4rem;
    border-top: 1px solid #ddd;
    z-index: 9
}

.tabUl.tabUl_fix~.tabBody {
    margin-top: 2.2rem
}

.tabUl {
    max-width: 768px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: inline-block
}

.tabUl .tabLi {
    height: 2.2rem;
    line-height: 2.3rem;
    display: inline-block;
    min-width: 33.3%;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tabUl .tabLi2 {
    width: 50%
}

.tabUl .tabLi1 {
    width: 100%
}

.userCommentBody .tabUl .tabLi {
    height: 2.2rem;
    line-height: 2.2rem;
    width: 50%
}

.tabUl .tabLi.tabActive {
    border-bottom: .1rem solid #d10000;
    color: #d10000
}

.tabUl {
    height: auto;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap
}

.tabUl::-webkit-scrollbar {
    display: none
}

.tabPanel .mProductListTitle {
    height: 2rem;
    line-height: 2rem;
    padding-left: .45rem;
    color: #333;
    border-top: 1px solid #f1f1f1
}

.mallThemeSeparator {
    display: block;
    background: #f5f5f5;
    border-top: none;
    height: .35rem;
    margin: 0
}

.productNewDetailPanel.otherThemePdPanel .homeBtn {
    display: none
}

#g_web.jz_otherTheme .homeBtn {
    display: none
}

#g_web.jz_mallTheme .homeBtn {
    display: inline-block
}

.mallNewOptionBox,
.productMallOptionHead,
.productNumberPanel {
    padding-left: .5rem
}

.productMallOptionPanel .productMallOptionContentPanel {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    -ms-overflow-style: none
}

.productMallOptionPanel .productMallOptionContentPanel::-webkit-scrollbar {
    display: none !important
}

.productMallOptionPanel .productMallOptionContent {
    min-height: 8.3rem;
    max-height: 18rem;
    background-color: #fff;
    position: absolute;
    bottom: 3.2rem;
    width: 100%
}

.productMallOptionHead .productMallOptionImage {
    left: .5rem;
    background-color: #fff;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #ececec;
    padding: 4px;
    top: -1rem
}

.productMallOptionPanel .optionSelected {
    background-color: red;
    color: #fff !important;
    border: 1px solid transparent
}

.productMallOptionHead .productMallOptionImageContent {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ececec;
    width: 5.5rem;
    height: 5.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.productMallOptionHead .mallOptionImg {
    vertical-align: middle;
    max-height: 100%
}

.productMallOptionContent .productDetail {
    min-height: 5.3rem;
    position: relative;
    left: 6.25rem;
    max-width: 60%
}

.productDetailMallAmount {
    position: absolute;
    top: 60%;
    color: #666;
    font-size: .6rem
}

.productDetailClose {
    position: absolute;
    width: .75rem;
    height: .75rem;
    right: .2rem;
    top: .5rem;
    border-radius: 100%;
    border: 1px solid #666
}

.mallOptionAndNumBox {
    max-height: 9rem;
    overflow: auto
}

.mallBtnSpace {
    margin-bottom: 3.25rem
}

.jz_oldTheme .productDetailVersion1 .mallBtnSpace .tabUl_fix+.tabBody .productDetailInfoPanel {
    margin-top: 2.2rem
}

.g_mallInput {
    display: none
}

.g_mallLabel {
    min-width: 1.5rem;
    font-size: .6rem;
    border-radius: 3px;
    text-align: center;
    margin: .25rem .75rem 0 0;
    display: inline-block;
    border: 1px solid #ceced0;
    background-color: #fff;
    padding: 0 .5rem;
    line-height: 1.4rem;
    color: #666;
    word-break: break-word
}

.g_decrease {
    font-weight: 400;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 2rem;
    height: 1.9rem;
    -webkit-user-select: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#eeefee));
    background-image: linear-gradient(180deg, #fff 0, #eeefee 100%);
    border: 1px solid #b2b2b2;
    font-size: .7rem
}

.g_increase {
    font-weight: 700;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 2rem;
    height: 1.9rem;
    -webkit-user-select: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#eeefee));
    background-image: linear-gradient(180deg, #fff 0, #eeefee 100%);
    border: 1px solid #b2b2b2;
    margin-left: -.1rem;
    font-size: .7rem
}

.g_buyNumber {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 1.9rem;
    outline: 0;
    width: 2.4rem;
    border: 0;
    border-radius: 0;
    text-align: center;
    border: 1px solid #b2b2b2;
    font-size: .8rem;
    -webkit-appearance: none
}

.g_buyNumber::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.propValue.propInfoCell .mallPrice {
    font-size: .65rem;
    height: initial;
    line-height: initial
}

.mallNewOptionLine {
    padding: .7rem 0;
    color: #333
}

.productNumberPanel {
    height: 2.9rem;
    line-height: 2.9rem;
    position: relative
}

.productMallOptionPanel .separatorLine {
    margin: 0
}

.icon-decrease:before {
    content: '\e724';
    color: #666;
    font-size: 1rem
}

.icon-increase:before {
    content: '\e71d';
    color: #666;
    font-size: 1rem
}

.icon-decrease,
.icon-increase {
    position: relative;
    vertical-align: middle;
    background: #fff
}

.productNumberContent {
    display: inline-block;
    float: right;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(10%) translateY(-50%);
    -webkit-transform: translateX(10%) translateY(-50%);
    -ms-transform: translateX(10%) translateY(-50%)
}

.productMallOptionContentPanel .productNumberContent {
    left: 53%
}

.tabBody .userComment {
    text-align: right;
    margin-top: .75rem;
    margin-bottom: 3rem;
    color: red;
    margin-right: .5rem;
    font-size: .6rem
}

.productMallOptionPanel.withPriceCalendar .productMallOptionContent {
    height: calc(100% - 2rem);
    min-height: calc(100% - 2rem);
    max-height: calc(100% - 2rem)
}

.productMallOptionPanel.withPriceCalendar .mallOptionAndNumBox {
    height: calc(100% - 2rem);
    min-height: calc(100% - 2rem);
    max-height: calc(100% - 2rem)
}

.productMallOptionPanel.withPriceCalendar .productMallOptionHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.productMallOptionPanel.withPriceCalendar .productMallOptionHead .indicator {
    font-size: .6rem;
    color: rgba(153, 153, 153, 1)
}

.productMallOptionPanel.withPriceCalendar .g_mallLabel {
    border-radius: 3px
}

.productMallOptionPanel.withPriceCalendar .g_separator:last-child {
    height: 1px
}

.productMallOptionPanel.withPriceCalendar .optionSelected {
    border: none
}

.productMallBuyPanel {
    height: 2.7rem;
    background-color: #fff;
    border-top: 1px solid #dadada;
    padding-top: .5rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.productMallBuyPanel .g_button {
    margin: 0 .5rem;
    border-radius: initial;
    width: initial;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.funBtn .mallCartBtnIcon,
.funBtn .serviceBtnIcon {
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding-top: .2rem
}

.productMallShop .btnWidth85 {
    width: 85%
}

.productMallShop .btnWidth68 {
    width: 68.8%
}

.productMallShop {
    min-height: 3.25rem;
    z-index: 9;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 768px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: #fff;
    font-size: .75rem;
    cursor: pointer
}

.productMallShop.productMallShop_gb {
    min-height: 2rem;
    font-size: .7rem
}

.productMallShop {
    max-width: 512px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.productAddMall.g_mallButton {
    margin: .45rem .4rem .45rem 0;
    color: #d10000
}

.productAddMall.g_mallButton2 {
    margin: .45rem .4rem .45rem 0
}

#g_web .productMallShop.productMallShop_gb .productImmediatelyBug {
    padding: 0
}

.productImmediatelyBug {
    background-color: #d10000;
    color: #fff;
    word-break: break-all;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.productImmediatelyBug.g_bookingButton {
    display: inline-block;
    width: 90%;
    text-align: center;
    vertical-align: middle;
    padding: .6rem 0;
    margin: .45rem 0 .45rem 0;
    border: .1rem solid;
    margin: .45rem 0
}

div#J_productBookingBtn.productImmediatelyBug.g_bookingBtnMallTheme {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

.productNewDetail .proCommPropertyPrice {
    height: 3.5rem
}

.g_mallButton {
    text-align: center;
    padding: .6rem 0;
    margin: .45rem 0 .45rem 0;
    border: .1rem solid #d10000;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.g_mallButton2 {
    display: inline-block;
    width: 7rem;
    text-align: center;
    vertical-align: middle;
    padding: .6rem 0;
    margin: .45rem 0 .45rem 0;
    border: .1rem solid
}

#g_web .productMallShop .isNewTheme.g_bookingButton {
    width: 100%
}

.serviceBtn {
    display: none
}

.mallCartBtn {
    display: none
}

#g_web .productMallShop .readySecKillBtn,
#g_web .productNewDetail .productMallShop .readySecKillBtn {
    padding: 0 0;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#g_web .productMallShop .readySecKillBtn .text1,
#g_web .productMallShop .readySecKillBtn .text2 {
    line-height: .73rem
}

.homeBtn {
    float: left;
    display: inline-block;
    width: 14.1%;
    height: 2rem;
    font-size: .45rem;
    color: #666
}

.homeBtnInner {
    height: 100%;
    border-right: 1px solid #ebebeb;
    line-height: .8rem
}

div.icon-homeBtn {
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding-top: .08rem
}

.homeBtnIcon:before {
    content: '\b0172';
    font-size: .78rem
}

.homeBtn.noServiceProduct {
    width: 15.6%
}

.foreignVersion .homeBtnText {
    display: none
}

.foreignVersion div.icon-homeBtn {
    line-height: 1.4rem
}

.icon-merchantBtn {
    display: block;
    margin: 0 auto;
    height: .78rem;
    width: .78rem;
    padding: .3rem 0 .1rem;
    fill: #666
}

.productNewDetailPanel .g_middleColor {
    color: #333;
    font-size: .75rem
}

#g_body .productNewDetailPanel .g_defaultColor {
    color: #4e4e4e
}

#g_body .productNewDetailPanel .g_mirrorColor {
    color: #999
}

.productNewDetail .choiceProductSize {
    display: inline-block;
    height: 100%
}

.form .mProductList .paramName {
    font-size: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: .4rem
}

.navBaseIcon .navItem .navItemName {
    vertical-align: middle
}

.navbar .navItem a {
    overflow: hidden;
    font-size: .75rem;
    text-decoration: none;
    text-align: center;
    display: block;
    position: relative;
    padding: 0 .5rem;
    word-break: keep-all;
    white-space: nowrap;
    width: auto;
    min-width: 3rem;
    max-width: none;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.navbar .navItem:after {
    pointer-events: none
}

.navExistOffPanel.navPanelOpen {
    margin-left: 7.5rem
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton {
    height: 1.9rem;
    line-height: 1.9rem;
    padding-left: 1.5rem;
    background-color: #f5f5f5
}

.form .formBannerTitle {
    width: 100%;
    font-weight: 500;
    font-size: .8rem;
    line-height: 1.75rem
}

.jz_subMenu_panel .sub_menu_nav_item_wrap {
    margin-left: .28rem;
    padding-left: 1.1rem
}

.jz_subMenu_panel .nav_sub_layout_panel {
    position: absolute;
    top: 0;
    left: 0
}

.jz_subMenu_panel .icon_subMenu {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-color: #666;
    border-radius: .3rem;
    margin-right: .6rem
}

.jz_subMenu_panel .parent_menu .navItemName {
    display: table-cell
}

.jz_subMenu_panel .nav_offical_sub_menu_wrap2 div.parent_menu a {
    display: table;
    font-size: 0
}

.g_web .jz_subMenu_panel .navbarList div.nav_sub_layout_panel {
    position: absolute;
    top: 0;
    left: 0
}

.is_initing {
    opacity: 0
}

.form .floatBtnStyle .middle {
    color: #fff
}

.matcherForm .propName {
    color: #636363
}

.form:nth-child(1) {
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form .formBannerTitle {
    width: 100%;
    font-weight: 500;
    line-height: 1.75rem
}

.formBannerTitle {
    width: 100%
}

.formMiddle {
    width: 100%
}

.form .formBannerTitle .titleText {
    text-indent: .4rem;
    width: 78%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    color: #fff
}

.formBannerTitle .titleTextIcon {
    display: none;
    float: left;
    line-height: inherit
}

.textContent {
    white-space: pre;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.titleMoreIcon {
    display: none;
    padding: 0 .5rem;
    float: right;
    text-align: center;
    position: relative
}

.titleMore {
    color: #fff;
    padding: 0 .5rem;
    float: right;
    font-size: .6rem;
    font-weight: 500;
    text-align: center;
    position: relative
}

.icon-titleMore:before {
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    left: .05rem
}

.productDetail_v3 .pd3ProductName {
    padding: .8rem 0 0 .45rem;
    font-size: .7rem;
    width: 75%;
    color: #333;
    vertical-align: middle
}

#myForm .itemName .remind {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: red;
    position: relative;
    top: -.3rem;
    left: -.1rem;
    padding-right: 0
}

@charset "utf-8";

.sb-showRange-block {
    align-items: center;
    cursor: pointer;
    display: flex
}

.searchWindow.styleV3 .searchInputBar {
    border: none;
    height: 2.15rem;
    padding: 0
}

.searchWindow.styleV3 .popupSearchInput {
    background: #f0f1f3;
    border: none;
    border-radius: 1rem;
    height: 1.25rem;
    padding: 0;
    text-indent: 1.8rem
}

.searchWindow.styleV3 .popupSearchWrap {
    border: none;
    height: 1.25rem;
    margin-top: .5rem;
    padding-left: 1rem;
    position: relative;
    width: 12.5rem
}

.searchWindow.styleV3 .icon-popupSearchBtn {
    height: .8rem;
    left: 1.6rem;
    position: absolute;
    top: .2rem;
    width: .8rem
}

.searchWindow.styleV3 .icon-popupSearchBtn:before {
    content: "򰊐";
    font-size: .7rem;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.searchWindow.styleV3 .icon-closeSearch {
    color: #666;
    font-size: .7rem;
    height: 2.15rem;
    line-height: 2.15rem;
    position: absolute;
    right: .5rem
}

.searchWindow.styleV3 .icon-closeSearch:before {
    display: none
}

.searchWindow.styleV3 .historyTopicWrap {
    position: relative
}

.searchWindow.styleV3 .clearHistoryBtnV3 {
    display: inline-block;
    height: .8rem;
    position: absolute;
    right: .5rem;
    top: 1rem;
    width: .8rem
}

.searchWindow.styleV3 .clearHistoryBtnV3:before {
    color: #3b3b3b;
    font-size: .7rem
}

.searchWindow.styleV3 h3 {
    color: #999;
    font-size: .7rem;
    margin-bottom: .6rem
}

.searchWindow.styleV3 .topicItem {
    background: #f6f6f6;
    border: none;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: .6rem;
    padding: .2rem .4rem
}

.searchWindow {
    animation: popupSearchWindow .25s both;
    background-color: #fff;
    height: 100%;
    margin: 0 auto;
    max-width: 768px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9031
}

@media only screen and (min-width:1280px) {
    .searchWindow {
        max-width: 512px
    }
}

@keyframes popupSearchWindow {
    0% {
        opacity: 0;
        top: 3rem
    }

    to {
        opacity: 1;
        top: 0
    }
}

.searchWindowOff {
    animation: closeSearchWindow .25s both
}

@keyframes closeSearchWindow {
    0% {
        opacity: 1;
        top: 0
    }

    to {
        opacity: 0;
        top: 3rem
    }
}

.searchInputBar {
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: nowrap;
    padding: .5rem 0;
    position: relative;
    text-align: left
}

.icon-closeSearch {
    cursor: pointer;
    display: inline-block;
    height: 1.75rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1.5rem
}

.icon-closeSearch:before {
    color: #a9aaac;
    content: "";
    font-size: 1.75rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.icon-offSearch {
    cursor: pointer;
    display: inline-block;
    height: 1.75rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1.5rem
}

.icon-offSearch:before {
    color: #a9aaac;
    content: "";
    font-size: 1.75rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.popupSearchWrap {
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    display: inline-block;
    height: 1.6rem;
    position: relative;
    width: 13.5rem
}

.icon-popupSearchIcon {
    color: #bfbfbf;
    height: 1.6rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.6rem
}

.icon-popupSearchIcon:before {
    content: "";
    font-size: 1.4rem;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.popupSearchInput {
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .6rem;
    height: 1.83rem;
    line-height: 1.83rem;
    outline: none;
    padding-left: .5rem;
    width: 100%
}

.icon-popupSearchBtn {
    color: #666;
    height: 1.6rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 1.6rem
}

.icon-popupSearchBtn:before {
    content: "";
    font-size: 1.4rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.popupSearchWrap0 .icon-popupSearchIcon {
    display: none
}

.popupSearchWrap1 .popupSearchInput {
    padding-left: 1.65rem
}

.popupSearchWrap1 .icon-popupSearchBtn {
    background-color: #aaa;
    width: 2.5rem
}

.popupSearchWrap1 .icon-popupSearchBtn:before {
    color: #fff;
    content: "搜索";
    font-size: .7rem
}

.popupSearchWrap2 .popupSearchInput {
    padding-left: 1.65rem
}

.popupSearchWrap2 .icon-popupSearchBtn {
    background-color: #aaa;
    border-color: #aaa
}

.popupSearchWrap2 .icon-popupSearchBtn:after {
    border-bottom: .4rem solid transparent;
    border-right: .4rem solid;
    border-right-color: inherit;
    border-top: .4rem solid transparent;
    content: "";
    height: 0;
    left: -.4rem;
    position: absolute;
    top: .48rem;
    width: 0
}

.popupSearchWrap2 .icon-popupSearchBtn:before {
    color: #fff;
    content: "GO";
    font-size: .7rem
}

.popupSearchWrap3 {
    border-radius: 1rem
}

.popupSearchWrap3 .popupSearchInput {
    background-color: transparent;
    padding-left: .8rem
}

.popupSearchWrap3 .icon-popupSearchIcon {
    display: none
}

.popupSearchWrap3 .icon-popupSearchBtn {
    right: 4px
}

.popupSearchWrap4 {
    border-radius: 1rem
}

.popupSearchWrap4 .popupSearchInput {
    background-color: transparent;
    padding-left: .8rem
}

.popupSearchWrap4 .icon-popupSearchBtn {
    background-color: #aaa;
    border-radius: 1rem;
    color: #fff;
    width: 2.8rem
}

.popupSearchWrap4 .icon-popupSearchIcon {
    display: none
}

.popupSearchWrap5 {
    background-color: #aaa;
    border-radius: 1rem
}

.popupSearchWrap5 .popupSearchInput {
    background-color: transparent;
    color: #fff;
    padding-left: .8rem
}

.popupSearchWrap5 .popupSearchInput::-webkit-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .popupSearchInput::-moz-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .popupSearchInput::-ms-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .popupSearchInput::-o-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .icon-popupSearchBtn {
    color: #fff;
    right: 4px
}

.newSearchWindow #icon-delete,
.popupSearchWrap5 .icon-popupSearchIcon {
    display: none
}

.historyTopicWrap,
.hotTopicWrap {
    padding: .8rem .8rem 0
}

.historyTopicWrap {
    max-height: 9.5rem;
    overflow-y: scroll;
    padding-top: .8rem
}

.newSearchWindow .historyTopicWrap {
    max-height: 11.5rem
}

.historyTopicWrap::-webkit-scrollbar-track {
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 #fff
}

.historyTopicWrap::-webkit-scrollbar {
    background-color: #ff0;
    width: 0
}

.historyTopicWrap::-webkit-scrollbar-thumb {
    background-color: lime;
    border-radius: 0
}

.hotTopicWrap~.historyTopicWrap {
    padding-top: .4rem
}

.searchWindow h3 {
    color: #333;
    font-size: .6rem;
    font-weight: 400;
    margin-bottom: .5rem
}

.topicItem {
    border: 1px solid #ddd;
    color: #999;
    display: inline-block;
    font-size: .6rem;
    margin: 0 .4rem .4rem 0;
    max-width: 5.6rem;
    overflow: hidden;
    padding: .3rem .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clearHistoryBtn,
.topicItem {
    border-radius: 2px;
    cursor: pointer
}

.clearHistoryBtn {
    background-color: #f2f2f2;
    color: #666;
    font-size: .65rem;
    margin: .2rem auto .8rem;
    padding: .35rem 0;
    text-align: center;
    width: 12.5rem
}

.newSearchWindow .searchInputBar {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-wrap: nowrap;
    height: 2.22rem;
    justify-content: center;
    padding: 0;
    position: relative
}

.triangle-wrap {
    height: .3rem;
    overflow: hidden;
    top: -6px;
    width: .79rem
}

.triangle,
.triangle-wrap {
    left: 50%;
    margin-left: -.38rem;
    position: absolute
}

.triangle {
    border-bottom: .38rem solid #000;
    border-left: .38rem solid transparent;
    border-right: .38rem solid transparent;
    display: inline-block;
    height: 0;
    top: -1px;
    width: 0
}

.searchInputBar .subMenu {
    background: #000;
    border-radius: 5px;
    left: .83rem;
    line-height: 1.28rem;
    opacity: .75;
    position: absolute;
    top: calc(100% + .64rem)
}

.searchInputBar .subMenu .subMenuItem {
    border-bottom: 1px solid #333;
    cursor: pointer;
    height: 1.4rem;
    line-height: 1.4rem;
    max-width: 3.5rem;
    min-width: 2.6rem;
    padding: 0 .45rem;
    text-align: center
}

.subMenuItem .subMenuItem-span {
    color: #fff;
    display: inline-block;
    font-size: .6rem;
    font-weight: 500;
    max-width: 3.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.searchInputBar .subMenu .subMenuItem:first-child {
    position: relative
}

.searchInputBar .subMenu .subMenuItem:first-child:after {
    border-bottom: .38rem solid #000;
    border-left: .38rem solid transparent;
    border-right: .38rem solid transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -.38rem;
    position: absolute;
    top: -6px;
    width: 0
}

.searchInputBar .subMenu .subMenuItem:last-child {
    border: none
}

.newPopupSearchWrap {
    align-items: center;
    border: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: 0 .75rem;
    width: 100%
}

.newPopupSearchWrap form {
    overflow: hidden;
    padding-right: 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 77%
}

.newPopupSearchWrap .popupSearchInput {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPopupSearchWrap .popupSearchInput::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: .6rem;
    font-weight: 500
}

.historyTopicWrap .deleteSvg,
.newPopupSearchWrap .searchSvg {
    height: .7rem;
    width: .7rem
}

.historyTopicWrap .deleteSvg {
    cursor: pointer;
    position: absolute;
    right: .75rem
}

.newPopupSearchWrap .icon-closeSearch {
    align-items: center;
    color: #3b3b3b;
    display: flex;
    font-size: .6rem;
    font-weight: 500;
    justify-content: center;
    position: absolute;
    right: .75rem;
    width: auto
}

.newPopupSearchWrap .icon-closeSearch:before {
    display: none
}

.newPopupSearchWrap .icon-delete {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    right: 1rem;
    width: .7rem
}

.newSearchWindow .topicItem {
    background: #f6f6f6;
    border: 0;
    border-radius: 4px;
    color: #333;
    font-size: .5rem;
    font-weight: 500
}

.newSearchWindow h3 {
    color: #b5b6b7;
    font-size: .6rem;
    font-weight: 500;
    margin-bottom: .7rem
}

.newPopupSearchWrap .popupSearchInput::-webkit-input-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%
}

.hide-element {
    display: none
}

.webHeader_v3 {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 9
}

.webHeader_v3 .header_v3 .headTitle_v3 {
    min-width: 1.6rem
}

.webHeader_v3 .header_v3 .headTitle_v3.noneStr {
    min-width: 0;
    min-width: auto;
    pointer-events: none
}

.webHeader_v3 .headBg_v3 .bg_content {
    display: none
}

.webHeader_v3 .header_v3 .headTitle_v3 h1 {
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.webHeader_v3 .header_v3 .headTitle_v3 h1 a {
    color: inherit;
    font-size: inherit
}

.webHeader_v3 .headIcon_v3 .f-logo {
    background-image: url(/image/v2/defaultHeadImgV3.jpg?v=202306291520);
    background-position: 50%
}

.webHeader_v3 .header_v3 .functional_group.hide {
    display: none !important
}

#g_web .webHeader_v3 .header_v3 .functional_group.hide,
.webHeader_v3 .header_v3 .functional_group,
.webHeader_v3 .header_v3 .functional_group2 {
    display: none
}

.webHeader_v3 .header_v3 .functional_group .icon {
    display: none;
    height: .8rem;
    width: .8rem
}

.webHeader_v3 .header_v3 .icon.show {
    display: inline;
    line-height: 1;
    margin-left: .75rem;
    vertical-align: -.1rem
}

.webHeader_v3 .header_v3 .functional_group .languaSwitch {
    line-height: 1
}

.webHeader_v3 .header_v3 .head_lanSwitch.showLanSwitch {
    display: inline-block;
    margin-left: .75rem;
    position: relative;
    vertical-align: -.1rem
}

.webHeader_v3 .header_v3 .icon i {
    color: #4d4d4d;
    cursor: pointer;
    font-size: .8rem
}

.webHeader_v3 .header_v3 .icon.fun_showCarV3 {
    margin-top: -.01rem
}

.webHeader_v3 .header_v3 .icon.fun_showCarV3 i {
    font-size: .85rem
}

.webHeader_v3 .header_v3 .icon.showLanSwitch i {
    font-size: .82rem
}

.webHeader_v3 .header_v3 .functional_group .languageSelect {
    background: hsla(0, 0%, 100%, 0);
    border-radius: 4px;
    border-radius: .15rem;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    color: #333 !important;
    font-size: .7rem;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: -.5rem;
    top: 1.4rem;
    transition: all .15s;
    white-space: nowrap;
    width: 5.5rem;
    z-index: 9
}

.jz_nav-drawer-right .webHeader_v3 .header_v3 .functional_group .languageSelect {
    right: -4.2rem
}

.jz_nav-drawer-right .webHeader_v3 .header_v3 .functional_group .head_lanSwitch {
    order: -1
}

.webHeader_v3 .header_v3 .functional_group .iconTitle,
.webHeader_v3 .header_v3 .functional_group .innerPageItem {
    display: none
}

.webHeader_v3 .header_v3 .functional_group .languageSelect .arrow {
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 6px;
    box-shadow: 1px -1px 3px -2px #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 4.35rem;
    position: absolute;
    top: -6px;
    transform: rotate(-45deg);
    width: 0
}

.jz_nav-drawer-right .webHeader_v3 .header_v3 .functional_group .languageSelect .arrow {
    left: .65rem
}

.webHeader_v3 .header_v3 .functional_group .languageSelect .lanContainer {
    max-height: 20rem;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.webHeader_v3 .header_v3 .functional_group .languageSelect .lanContainer::-webkit-scrollbar {
    width: 6px
}

.webHeader_v3 .header_v3 .functional_group .languageSelect .lanContainer::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

.webHeader_v3 .header_v3 .functional_group .languageSelect .lanContainer::-webkit-scrollbar-track {
    background-color: #f7f7f7
}

.webHeader_v3 .header_v3 .functional_group .languageSelect .lanItem {
    clear: both;
    cursor: default;
    height: 2rem;
    line-height: 2rem;
    padding-left: 1rem;
    text-align: left
}

.webHeader_v3.headStyle1 {
    height: 2.15rem;
    position: relative
}

.webHeader_v3.headStyle1 .fixedBox {
    position: fixed;
    width: 100%;
    z-index: 80
}

@media only screen and (min-width:720px) {
    .webHeader_v3.headStyle1 .fixedBox {
        max-width: 16rem
    }
}

.webHeader_v3.headStyle1 .headBg_v3 {
    background: #fff
}

.webHeader_v3.headStyle1 .header_v3 {
    align-items: center;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    height: 2.15rem;
    padding-left: .75rem;
    padding-right: .6rem
}

.webHeader_v3.headStyle1 .header_v3 .headTitle_v3 {
    display: none
}

.webHeader_v3.headStyle1 .header_v3 .headIcon_v3 {
    display: inline-block;
    height: 1rem;
    margin-right: .75rem;
    width: 1rem
}

.webHeader_v3.headStyle1 .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.webHeader_v3.headStyle1 .searchBox.f_input_box {
    flex-grow: 1;
    position: relative
}

.webHeader_v3.headStyle1 .searchBox.f_input_box .f_icon_conter {
    color: #868686;
    font-size: .6rem;
    height: .65rem;
    left: .75rem;
    position: absolute;
    top: .675rem;
    transform: translateY(-50%);
    width: .65rem
}

.webHeader_v3.headStyle1 .header_v3 .functional_group {
    display: inline-block;
    white-space: nowrap;
    width: auto
}

.webHeader_v3.headStyle1 .header_v3 .functional_group .contentBox {
    display: flex
}

.webHeader_v3.headStyle2 {
    height: 2.15rem;
    position: absolute;
    z-index: 9
}

.webHeader_v3.headStyle2 .fixedBox {
    position: fixed;
    width: 100%
}

@media only screen and (min-width:720px) {
    .webHeader_v3.headStyle2 .fixedBox {
        max-width: 16rem
    }
}

.webHeader_v3.headStyle2 .headBg_v3 {
    background: transparent
}

.webHeader_v3.headStyle2 .header_v3 {
    align-items: center;
    display: flex;
    height: 2.15rem;
    padding-left: .75rem;
    padding-right: .6rem
}

.webHeader_v3.headStyle2 .header_v3 .headIcon_v3,
.webHeader_v3.headStyle2 .header_v3 .headTitle_v3 {
    display: none
}

.webHeader_v3.headStyle2 .searchBox.f_input_box {
    flex-grow: 1;
    position: relative
}

.webHeader_v3.headStyle2 .searchBox.f_input_box .f_icon_conter {
    color: #868686;
    font-size: .6rem;
    left: .75rem;
    position: absolute;
    top: .6rem;
    transform: translateY(-50%)
}

.webHeader_v3.headStyle2 .searchBox.f_input_box input {
    -webkit-appearance: none;
    background: hsla(0, 0%, 100%, .85);
    border: 0;
    border-radius: .15rem;
    box-sizing: border-box;
    color: #bcbcbc;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .6rem;
    height: 1.25rem;
    outline: 0;
    padding: 0;
    text-indent: 1.8rem;
    text-overflow: ellipsis;
    width: 100%
}

.webHeader_v3.headStyle2 .header_v3 .functional_group {
    display: inline-block;
    white-space: nowrap;
    width: auto
}

.webHeader_v3.headStyle2 .header_v3 .functional_group .contentBox {
    display: flex
}

.webHeader_v3.headStyle2 .header_v3 .icon i {
    color: #fff
}

.webHeader_v3.headStyle2.turnDefault {
    position: relative
}

.webHeader_v3.headStyle2.turnDefault .header_v3 {
    border-bottom: 1px solid #eee;
    box-sizing: border-box
}

.webHeader_v3.headStyle2.turnDefault .headBg_v3 {
    background: #fff
}

.webHeader_v3.headStyle2.turnDefault .header_v3 .icon i {
    color: #4d4d4d
}

.webHeader_v3.headStyle2.turnDefault .searchBox.f_input_box input {
    background: #f0f1f3
}

.webHeader_v3.headStyle3 {
    height: 2.15rem;
    position: relative
}

.webHeader_v3.headStyle3 .fixedBox {
    position: fixed;
    width: 100%;
    z-index: 80
}

@media only screen and (min-width:720px) {
    .webHeader_v3.headStyle3 .fixedBox {
        max-width: 16rem
    }
}

.webHeader_v3.headStyle3 .headBg_v3 {
    background: #fff
}

.webHeader_v3.headStyle3 .header_v3 {
    border-bottom: 1px solid #eee;
    height: 2.15rem;
    text-align: center;
    width: auto
}

.webHeader_v3.headStyle3 .header_v3 .headTitle_v3 {
    clear: both;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: 2.15rem;
    line-height: 2.15rem;
    max-width: 9rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .25rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    z-index: 80
}

.webHeader_v3.headStyle3 .header_v3 .headTitle_v3 h1 {
    color: #333;
    display: inline-block;
    font-size: .75rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 100%
}

.webHeader_v3.headStyle3 .header_v3 .headIcon_v3 {
    display: inline-block;
    height: 1.2rem;
    margin: .5rem 0 .45rem .6rem;
    width: 1.2rem;
    z-index: 90
}

.webHeader_v3.headStyle3 .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.webHeader_v3.headStyle3 .searchBox {
    display: none
}

.webHeader_v3.headStyle3 .header_v3 .functional_group {
    display: inline-block;
    height: 2.15rem;
    line-height: 2.15rem;
    padding-right: .75rem;
    white-space: nowrap;
    width: auto;
    z-index: 90
}

.webHeader_v3.headStyle3 .header_v3 .functional_group .contentBox {
    align-items: center;
    display: flex;
    height: 2.15rem
}

.webHeader_v3.headStyle4 {
    height: 2.15rem;
    position: relative
}

.webHeader_v3.headStyle4 .fixedBox {
    position: fixed;
    width: 100%;
    z-index: 80
}

@media only screen and (min-width:720px) {
    .webHeader_v3.headStyle4 .fixedBox {
        max-width: 16rem
    }
}

.webHeader_v3.headStyle4 .header_v3 {
    height: 2.15rem;
    text-align: center;
    width: auto
}

.webHeader_v3.headStyle4 .header_v3 .headTitle_v3 {
    clear: both;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: 2.15rem;
    line-height: 2.15rem;
    max-width: 9rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .25rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    z-index: 80
}

.webHeader_v3.headStyle4 .header_v3 .headTitle_v3 h1 {
    color: #fff;
    display: inline-block;
    font-size: .75rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 100%
}

.webHeader_v3.headStyle4 .header_v3 .headIcon_v3 {
    display: inline-block;
    height: 1.2rem;
    margin: .5rem 0 .45rem .6rem;
    width: 1.2rem;
    z-index: 90
}

.webHeader_v3.headStyle4 .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.webHeader_v3.headStyle4 .searchBox {
    display: none
}

.webHeader_v3.headStyle4 .header_v3 .functional_group {
    display: inline-block;
    height: 2.15rem;
    line-height: 2.15rem;
    padding-right: .75rem;
    white-space: nowrap;
    width: auto;
    z-index: 90
}

.webHeader_v3.headStyle4 .header_v3 .functional_group .contentBox {
    align-items: center;
    display: flex;
    height: 2.15rem
}

.webHeader_v3.headStyle4 .header_v3 .icon i {
    color: #fff
}

.webHeader_v3.headStyle5 {
    overflow: hidden
}

.webHeader_v3.headStyle5 .headBg_v3 {
    background: #fff
}

.webHeader_v3.headStyle5 .headBg_v3 .bg_content {
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    display: block;
    height: 8.35rem;
    left: -15%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 130%
}

.webHeader_v3.headStyle5 .headBg_v3 .bg_content_color_box {
    display: inline-block;
    height: 100%;
    width: 77%
}

.webHeader_v3.headStyle5 .headBg_v3 .bg_content_white_box {
    display: none
}

.webHeader_v3.headStyle5 .header_v3 {
    height: 9rem;
    position: relative;
    width: 100%
}

.webHeader_v3.headStyle5 .header_v3 .headTitle_v3 {
    clear: both;
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    margin-top: .3rem;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 100%;
    z-index: 80
}

.webHeader_v3.headStyle5 .header_v3 .headTitle_v3 h1 {
    color: #fff;
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis
}

.webHeader_v3.headStyle5 .header_v3 .headIcon_v3 {
    box-sizing: border-box;
    display: block;
    height: auto;
    padding-top: .95rem;
    text-align: center;
    width: 100%
}

.webHeader_v3.headStyle5 .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: inline-block;
    height: 3.5rem;
    width: 3.5rem
}

.webHeader_v3.headStyle5 .searchBox.f_input_box {
    position: absolute;
    text-align: center;
    top: 6.75rem;
    width: 100%
}

.webHeader_v3.headStyle5 .searchBox.f_input_box.hidden {
    display: none
}

.webHeader_v3.headStyle5 .searchBox.f_input_box .f_icon_conter {
    font-size: .7rem;
    height: .75rem;
    position: absolute;
    right: 3.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: .75rem
}

.webHeader_v3.headStyle5 .searchBox.f_input_box input {
    -webkit-appearance: none;
    border: 0;
    border-radius: .2rem;
    box-shadow: 0 0 11px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .6rem;
    height: 1.85rem;
    outline: 0;
    padding: 0;
    text-indent: .75rem;
    text-overflow: ellipsis;
    width: 12rem
}

.webHeader_v3.headStyle5 .searchBox.f_input_box .f_icon_conter:after {
    background: #ececec;
    content: "";
    height: .8rem;
    left: -.75rem;
    position: absolute;
    width: .05rem
}

.webHeader_v3.headStyle6 .headBg_v3 {
    background: #fff
}

.webHeader_v3.headStyle6 .headBg_v3 .bg_content {
    display: block;
    height: 4.9rem;
    position: absolute;
    top: 0;
    width: 100%
}

.webHeader_v3.headStyle6 .headBg_v3 .bg_content_color_box {
    height: 100%;
    width: 100%
}

.webHeader_v3.headStyle6 .headBg_v3 .bg_content_white_box {
    display: none
}

.webHeader_v3.headStyle6 .header_v3 {
    border: 1px solid #f1f1f1;
    height: 7.25rem;
    position: relative;
    width: 100%
}

.webHeader_v3.headStyle6 .header_v3 .headTitle_v3 {
    clear: both;
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    height: 1.75rem;
    line-height: 1.75rem;
    overflow: hidden;
    padding-left: 5.8rem;
    position: absolute;
    top: 3.25rem;
    vertical-align: top;
    width: 10.2rem;
    z-index: 80
}

.webHeader_v3.headStyle6 .header_v3 .headTitle_v3 h1 {
    color: #fff;
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis
}

.webHeader_v3.headStyle6 .header_v3 .headIcon_v3 {
    box-sizing: border-box;
    display: inline-block;
    height: 3.5rem;
    left: 1.3rem;
    position: absolute;
    top: 3.2rem;
    width: 3.5rem
}

.webHeader_v3.headStyle6 .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: inline-block;
    height: 3.5rem;
    width: 3.5rem
}

.webHeader_v3.headStyle6 .searchBox {
    display: none
}

.webHeader_v3.headStyle6 .functional_group2 {
    display: flex;
    height: 2.25rem;
    left: 5.2rem;
    position: absolute;
    top: 5rem;
    width: 10.8rem;
    z-index: 1
}

.webHeader_v3.headStyle6 .functional_group2 .funItem {
    color: #999;
    display: inline;
    flex: 1 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.webHeader_v3.headStyle6 .functional_group2 .funItem.hidden,
.webHeader_v3.headStyle6 .functional_group2 .head_allItem.hidden {
    display: none
}

.webHeader_v3.headStyle6 .functional_group2 .head_allItem .header_icon {
    color: #323232;
    cursor: pointer;
    display: block;
    font-size: .7rem;
    height: .75rem;
    line-height: .95rem;
    margin-top: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.webHeader_v3.headStyle6 .functional_group2 .head_allItem .icon-allItem {
    display: none
}

.webHeader_v3.headStyle6 .functional_group2 .funItem .icon-item {
    color: #323232;
    cursor: pointer;
    display: block;
    font-size: .95rem;
    height: .9rem;
    margin-top: .15rem
}

.webHeader_v3.headStyle6 .functional_group2 .head_member .header_icon:before {
    content: "򰌨";
    font-size: .7rem
}

.webHeader_v3.headStyle6 .functional_group2 .head_myOrder .header_icon:before {
    content: "򰌩";
    font-size: .7rem
}

.webHeader_v3.headStyle6 .functional_group2 .funItem .itemText {
    font-size: .5rem
}

.webHeader_v3.headStyle6 .functional_group2 .funItem:after {
    background: #ebebeb;
    content: "";
    height: .7rem;
    position: absolute;
    right: 0;
    top: .8rem;
    width: 1px
}

.webHeader_v3.headStyle7 .headBg_v3 {
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.webHeader_v3.headStyle7 .headBg_v3 .bg_content {
    display: block;
    height: 9.7rem;
    position: absolute;
    width: 100%
}

.webHeader_v3.headStyle7 .headBg_v3 .bg_content_color_box {
    display: inline-block;
    height: 5.175rem;
    width: 100%
}

.webHeader_v3.headStyle7 .headBg_v3 .bg_content_white_box {
    background-color: #fff;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    bottom: -2.5rem;
    display: block;
    height: 9rem;
    left: -10%;
    overflow: hidden;
    position: absolute;
    width: 120%
}

.webHeader_v3.headStyle7 .header_v3 {
    height: 9.7rem;
    position: relative;
    width: 100%
}

.webHeader_v3.headStyle7 .header_v3 .headTitle_v3 {
    clear: both;
    display: inline-block;
    font-size: .65rem;
    font-weight: 400;
    height: 1.75rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-align: center;
    width: 100%;
    z-index: 80
}

.webHeader_v3.headStyle7 .header_v3 .headTitle_v3 h1 {
    color: #333;
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis
}

.webHeader_v3.headStyle7 .header_v3 .headIcon_v3 {
    display: inline-block;
    height: 3.25rem;
    padding-top: 1.7rem;
    text-align: center;
    width: 100%
}

.webHeader_v3.headStyle7 .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: inline-block;
    height: 3.25rem;
    width: 3.25rem
}

.webHeader_v3.headStyle7 .searchBox {
    display: none
}

.webHeader_v3.headStyle7 .functional_group2 {
    border-top: 1px solid #f3f3f3;
    display: flex;
    height: 2.6rem;
    width: 100%;
    z-index: 1
}

.webHeader_v3.headStyle7 .functional_group2 .funItem {
    color: #999;
    display: inline;
    flex: 1 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.webHeader_v3.headStyle7 .functional_group2 .head_allItem.hidden {
    display: none
}

.webHeader_v3.headStyle7 .functional_group2 .head_allItem .header_icon {
    color: #323232;
    cursor: pointer;
    display: block;
    font-size: .7rem;
    height: .75rem;
    line-height: .95rem;
    margin-top: .51rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.webHeader_v3.headStyle7 .functional_group2 .funItem .icon-item {
    color: #323232;
    cursor: pointer;
    display: block;
    font-size: .95rem;
    height: .9rem;
    margin-top: .35rem
}

.webHeader_v3.headStyle7 .functional_group2 .head_member .header_icon:before {
    color: #444;
    content: "򰌨";
    font-size: .7rem
}

.webHeader_v3.headStyle7 .functional_group2 .head_myOrder .header_icon:before {
    color: #444;
    content: "򰌩";
    font-size: .7rem
}

.webHeader_v3.headStyle7 .functional_group2 .funItem.hidden,
.webHeader_v3.headStyle7 .functional_group2 .head_allItem.hidden,
.webHeader_v3.headStyle7 .functional_group2 .head_allItem .icon-allItem {
    display: none
}

.webHeader_v3.headStyle7 .functional_group2 .funItem .itemText {
    font-size: .5rem
}

.webHeader_v3.headStyle7 .functional_group2 .funItem:after {
    background: #ebebeb;
    content: "";
    height: 1rem;
    position: absolute;
    right: 0;
    top: .8rem;
    width: 1px
}

.webHeader_v3.innerHeadStyle .headBg_v3 .bg_content {
    display: inline-block;
    height: 2.15rem;
    position: absolute;
    width: 100%
}

.webHeader_v3.innerHeadStyle .headBg_v3 .bg_content_color_box {
    height: 100%;
    width: 100%
}

.webHeader_v3.innerHeadStyle .header_v3 {
    height: 2.15rem;
    line-height: 2.15rem;
    text-align: left;
    width: auto
}

.webHeader_v3.innerHeadStyle .header_v3 .headTitle_v3 {
    clear: both;
    display: inline-block;
    font-weight: 400;
    height: 2.15rem;
    line-height: 2.15rem;
    max-width: 7.5rem;
    overflow: hidden;
    padding-left: 2rem;
    padding-right: .25rem;
    position: relative;
    text-align: center;
    vertical-align: top
}

.webHeader_v3.innerHeadStyle .header_v3 .headTitle_v3 h1 {
    color: #fff;
    display: inline-block;
    font-size: .6rem !important;
    font-weight: 400;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.webHeader_v3.innerHeadStyle .header_v3 .headIcon_v3 {
    display: inline-block;
    height: 1rem;
    left: 0;
    margin: .625rem .5rem .45rem;
    position: absolute;
    width: 1rem;
    z-index: 1
}

.webHeader_v3.innerHeadStyle .header_v3 .headIcon_v3 .f-logo {
    background-clip: content-box;
    background-repeat: repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.webHeader_v3.innerHeadStyle .searchBox.f_input_box {
    display: none
}

#g_web .webHeader_v3.innerHeadStyle .header_v3 .functional_group {
    display: inline-block !important;
    height: 2.15rem;
    line-height: 2.15rem;
    padding-right: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    width: auto
}

.webHeader_v3.innerHeadStyle .header_v3 .functional_group .icon {
    color: #fff;
    display: none
}

.webHeader_v3.innerHeadStyle .header_v3 .functional_group .iconTitle {
    color: #fff;
    display: inline;
    font-size: .6rem;
    vertical-align: 2px
}

.webHeader_v3.innerHeadStyle .header_v3 .functional_group .head_search .iconTitle {
    margin-left: .4rem
}

.webHeader_v3.innerHeadStyle .header_v3 .functional_group .innerPageItem {
    display: inline;
    margin-left: 1rem;
    vertical-align: -.1rem
}

.webHeader_v3.innerHeadStyle .header_v3 .functional_group .head_search {
    display: inline;
    margin-left: .75rem;
    vertical-align: -.1rem
}

.webHeader_v3.innerHeadStyle .header_v3 .icon i {
    color: #fff;
    font-size: .6rem;
    vertical-align: 1px
}

.webHeader_v3.headStyle6.isForeignVer .functional_group2 .funItem .itemText {
    display: none
}

.webHeader_v3.headStyle6.isForeignVer .functional_group2 .funItem .icon-item {
    margin-top: .5rem
}

.webHeader_v3.headStyle6.isForeignVer .functional_group2 .head_allItem .icon-allItem {
    display: inline-block;
    height: 1rem;
    margin-top: .5rem
}

.webHeader_v3.headStyle6.isForeignVer .functional_group2 .head_allItem .icon-allItem:before {
    color: #323232;
    content: "";
    font-size: 1.2rem
}

.webHeader_v3.headStyle6.isForeignVer .functional_group2 .head_allItem .header_icon {
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    margin-top: 0
}

.webHeader_v3.headStyle7.isForeignVer .functional_group2 .funItem .itemText {
    display: none
}

.webHeader_v3.headStyle7.isForeignVer .functional_group2 .funItem .icon-item {
    margin-top: .65rem
}

.webHeader_v3.headStyle7.isForeignVer .functional_group2 .head_allItem .icon-allItem {
    display: inline-block;
    height: 1rem;
    margin-top: .65rem
}

.webHeader_v3.headStyle7.isForeignVer .functional_group2 .head_allItem .icon-allItem:before {
    color: #323232;
    content: "";
    font-size: 1.2rem
}

.webHeader_v3.headStyle7.isForeignVer .functional_group2 .head_allItem .header_icon {
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    margin-top: 0
}

.webHeader_v3.innerHeadStyle.isForeignVer .header_v3 .functional_group .head_search .iconTitle {
    display: none
}

.jz_nav-drawer .webHeader_v3 .header_v3 {
    padding-left: 2.3rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3 {
    padding-left: 0;
    padding-right: 2.3rem
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .functional_group {
    left: 0;
    order: -1;
    padding-right: 0;
    position: static;
    right: auto
}

.webHeader_v3 .header_v3.titleAlign1 {
    text-align: left
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.titleAlign1 {
    display: flex;
    justify-content: flex-start
}

.webHeader_v3 .header_v3.titleAlign1 .functional_group {
    position: absolute;
    right: 0
}

.webHeader_v3 .header_v3.titleAlign2 {
    text-align: center
}

.webHeader_v3 .header_v3.titleAlign2 .functional_group {
    position: absolute;
    right: 0
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.titleAlign2 {
    display: flex;
    justify-content: flex-start
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.titleAlign2 .functional_group {
    position: absolute;
    right: 0
}

.jz_nav-drawer .webHeader_v3 .header_v3.titleAlign2 .headTitle_v3 {
    margin-left: -2.3rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.titleAlign2 .headTitle_v3 {
    margin-left: 0;
    max-width: 100%;
    position: absolute;
    width: 100%
}

.webHeader_v3 .header_v3.titleAlign3 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.titleAlign3 {
    justify-content: space-between
}

.webHeader_v3 .header_v3.logoPos0.titleAlign1 {
    display: flex;
    justify-content: left
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign1 {
    justify-content: flex-start
}

.webHeader_v3 .header_v3.logoPos0.titleAlign1 .functional_group {
    position: absolute;
    right: 0
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign1 .headIcon_v3 {
    position: static
}

.webHeader_v3 .header_v3.logoPos0.titleAlign2 {
    display: flex;
    justify-content: space-between
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign2 {
    justify-content: flex-start
}

.webHeader_v3 .header_v3.logoPos0.titleAlign2 .headTitle_v3 {
    max-width: 100%;
    padding: 0;
    position: absolute;
    width: 100%
}

.jz_nav-drawer .webHeader_v3 .header_v3.logoPos0.titleAlign2 .headTitle_v3 {
    margin-left: -2.3rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign2 .headTitle_v3 {
    margin-left: 0;
    margin-right: -2.3rem
}

.webHeader_v3 .header_v3.logoPos0.titleAlign2 .headTitle_v3 h1 {
    max-width: 9rem
}

.webHeader_v3 .header_v3.logoPos0.titleAlign2 .functional_group {
    position: static
}

.webHeader_v3 .header_v3.logoPos0.titleAlign3 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign3 {
    justify-content: flex-start
}

.webHeader_v3 .header_v3.logoPos0.titleAlign3 .headIcon_v3 {
    left: 0;
    position: absolute
}

.jz_nav-drawer .webHeader_v3 .header_v3.logoPos0.titleAlign3 .headIcon_v3 {
    left: 2.3rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign3 .headIcon_v3 {
    position: static
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos0.titleAlign3 .headTitle_v3 {
    position: absolute;
    right: 2.3rem
}

.webHeader_v3 .header_v3.logoPos1.titleAlign1 {
    display: flex;
    justify-content: left
}

.webHeader_v3 .header_v3.logoPos1.titleAlign1 .functional_group {
    position: absolute;
    right: 0
}

.webHeader_v3 .header_v3.logoPos1.titleAlign2 {
    display: flex;
    justify-content: center;
    padding: 0 2rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos1.titleAlign2 {
    justify-content: center
}

.jz_nav-drawer .webHeader_v3 .header_v3.logoPos1.titleAlign2 .headTitle_v3 {
    margin-left: 0
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos1.titleAlign2 .headTitle_v3 {
    max-width: 8rem;
    position: static;
    width: auto
}

.webHeader_v3 .header_v3.logoPos1.titleAlign2 .headTitle_v3 {
    max-width: 8rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos1.titleAlign2 .headTitle_v3 {
    max-width: 7rem
}

.webHeader_v3 .header_v3.logoPos1.titleAlign2 .functional_group {
    position: absolute;
    right: 0
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos1.titleAlign2 .functional_group {
    position: absolute
}

.webHeader_v3 .header_v3.logoPos1.titleAlign3 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos1.titleAlign3 {
    justify-content: flex-end
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos1.titleAlign3 .functional_group {
    position: absolute
}

.webHeader_v3 .header_v3.logoPos2.titleAlign1 {
    display: flex;
    justify-content: left
}

.webHeader_v3 .header_v3.logoPos2.titleAlign1 .headIcon_v3 {
    order: 1
}

.webHeader_v3 .header_v3.logoPos2.titleAlign1 .functional_group {
    position: absolute;
    right: 0
}

.webHeader_v3 .header_v3.logoPos2.titleAlign2 {
    display: flex;
    justify-content: center;
    padding: 0 2rem
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos2.titleAlign2 {
    justify-content: center
}

.webHeader_v3 .header_v3.logoPos2.titleAlign2 .headTitle_v3 {
    max-width: 8rem
}

.jz_nav-drawer .webHeader_v3 .header_v3.logoPos2.titleAlign2 .headTitle_v3 {
    margin-left: 0
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos2.titleAlign2 .headTitle_v3 {
    max-width: 8rem;
    position: static;
    width: auto
}

.webHeader_v3 .header_v3.logoPos2.titleAlign2 .headIcon_v3 {
    order: 1
}

.webHeader_v3 .header_v3.logoPos2.titleAlign2 .functional_group {
    position: absolute;
    right: 0
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos2.titleAlign2 .functional_group {
    position: absolute
}

.webHeader_v3 .header_v3.logoPos2.titleAlign3 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos2.titleAlign3 {
    justify-content: flex-end
}

.webHeader_v3 .header_v3.logoPos2.titleAlign3 .headIcon_v3 {
    order: 1
}

.webHeader_v3 .header_v3.logoPos2.titleAlign3 .functional_group {
    order: 2
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos2.titleAlign3 .functional_group {
    position: absolute
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos2.titleAlign3 .headTitle_v3 {
    max-width: 8rem
}

.webHeader_v3 .header_v3.logoPos3.titleAlign1 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign1 {
    justify-content: flex-start
}

.webHeader_v3 .header_v3.logoPos3.titleAlign1 .headTitle_v3 {
    left: 0;
    position: absolute
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign1 .headIcon_v3 {
    position: absolute;
    right: 2.3rem
}

.jz_nav-drawer .webHeader_v3 .header_v3.logoPos3.titleAlign1 .headTitle_v3 {
    left: 2.3rem;
    position: absolute
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign1 .functional_group,
.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign1 .headTitle_v3,
.webHeader_v3 .header_v3.logoPos3.titleAlign1 .functional_group {
    position: static
}

.webHeader_v3 .header_v3.logoPos3.titleAlign2 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign2 {
    justify-content: flex-end
}

.webHeader_v3 .header_v3.logoPos3.titleAlign2 .headIcon_v3 {
    order: 1
}

.webHeader_v3 .header_v3.logoPos3.titleAlign2 .functional_group {
    order: 2;
    position: static
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign2 .functional_group {
    position: absolute
}

.webHeader_v3 .header_v3.logoPos3.titleAlign2 .headTitle_v3 {
    max-width: 100%;
    padding: 0;
    position: absolute;
    width: 100%
}

.jz_nav-drawer .webHeader_v3 .header_v3.logoPos3.titleAlign2 .headTitle_v3 {
    margin-left: 0
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign2 .headTitle_v3 {
    margin-left: 2.3rem;
    max-width: 100%;
    padding: 0;
    position: absolute;
    width: 100%
}

.webHeader_v3 .header_v3.logoPos3.titleAlign2 .headTitle_v3 h1 {
    max-width: 9rem
}

.webHeader_v3 .header_v3.logoPos3.titleAlign3 {
    display: flex;
    justify-content: flex-end
}

.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign3 {
    justify-content: flex-end
}

.webHeader_v3 .header_v3.logoPos3.titleAlign3 .headIcon_v3 {
    order: 1
}

.webHeader_v3 .header_v3.logoPos3.titleAlign3 .functional_group {
    order: 2
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3 .header_v3.logoPos3.titleAlign3 .functional_group {
    position: absolute
}

#g_web.jz_nav-drawer .webHeader_v3.headStyle1 .header_v3,
#g_web.jz_nav-drawer .webHeader_v3.headStyle2 .header_v3 {
    padding-left: 2.3rem
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3.headStyle1 .header_v3,
#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3.headStyle2 .header_v3 {
    padding-left: .8rem;
    padding-right: 2.3rem
}

#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3.headStyle1 .functional_group,
#g_web.jz_nav-drawer.jz_nav-drawer-right .webHeader_v3.headStyle2 .functional_group {
    margin-left: -.8rem;
    margin-right: .75rem
}

.webHeader_v3.headStyle1 .header_v3 .headTitle_v3 .headTitleV3H1,
.webHeader_v3.headStyle2 .header_v3 .headTitle_v3 .headTitleV3H1,
.webHeader_v3.headStyle3 .header_v3 .headTitle_v3 .headTitleV3H1,
.webHeader_v3.headStyle4 .header_v3 .headTitle_v3 .headTitleV3H1,
.webHeader_v3.headStyle6 .header_v3 .headTitle_v3 .headTitleV3H1,
.webHeader_v3.headStyle7 .header_v3 .headTitle_v3 .headTitleV3H1 {
    border: 1px solid transparent;
    cursor: pointer;
    line-height: normal;
    max-width: 9rem;
    padding: .18rem 0;
    position: relative;
    vertical-align: middle
}

.webHeader_v3.headStyle1 .header_v3 #headTitle_v3,
.webHeader_v3.headStyle2 .header_v3 #headTitle_v3,
.webHeader_v3.headStyle3 .header_v3 #headTitle_v3,
.webHeader_v3.headStyle4 .header_v3 #headTitle_v3,
.webHeader_v3.headStyle5 .header_v3 #headTitle_v3 {
    font-size: 0
}

.webHeader_v3.headStyle5 .header_v3 .headTitle_v3 .headTitleV3H1 {
    border: 1px solid transparent;
    cursor: pointer;
    line-height: normal;
    max-width: 9rem;
    padding: .18rem 0;
    position: relative;
    vertical-align: middle
}

.webHeader_v3.innerHeadStyle .header_v3 .headTitle_v3 {
    align-items: center;
    display: flex
}

.webHeader_v3.innerHeadStyle .header_v3 .headTitle_v3 .headTitleV3H1 {
    border: 1px solid transparent;
    cursor: pointer;
    height: auto;
    line-height: normal;
    max-width: 9rem;
    padding: .18rem 0;
    position: relative;
    text-align: left
}

.titleAlign1 .headTitleV3H1TextAlign {
    text-align: left
}

.titleAlign2 .headTitleV3H1TextAlign {
    text-align: center
}

.titleAlign3 .headTitleV3H1TextAlign {
    text-align: right
}

#headTitle_v3 .focus_h1_v3 {
    border: 1px dashed #5874d8
}

#headTitle_v3 .edit_h1_v3 {
    border: 1px solid #5874d8;
    border-radius: 2px
}

#headTitleInputV3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: inherit;
    display: none;
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    outline: 0;
    padding: 0;
    text-align: inherit;
    width: 100%
}

#headTitle_v3 .headTitleEditPen {
    background: #557ce1 url(/image/v2/mbg01.png?v=202312111117) -1418px -39px no-repeat;
    display: none;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

#headTitle_v3 .headTitleEditPen:hover {
    background-color: #618cef
}

.webHeader_v3.headStyle1 #searchBox {
    background: #f0f1f3;
    border-radius: 1rem;
    height: 1.25rem
}

.webHeader_v3.headStyle1 #searchBox .jsb-showRange-block {
    padding-left: .5rem
}

.webHeader_v3.headStyle2 #searchBox {
    background: #fff;
    border-radius: .15rem;
    height: 1.25rem
}

.webHeader_v3.headStyle2.turnDefault #searchBox {
    background: #f0f1f3
}

.webHeader_v3.headStyle2 #searchBox .jsb-showRange-block {
    padding-left: .5rem
}

.webHeader_v3.headStyle5 #searchBox {
    background: #fff;
    border-radius: .2rem;
    box-shadow: 0 0 11px rgba(0, 0, 0, .1);
    height: 1.85rem;
    left: 50%;
    margin-left: -6rem;
    position: absolute;
    top: 6.75rem;
    width: 11.99rem
}

.webHeader_v3.headStyle5 #searchBox .jsb-showRange-block {
    padding-left: .5rem
}

.webHeader_v3.headStyle5 #searchBox .topSearch {
    box-shadow: none
}

.jsb-showRange-block {
    align-items: center;
    cursor: pointer;
    display: flex
}

#searchBox .sb-f_icon_conter {
    left: auto !important;
    right: .75rem !important;
    top: 50%
}

#searchBox .showRange-block {
    display: none
}

.sb-searchRange {
    color: #888;
    display: inline-block;
    font-size: .6rem;
    font-weight: 500;
    height: 1.25rem;
    line-height: 1.25rem;
    max-width: 3.5rem;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.all-top-search {
    text-indent: 0 !important
}

.mobiTitleClose[data-v-22389f19],
.webHeader_v3.hide {
    display: none
}

.navbar.jz_subMenu_1002 {
    font-size: 0
}

.swipe {
    visibility: visible
}

.webBannerBox {
    margin: 0 auto;
    position: relative
}

.swipe img {
    width: 100%
}

.hiddenDefaultBanner .defaultBanner {
    background: none
}

.swipe .bannerImageDiv {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%
}

.swipe .systemtBanner {
    background-repeat: no-repeat;
    background-size: contain
}

.swipe .customBanner {
    background-size: 100% 100%
}

.bannerHidden {
    display: none
}

.bannerSwipeContainer {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    overflow: hidden;
    perspective: 500;
    position: relative;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d
}

.bannerSwipeContainer img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    width: 100%
}

.bannerSwipeContainer>div {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bannerSwipeContainer a[href="javascript:;"] {
    cursor: default
}

.bannerSwipeContainer .bannerDescription {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    height: 1.3rem;
    padding-left: 10px;
    position: absolute;
    width: 100%;
    z-index: 999
}

.bannerSwipeContainer .bannerDescription .description {
    color: #fff;
    font-size: 13px;
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%
}

.billboard>div {
    clear: both;
    position: absolute
}

.webBannerBox .bannerBullet {
    bottom: 0;
    height: .9rem;
    position: absolute;
    width: 100%
}

.webBannerBox .bannerBullet2 {
    bottom: 0;
    height: 1.3rem;
    position: absolute;
    right: 0;
    width: 30%
}

.webBannerBox .bannerBullet .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.webBannerBox .bannerBullet2 .bullets {
    line-height: 1.3rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: .3rem
}

.webBannerBox .bullets li {
    background: #999;
    background: hsla(0, 0%, 67%, .5);
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    margin: 0 .1rem;
    vertical-align: middle;
    width: .35rem
}

.webBannerBox .bullets li.on {
    background: #fff
}

.defaultBanner {
    background-image: url(/image/banners/N2004.jpg?v=201803121311)
}

.swipe {
    -moz-perspective: 1600px;
    -o-perspective: 1600px;
    -ms-perspective: 1600px
}

.billboard {
    overflow: hidden;
    position: relative;
    transform-origin: center center
}

.billboard4 {
    perspective: 1600px
}

.billboard1,
.billboard2,
.billboard3,
.billboardItem_11,
.billboardItem_13 {
    perspective: none;
    transform-style: flat
}

.billboard_item {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.billboardAnim {
    animation-fill-mode: both;
    animation-timing-function: ease-in-out
}

.billboardItem_1 {
    transform: translate3d(100%, 0, 0)
}

.billboardItem_1_start {
    transform: translateZ(0)
}

.billboardItem_1_on {
    animation-name: billboardItem_1_on
}

.billboardItem_1_on_reverse {
    animation-name: billboardItem_1_on_reverse
}

.billboardItem_1_off {
    animation-name: billboardItem_1_off
}

.billboardItem_1_off_reverse {
    animation-name: billboardItem_1_off_reverse
}

@keyframes billboardItem_1_on {
    0% {
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes billboardItem_1_on_reverse {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes billboardItem_1_off {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes billboardItem_1_off_reverse {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%, 0, 0)
    }
}

.billboardItem_2 {
    transform: translate3d(0, 100%, 0)
}

.billboardItem_2_start {
    transform: translateZ(0)
}

.billboardItem_2_on {
    animation-name: billboardItem_2_on
}

.billboardItem_2_on_reverse {
    animation-name: billboardItem_2_on_reverse
}

.billboardItem_2_off {
    animation-name: billboardItem_2_off
}

.billboardItem_2_off_reverse {
    animation-name: billboardItem_2_off_reverse
}

@keyframes billboardItem_2_on {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes billboardItem_2_on_reverse {
    0% {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes billboardItem_2_off {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes billboardItem_2_off_reverse {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -100%, 0)
    }
}

.billboard3 {
    -ms-perspective: none
}

.billboard3 * {
    transform-style: preserve-3d
}

.billboardItem_3 {
    transform: rotateY(-90deg)
}

.billboardItem_3 * {
    backface-visibility: hidden
}

.billboardItem_3_start {
    transform: rotateY(0deg)
}

.billboardItem_3_on {
    animation-name: billboardItem_3_on
}

.billboardItem_3_on_reverse {
    animation-name: billboardItem_3_on_reverse
}

.billboardItem_3_off {
    animation-name: billboardItem_3_off
}

.billboardItem_3_off_reverse {
    animation-name: billboardItem_3_off_reverse
}

@keyframes billboardItem_3_on {
    0% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_3_on_reverse {
    0% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_3_off {
    0% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(90deg)
    }
}

@keyframes billboardItem_3_off_reverse {
    0% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(-90deg)
    }
}

.billboard4 {
    -ms-perspective: none
}

.billboard4 * {
    transform-style: preserve-3d
}

.billboardItem_4 {
    transform: rotateY(90deg)
}

.billboardItem_4 * {
    backface-visibility: hidden
}

.billboardItem_4_start {
    transform: rotateY(0deg)
}

.billboardItem_4_on {
    animation-name: billboardItem_4_on
}

.billboardItem_4_on_reverse {
    animation-name: billboardItem_4_on_reverse
}

.billboardItem_4_off {
    animation-name: billboardItem_4_off
}

.billboardItem_4_off_reverse {
    animation-name: billboardItem_4_off_reverse
}

@keyframes billboardItem_4_on {
    0% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_4_on_reverse {
    0% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_4_off {
    0% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

@keyframes billboardItem_4_off_reverse {
    0% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

.billboard5 * {
    transform-style: preserve-3d
}

.billboardItem_5 {
    transform: rotateY(90deg)
}

.billboardItem_5 * {
    backface-visibility: hidden
}

.billboardItem_5_start {
    transform: rotateY(0deg)
}

.billboardItem_5_on {
    animation-name: billboardItem_5_on
}

.billboardItem_5_on_reverse {
    animation-name: billboardItem_5_on_reverse
}

.billboardItem_5_off {
    animation-name: billboardItem_5_off
}

.billboardItem_5_off_reverse {
    animation-name: billboardItem_5_off_reverse
}

@keyframes billboardItem_5_on {
    0% {
        transform: rotateY(-90deg)
    }

    50% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_5_on_reverse {
    0% {
        transform: rotateY(90deg)
    }

    50% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_5_off {
    0% {
        transform: rotateY(0deg)
    }

    50% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(90deg)
    }
}

@keyframes billboardItem_5_off_reverse {
    0% {
        transform: rotateY(0deg)
    }

    50% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(-90deg)
    }
}

.billboard6 * {
    transform-style: preserve-3d
}

.billboardItem_6 {
    transform: rotateX(90deg)
}

.billboardItem_6 * {
    backface-visibility: hidden
}

.billboardItem_6_start {
    transform: rotateX(0deg)
}

.billboardItem_6_on {
    animation-name: billboardItem_6_on
}

.billboardItem_6_on_reverse {
    animation-name: billboardItem_6_on_reverse
}

.billboardItem_6_off {
    animation-name: billboardItem_6_off
}

.billboardItem_6_off_reverse {
    animation-name: billboardItem_6_off_reverse
}

@keyframes billboardItem_6_on {
    0% {
        transform: rotateX(-90deg)
    }

    50% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_6_on_reverse {
    0% {
        transform: rotateX(90deg)
    }

    50% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_6_off {
    0% {
        transform: rotateX(0deg)
    }

    50% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

@keyframes billboardItem_6_off_reverse {
    0% {
        transform: rotateX(0deg)
    }

    50% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

.billboardItem_7 {
    opacity: 0
}

.billboardItem_7_start {
    opacity: 1
}

.billboardItem_7_on {
    animation-name: billboardItem_7_on
}

.billboardItem_7_off {
    animation-name: billboardItem_7_off
}

@keyframes billboardItem_7_on {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes billboardItem_7_off {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.billboardItem_8 {
    opacity: 0
}

.billboardItem_8_start {
    opacity: 1
}

.billboardItem_8_on {
    animation-name: billboardItem_8_on
}

.billboardItem_8_off {
    animation-name: billboardItem_8_off
}

@keyframes billboardItem_8_on {
    0% {
        opacity: 0;
        transform: scale(1.4)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes billboardItem_8_off {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(1.4)
    }
}

.billboard9 {
    -webkit-perspective: none
}

.billboard9 * {
    transform-style: preserve-3d
}

.billboardItem_9 {
    height: 100%;
    width: 100%
}

.billboardItem_9 * {
    backface-visibility: hidden
}

.billboardItem_9 .billboardImgInner {
    width: 100% !important
}

.billboardItem_9 .billboardTile {
    height: 33.33%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.billboardItem_9_off .billboardTile,
.billboardItem_9_on .billboardTile,
.billboardItem_9_start .billboardTile {
    visibility: visible
}

.billboardItem_9 .billboardTile_1 {
    top: 0
}

.billboardItem_9 .billboardTile_2 {
    top: 33.33%
}

.billboardItem_9 .billboardTile_3 {
    top: 66.55%
}

.billboardItem_9 .billboardImg {
    height: 300%;
    left: 0;
    position: absolute;
    width: 100%
}

.billboardItem_9 .billboardTile_1 .billboardImg {
    top: 0
}

.billboardItem_9 .billboardTile_2 .billboardImg {
    top: -100%
}

.billboardItem_9 .billboardTile_3 .billboardImg {
    top: -200%
}

.billboardItem_9_on .billboardTile_1 {
    animation-name: billboardItem_9_on_1
}

.billboardItem_9_on_reverse .billboardTile_1 {
    animation-name: billboardItem_9_on_reverse_1
}

.billboardItem_9_on .billboardTile_2 {
    animation-name: billboardItem_9_on_2
}

.billboardItem_9_on_reverse .billboardTile_2 {
    animation-name: billboardItem_9_on_reverse_2
}

.billboardItem_9_on .billboardTile_3 {
    animation-name: billboardItem_9_on_3
}

.billboardItem_9_on_reverse .billboardTile_3 {
    animation-name: billboardItem_9_on_reverse_3
}

.billboardItem_9_off .billboardTile_1 {
    animation-name: billboardItem_9_off_1
}

.billboardItem_9_off_reverse .billboardTile_1 {
    animation-name: billboardItem_9_off_reverse_1
}

.billboardItem_9_off .billboardTile_2 {
    animation-name: billboardItem_9_off_2
}

.billboardItem_9_off_reverse .billboardTile_2 {
    animation-name: billboardItem_9_off_reverse_2
}

.billboardItem_9_off .billboardTile_3 {
    animation-name: billboardItem_9_off_3
}

.billboardItem_9_off_reverse .billboardTile_3 {
    animation-name: billboardItem_9_off_reverse_3
}

@keyframes billboardItem_9_on_1 {
    0% {
        transform: rotateY(-90deg)
    }

    60% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_9_on_reverse_1 {
    0% {
        transform: rotateY(90deg)
    }

    60% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_9_on_2 {
    0% {
        transform: rotateY(-90deg)
    }

    20% {
        transform: rotateY(-90deg)
    }

    80% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_9_on_reverse_2 {
    0% {
        transform: rotateY(90deg)
    }

    20% {
        transform: rotateY(90deg)
    }

    80% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_9_on_3 {
    0% {
        transform: rotateY(-90deg)
    }

    40% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_9_on_reverse_3 {
    0% {
        transform: rotateY(90deg)
    }

    40% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes billboardItem_9_off_1 {
    0% {
        transform: rotateY(0deg)
    }

    60% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(90deg)
    }
}

@keyframes billboardItem_9_off_reverse_1 {
    0% {
        transform: rotateY(0deg)
    }

    60% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(-90deg)
    }
}

@keyframes billboardItem_9_off_2 {
    0% {
        transform: rotateY(0deg)
    }

    20% {
        transform: rotateY(0deg)
    }

    80% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(90deg)
    }
}

@keyframes billboardItem_9_off_reverse_2 {
    0% {
        transform: rotateY(0deg)
    }

    20% {
        transform: rotateY(0deg)
    }

    80% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(-90deg)
    }
}

@keyframes billboardItem_9_off_3 {
    0% {
        transform: rotateY(0deg)
    }

    40% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(90deg)
    }
}

@keyframes billboardItem_9_off_reverse_3 {
    0% {
        transform: rotateY(0deg)
    }

    40% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(-90deg)
    }
}

.billboard10 {
    -webkit-perspective: none
}

.billboard10 * {
    transform-style: preserve-3d
}

.billboardItem_10 {
    height: 100%;
    width: 100%
}

.billboardItem_10 * {
    backface-visibility: hidden
}

.billboardItem_10 .billboardImgInner {
    width: 100% !important
}

.billboardItem_10 .billboardTile {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 33.43%
}

.billboardItem_10_off .billboardTile,
.billboardItem_10_on .billboardTile,
.billboardItem_10_start .billboardTile {
    visibility: visible
}

.billboardItem_10 .billboardTile_1 {
    left: 0
}

.billboardItem_10 .billboardTile_2 {
    left: 33.33%
}

.billboardItem_10 .billboardTile_3 {
    left: 66.65%
}

.billboardItem_10 .billboardImg {
    height: 100%;
    left: 0;
    position: absolute;
    width: 300%
}

.billboardItem_10 .billboardTile_1 .billboardImg {
    left: 0
}

.billboardItem_10 .billboardTile_2 .billboardImg {
    left: -100%
}

.billboardItem_10 .billboardTile_3 .billboardImg {
    left: -200%
}

.billboardItem_10_on .billboardTile_1 {
    animation-name: billboardItem_10_on_1
}

.billboardItem_10_on_reverse .billboardTile_1 {
    animation-name: billboardItem_10_on_reverse_1
}

.billboardItem_10_on .billboardTile_2 {
    animation-name: billboardItem_10_on_2
}

.billboardItem_10_on_reverse .billboardTile_2 {
    animation-name: billboardItem_10_on_reverse_2
}

.billboardItem_10_on .billboardTile_3 {
    animation-name: billboardItem_10_on_3
}

.billboardItem_10_on_reverse .billboardTile_3 {
    animation-name: billboardItem_10_on_reverse_3
}

.billboardItem_10_off .billboardTile_1 {
    animation-name: billboardItem_10_off_1
}

.billboardItem_10_off_reverse .billboardTile_1 {
    animation-name: billboardItem_10_off_reverse_1
}

.billboardItem_10_off .billboardTile_2 {
    animation-name: billboardItem_10_off_2
}

.billboardItem_10_off_reverse .billboardTile_2 {
    animation-name: billboardItem_10_off_reverse_2
}

.billboardItem_10_off .billboardTile_3 {
    animation-name: billboardItem_10_off_3
}

.billboardItem_10_off_reverse .billboardTile_3 {
    animation-name: billboardItem_10_off_reverse_3
}

@keyframes billboardItem_10_on_1 {
    0% {
        transform: rotateX(90deg)
    }

    60% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_10_on_reverse_1 {
    0% {
        transform: rotateX(-90deg)
    }

    60% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_10_on_2 {
    0% {
        transform: rotateX(90deg)
    }

    20% {
        transform: rotateX(90deg)
    }

    90% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_10_on_reverse_2 {
    0% {
        transform: rotateX(-90deg)
    }

    20% {
        transform: rotateX(-90deg)
    }

    90% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_10_on_3 {
    0% {
        transform: rotateX(90deg)
    }

    40% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_10_on_reverse_3 {
    0% {
        transform: rotateX(-90deg)
    }

    40% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateX(0deg)
    }
}

@keyframes billboardItem_10_off_1 {
    0% {
        transform: rotateX(0deg)
    }

    60% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

@keyframes billboardItem_10_off_reverse_1 {
    0% {
        transform: rotateX(0deg)
    }

    60% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

@keyframes billboardItem_10_off_2 {
    0% {
        transform: rotateX(0deg)
    }

    20% {
        transform: rotateX(0deg)
    }

    90% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

@keyframes billboardItem_10_off_reverse_2 {
    0% {
        transform: rotateX(0deg)
    }

    20% {
        transform: rotateX(0deg)
    }

    90% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

@keyframes billboardItem_10_off_3 {
    0% {
        transform: rotateX(0deg)
    }

    40% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(-90deg)
    }
}

@keyframes billboardItem_10_off_reverse_3 {
    0% {
        transform: rotateX(0deg)
    }

    40% {
        transform: rotateX(0deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

.billboardItem_11 .billboardImgInner {
    width: 100% !important
}

.billboardItem_11 .billboardTile {
    height: 50%;
    overflow: hidden;
    position: absolute;
    width: 50%
}

.billboardItem_11 .billboardTile_1 {
    left: 0;
    top: 0
}

.billboardItem_11 .billboardTile_2 {
    right: 0;
    top: 0
}

.billboardItem_11 .billboardTile_3 {
    bottom: 0;
    left: 0
}

.billboardItem_11 .billboardTile_4 {
    bottom: 0;
    right: 0
}

.billboardItem_11 .billboardTileImg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.billboardItem_11 .billboardTile_1 .billboardTileImg {
    transform-origin: 100% 100%
}

.billboardItem_11 .billboardTile_2 .billboardTileImg {
    transform-origin: 0 100%
}

.billboardItem_11 .billboardTile_3 .billboardTileImg {
    transform-origin: 100% 0
}

.billboardItem_11 .billboardTile_4 .billboardTileImg {
    transform-origin: 0 0
}

.billboardItem_11 .billboardImg {
    height: 200%;
    position: absolute;
    width: 200%
}

.billboardItem_11 .billboardTile_1 .billboardImg {
    left: 0;
    top: 0
}

.billboardItem_11 .billboardTile_2 .billboardImg {
    right: 0;
    top: 0
}

.billboardItem_11 .billboardTile_3 .billboardImg {
    bottom: 0;
    left: 0
}

.billboardItem_11 .billboardTile_4 .billboardImg {
    bottom: 0;
    right: 0
}

.billboardItem_11_on .billboardTileImg {
    animation-name: billboardItem_11_on
}

.billboardItem_11_off .billboardTile_1 .billboardTileImg {
    animation-name: billboard_11_off_1
}

.billboardItem_11_off .billboardTile_2 .billboardTileImg {
    animation-name: billboard_11_off_2
}

.billboardItem_11_off .billboardTile_3 .billboardTileImg {
    animation-name: billboard_11_off_3
}

.billboardItem_11_off .billboardTile_4 .billboardTileImg {
    animation-name: billboard_11_off_4
}

@keyframes billboardItem_11_on {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes billboard_11_off_1 {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes billboard_11_off_2 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

@keyframes billboard_11_off_3 {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@keyframes billboard_11_off_4 {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

.billboardItem_12 .billboardImgInner {
    width: 100% !important
}

.billboardItem_12 .billboardTile {
    height: 50%;
    overflow: hidden;
    position: absolute;
    width: 50%
}

.billboardItem_12 .billboardTile_1 {
    left: 0;
    top: 0
}

.billboardItem_12 .billboardTile_2 {
    right: 0;
    top: 0
}

.billboardItem_12 .billboardTile_3 {
    bottom: 0;
    left: 0
}

.billboardItem_12 .billboardTile_4 {
    bottom: 0;
    right: 0
}

.billboardItem_12 .billboardTileImg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.billboardItem_12 .billboardTile_1 .billboardTileImg {
    transform-origin: 100% 100%
}

.billboardItem_12 .billboardTile_2 .billboardTileImg {
    transform-origin: 0 100%
}

.billboardItem_12 .billboardTile_3 .billboardTileImg {
    transform-origin: 100% 0
}

.billboardItem_12 .billboardTile_4 .billboardTileImg {
    transform-origin: 0 0
}

.billboardItem_12 .billboardImg {
    height: 200%;
    position: absolute;
    width: 200%
}

.billboardItem_12 .billboardTile_1 .billboardImg {
    left: 0;
    top: 0
}

.billboardItem_12 .billboardTile_2 .billboardImg {
    right: 0;
    top: 0
}

.billboardItem_12 .billboardTile_3 .billboardImg {
    bottom: 0;
    left: 0
}

.billboardItem_12 .billboardTile_4 .billboardImg {
    bottom: 0;
    right: 0
}

.billboardItem_12_on .billboardTileImg {
    animation-name: billboardItem_12_on
}

.billboardItem_12_off .billboardTile_1 .billboardTileImg {
    animation-name: billboard_12_off_1
}

.billboardItem_12_off .billboardTile_2 .billboardTileImg {
    animation-name: billboard_12_off_2
}

.billboardItem_12_off .billboardTile_3 .billboardTileImg {
    animation-name: billboard_12_off_3
}

.billboardItem_12_off .billboardTile_4 .billboardTileImg {
    animation-name: billboard_12_off_4
}

@keyframes billboardItem_12_on {
    0% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes billboard_12_off_1 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

@keyframes billboard_12_off_2 {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

@keyframes billboard_12_off_3 {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes billboard_12_off_4 {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

.billboardItem_13 .billboardImgInner {
    width: 100% !important
}

.billboardItem_13 .billboardTile {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 25.1%
}

.billboardItem_13 .billboardTile_1 {
    left: 0
}

.billboardItem_13 .billboardTile_2 {
    left: 25%
}

.billboardItem_13 .billboardTile_3 {
    left: 50%
}

.billboardItem_13 .billboardTile_4 {
    left: 75%
}

.billboardItem_13 .billboardTileImg {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.billboardItem_13 .billboardImg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 400%
}

.billboardItem_13 .billboardTile_1 .billboardImg {
    left: 0
}

.billboardItem_13 .billboardTile_2 .billboardImg {
    left: -100%
}

.billboardItem_13 .billboardTile_3 .billboardImg {
    left: -200%
}

.billboardItem_13 .billboardTile_4 .billboardImg {
    left: -300%
}

.billboardItem_13_start .billboardTileImg {
    opacity: 1
}

.billboardItem_13_off .billboardTileImg {
    animation-name: billboardItem_13_off
}

.billboardItem_13_on .billboardTileImg {
    animation-name: billboardItem_13_on
}

@keyframes billboardItem_13_on {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes billboardItem_13_off {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(1.8)
    }
}

.pageLoading {
    z-index: 9999
}

.newDashedFrame {
    zoom: 1;
    border: 0 dashed #5874d8;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    z-index: 999
}

.newDashedFrameTop {
    border-top-width: 1px;
    height: 1px;
    left: 0;
    top: 0;
    width: 100%
}

.newDashedFrameRight {
    border-right-width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    width: 1px
}

.newDashedFrameBottom {
    border-bottom-width: 1px;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%
}

.newDashedFrameLeft {
    border-left-width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    width: 1px
}

.titleCenter .titleText .textContent:after {
    display: none
}

.textContent .textContentSubTitle {
    color: #a9a9a9;
    display: none;
    font-size: .51752rem;
    font-weight: 400;
    margin-left: 0;
    margin-top: .25876rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.titleText .textContent .textContentSubTitle {
    text-align: inherit
}

.formMiddle {
    display: inherit;
    flex-grow: 1;
    overflow: hidden;
    padding-bottom: .25rem
}

.formMiddleClear {
    background: none;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    margin-top: 0 !important;
    padding: 0
}

.middleCenter {
    display: inherit;
    width: 100%
}

.moduleContent {
    overflow: hidden
}

.form-position-static {
    position: static
}

.form.form-handle-zero-margin {
    margin: 0;
    padding: 0
}

.form .formBannerTitleHide {
    display: none
}

.webContainerBox .form .detailPageFormMiddle {
    background: #fff
}

.m_form_item .form_item_require:after {
    color: red;
    content: "*";
    line-height: 1;
    margin-left: .2rem;
    vertical-align: middle
}

.m_form_item .form_item_content {
    margin-top: .55rem
}

.mobi_form_style_3 .m_form_item .form_item_content {
    margin-top: .075rem
}

.m_form_item .form_item_message_content {
    margin-top: .55rem
}

.mobi_form_style_3 .m_form_item .form_item_message_content {
    margin-top: .075rem
}

.m_form_radio_inner {
    background-color: #fff
}

.m_form_radio_inner.active {
    color: #fff
}

.mobi_form_radio .m_radio_wrap {
    cursor: pointer;
    margin-right: 1rem;
    pointer-events: auto;
    position: relative;
    vertical-align: middle
}

.mobi_form_radio .m_radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin-right: .2rem;
    outline: 0;
    position: relative;
    vertical-align: -.25em
}

.mobi_form_radio .m_radio_inner {
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    font-size: .375rem;
    height: .8rem;
    left: 0;
    position: relative;
    top: 0;
    width: .8rem
}

.mobi_form_radio .m_radio_checked .m_radio_inner:after {
    border-radius: 0;
    content: "\b0335";
    font-size: .6rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mobi_form_radio .m_radio_input {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.m_mobi_form_textArea_wrap .m_mobi_form_textArea {
    background-color: #fff;
    display: block;
    height: 3.25rem;
    margin: .7rem 0 0;
    outline: 0;
    padding: .413rem .725rem;
    resize: none
}

.m_form_checkbox_inner {
    background-color: #fff
}

.m_form_checkbox_inner.active {
    color: #fff
}

.mobi_form_checkbox .m_checkbox_wrap {
    cursor: pointer;
    margin-right: 1rem;
    pointer-events: auto;
    position: relative;
    vertical-align: middle
}

.mobi_form_checkbox .m_checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin-right: .2rem;
    outline: 0;
    position: relative;
    vertical-align: -.2em;
    white-space: nowrap
}

.mobi_form_checkbox .m_checkbox_inner {
    border: 1px solid #d8d8d8;
    border-radius: .13rem;
    box-sizing: border-box;
    display: inline-block;
    font-size: .375rem;
    height: .8rem;
    left: 0;
    position: relative;
    top: 0;
    width: .8rem
}

.mobi_form_checkbox .m_checkbox_checked .m_checkbox_inner:after {
    border-radius: 0;
    content: "\b0335";
    font-size: .6rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mobi_form_checkbox .m_checkbox_input {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.choice_box_wrap .disabled {
    cursor: not-allowed;
    opacity: .6
}

.choice_box_wrap .residue_text {
    color: #999
}

.m_mobi_form_select_wrap {
    position: relative
}

.m_mobi_form_select_wrap .drop_down_icon {
    color: #b7b7b7;
    font-size: .45rem;
    position: absolute;
    right: .85rem;
    top: 50%;
    transform: translateY(-50%)
}

.m_mobi_form_text_descrition_wrap .headline {
    margin-bottom: .45rem
}

.m_mobi_form_text_descrition_wrap .subHeadline {
    color: #999;
    line-height: 1.15rem
}

.m_mobi_form_text_descrition_wrap .empty {
    height: .5rem
}

.file_upload_style2 .m_form_item.form_item_wrap_7 .form_item_content {
    margin-top: .55rem
}

.file_upload_container2 .icon_add {
    color: #666;
    height: .5rem;
    margin-right: .3rem;
    width: .5rem
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item {
    align-items: center;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    padding: .5rem .75rem .5rem 0;
    position: relative;
    width: 100%
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item:not(:last-of-type) {
    border-bottom: 1px solid #eee
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item--container {
    margin-left: .5rem;
    max-width: 80%;
    min-width: 80%
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_del {
    height: .725rem;
    width: .725rem
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_title {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_des {
    color: #999;
    font-size: .5rem
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item--action {
    align-items: center;
    display: flex;
    justify-content: center
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 1.8rem;
    justify-content: center;
    min-height: 1.8rem;
    min-width: 1.8rem;
    width: 1.8rem
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--img {
    border-radius: 4px;
    height: 1.8rem;
    max-width: auto;
    width: 1.8rem
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon {
    height: 1.2rem;
    width: 1.2rem
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon .file_icon {
    height: 100%;
    width: 100%
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon {
    fill: #fff
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--pdf {
    color: #ff5a5a
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--ppt {
    color: #ff9743
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--video {
    color: #707ee5
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--image {
    color: #23c786
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--music {
    color: #1cbe89
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--gzip {
    color: #5095ed
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--txt {
    color: #3686fd
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--word {
    color: #4e99ff
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--exls {
    color: #2c9660
}

.file_upload_container2 .preview_file_container .preview_file_list .preview_file_item .preview_file_item_box--icon.preview_file_icon--file {
    color: #b9c9d6
}

.file_upload_container2 .uploadify-button2 {
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background: #fff;
    border: 1px dashed #c7c7c7;
    border-radius: 2px;
    color: #666;
    cursor: pointer;
    display: -webkit-box;
    font-size: .6rem;
    height: 1.88rem;
    line-height: 1.88rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.mobi_form_style_1 .m_mobi_form_upload_wrap .file_upload_container2 .uploadify-button2 {
    background: #fafafa
}

.m_mobi_form_upload_wrap .m_mobi_form_upload_container {
    display: flex;
    justify-content: space-between
}

.m_mobi_form_upload_wrap .form_upload_tips {
    display: block;
    font-size: 0;
    margin: 5px auto 0
}

.m_mobi_form_upload_wrap .form_upload_tips>span {
    font-size: 13px
}

.m_mobi_form_upload_wrap .form_upload_tips>span:nth-of-type(2) {
    color: #f43839;
    cursor: pointer
}

.m_mobi_form_upload_wrap .m_mobi_form_upload_btn {
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1.9rem;
    margin-left: .625rem;
    padding: 0;
    position: relative;
    text-align: center;
    width: 4.75rem
}

.m_mobi_form_upload_wrap .uploadify-button {
    height: 90%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 90%
}

.mobi_form_style_1 .m_mobi_form_upload_btn.m_mobi_form_input_text:hover {
    outline: none
}

.m_mobi_form_upload_wrap .uploadify_button_decorate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m_mobi_form_phone {
    display: flex;
    justify-content: space-around
}

.m_mobi_form_phone.m_mobi_form_input_text {
    padding: 0
}

.m_mobi_form_phone .m_mobi_form_phone_input {
    border: 0;
    padding: 0 .725rem
}

.m_mobi_form_phone .m_mobi_form_phone_input.m_mobi_form_input_text {
    background-color: transparent;
    order: 1
}

.m_mobi_form_phone_input::-webkit-inner-spin-button,
.m_mobi_form_phone_input::-webkit-outer-spin-button {
    -moz-appearance: textfield;
    -webkit-appearance: none
}

.mobi_form_style_2 .m_mobi_form_phone .m_mobi_form_input_text:focus {
    border: 0
}

.m_mobi_form_phone .form_phone_cn_warp {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: .2rem;
    position: relative;
    width: 3rem
}

.m_mobi_form_phone .cn_value {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    top: 0
}

.m_mobi_form_phone .cn_select {
    max-width: 60px;
    opacity: 0;
    padding-right: 0;
    position: absolute
}

.m_mobi_form_phone .drop_down_icon {
    color: #b7b7b7;
    font-size: .45rem;
    margin-left: .3rem;
    margin-right: .2rem;
    margin-top: .2rem;
    order: 1
}

.m_mobi_form_validate_code {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.m_mobi_form_validate_code .m_mobi_form_input_text {
    width: 9.125rem
}

.m_mobi_form_validate_code .validateCode_img {
    height: 1.55rem;
    width: 3.475rem
}

.m_mobi_form_date {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.m_mobi_form_date .fk-dateRangeUtil {
    text-align: center;
    width: 1.25rem
}

.m_mobi_form_message_code {
    display: flex;
    justify-content: space-around
}

.m_mobi_form_message_code.m_mobi_form_input_text {
    padding: 0
}

.m_mobi_form_message_code .m_mobi_form_message_code_input {
    border: 0
}

.m_mobi_form_message_code .m_mobi_form_input_text.m_mobi_form_message_code_input {
    background-color: transparent
}

.m_mobi_form_message_code_input::-webkit-inner-spin-button,
.m_mobi_form_message_code_input::-webkit-outer-spin-button {
    -moz-appearance: textfield;
    -webkit-appearance: none
}

.mobi_form_style_2 .m_mobi_form_message_code .m_mobi_form_input_text:focus {
    border: 0
}

.form_message_code_cn_warp {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center;
    text-align: center
}

.form_message1 {
    border-radius: .1726rem;
    width: 6.753rem
}

.form_message2 {
    color: #b5b5b5;
    width: 6.767rem
}

.form_message3 {
    border-radius: .1726rem;
    font-size: .55rem;
    height: 1.45rem;
    line-height: .6rem;
    margin: auto;
    width: 5.62rem
}

.form_disable_message {
    cursor: not-allowed;
    opacity: .7
}

.tip_form_message_code {
    background-color: #fff;
    border-radius: .1726rem;
    margin: 0 auto;
    padding-bottom: .875rem;
    position: relative;
    width: 13rem
}

.tip_form_message_code .close_icon {
    background: url(/image/v2/mbg01.png) no-repeat -1234px -44px;
    display: inline-block;
    height: .65rem;
    position: absolute;
    right: .625rem;
    top: .875rem;
    width: .65rem
}

.tip_form_message_code .img_code_title {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    color: #333;
    font-size: .725rem;
    font-weight: 500;
    height: 2.45rem;
    line-height: 2.45rem
}

.tip_form_message_code .img_code_container {
    border-bottom: 1px solid #e6e6e6;
    font-size: .7rem;
    margin: 0 .625rem;
    padding: .65rem 0;
    position: relative;
    text-align: left;
    width: 11.75rem
}

.tip_form_message_code .img_code_container .img_code {
    float: right;
    height: 1.05rem;
    width: 3.25rem
}

.tip_form_message_code .img_code_disabled_button,
.tip_form_message_code .img_code_sure_button {
    border-radius: .1rem;
    color: #fff;
    font-size: .75rem;
    height: 1.875rem;
    line-height: 1.875rem;
    margin: .875rem .625rem 0;
    text-align: center
}

.tip_form_message_code .img_code_disabled_button {
    cursor: not-allowed;
    opacity: .7
}

.tip_form_message_code .img_code_input {
    border: 0;
    font-size: .7rem;
    height: 1rem;
    margin: 0 auto;
    outline: none;
    padding: 0;
    width: 2rem
}

.tip_form_message_code .img_code_error_tips {
    color: red;
    font-size: .4375rem;
    margin-top: .313rem
}

#img_code_close {
    display: inline-block
}

.m_mobi_form_select_comp_wrap {
    position: relative
}

.m_mobi_form_select_comp_wrap .select_input {
    overflow: hidden;
    padding-right: .825rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m_mobi_form_select_comp_wrap .arrow {
    color: #666;
    cursor: pointer;
    font-size: .55rem;
    line-height: 2rem;
    position: absolute;
    right: .65rem;
    top: 0
}

.m_mobi_form_select_comp_wrap .drop_down_icon {
    color: #b7b7b7;
    font-size: .45rem;
    position: absolute;
    right: .85rem;
    top: 50%;
    transform: translateY(-50%)
}

.p_mobi_picker .header {
    padding: 0;
    text-align: left
}

.p_mobi_picker .list .item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item_radio_pic {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem
}

.radio_pic_item {
    align-items: center;
    border: 1px solid #e3e2e8;
    border-radius: .1rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: .3rem
}

.radio_pic_item_pic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .1rem;
    height: 4rem;
    width: 100%
}

.radio_pic_item_name {
    color: #333;
    font-size: .6rem;
    margin-top: .2rem
}

.radio_pic_item_checked {
    border: 1px solid
}

.item_radio_pic_vertical .radio_pic_item {
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start
}

.item_radio_pic_vertical .radio_pic_item_pic {
    flex-shrink: 0;
    height: 3.5rem;
    margin-right: .4rem;
    width: 3.5rem
}

.m_custom_search_result_result_value .radio_pic_item {
    border: none
}

.item .radio_pic_item {
    background-color: #f6f6f6;
    border: none;
    width: calc(33.33333% - .26667rem)
}

.item .radio_pic_item_pic {
    width: 4rem
}

.item .radio_pic_item_name {
    color: #666;
    font-size: .6rem;
    max-width: 4rem
}

.mobi_form_style_1 .radio_pic_item {
    background-color: #f6f6f6;
    border: 1px solid transparent
}

.mobi_form_style_1 .radio_pic_item_checked {
    border: 1px solid
}

.mobi_form_style_2 .radio_pic_item,
.mobi_form_style_3 .radio_pic_item {
    background-color: #fff
}

.mobi_form_style_3 .item_radio_pic_vertical {
    margin-top: .35rem
}

.item_checkBox_pic {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem
}

.checkBox_flag {
    bottom: -5px;
    height: 32px;
    position: absolute;
    right: -8px;
    width: 38px
}

.checkBox_pic_item {
    align-items: center;
    border: 1px solid #e3e2e8;
    border-radius: .1rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: .3rem;
    position: relative
}

.checkBox_pic_item_pic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .1rem;
    height: 4rem;
    width: 100%
}

.checkBox_pic_item_name {
    color: #333;
    font-size: .6rem;
    margin-top: .2rem
}

.checkBox_pic_item_checked {
    border: 1px solid
}

.item_checkBox_pic_vertical .checkBox_pic_item {
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start
}

.item_checkBox_pic_vertical .checkBox_pic_item_pic {
    flex-shrink: 0;
    height: 3.5rem;
    margin-right: .4rem;
    width: 3.5rem
}

.mobi_form_style_1 .checkBox_pic_item {
    background-color: #f6f6f6;
    border: 1px solid transparent
}

.mobi_form_style_1 .checkBox_pic_item_checked {
    border: 1px solid
}

.mobi_form_style_2 .checkBox_pic_item,
.mobi_form_style_3 .checkBox_pic_item {
    background-color: #fff
}

.mobi_form_style_3 .item_checkBox_pic_vertical {
    margin-top: .35rem
}

.form_submit_success_tip_custom_content_wrap {
    background-color: #fff;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.form_submit_success_tip_custom_content_wrap .icon-gClose {
    margin-left: .45rem
}

.form_submit_success_tip_custom_content_wrap .icon-gClose:before {
    color: #3c414a;
    content: "򰊔";
    font-size: .78rem
}

.form_submit_success_tip_custom_content_wrap .icon-gHome:before {
    color: #3c414a;
    content: "򰌓";
    font-size: .78rem
}

.form_submit_success_tip_custom_header {
    align-items: center;
    background: #fff;
    border-bottom: .01rem solid #eee;
    box-sizing: border-box;
    display: flex;
    height: 2.15rem;
    justify-content: center;
    line-height: 2.15rem;
    margin: 0;
    padding: 0;
    position: relative
}

.form_submit_success_tip_custom_content {
    background-color: #fff;
    color: #666;
    font-size: .65rem;
    height: calc(100% - 2.15rem);
    overflow: auto;
    padding: 0 .85rem;
    word-break: break-word
}

.form_submit_success_tip_custom_content_title {
    color: #333;
    font-size: .85rem;
    font-weight: 700;
    padding-bottom: 1.2rem
}

.form_submit_success_tip_custom_content::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width:1280px) {
    .form_submit_success_tip_custom_content_wrap {
        max-width: 512px
    }
}

.module_alert_warning[data-v-c4ac5f90] {
    background-color: #fff5dc;
    color: #ff8e1e;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    word-break: break-all
}

.text-left[data-v-c4ac5f90] {
    display: inline-block;
    text-align: left
}

.jz_mobi_form {
    font-size: .6rem;
    padding: .75rem
}

.jz_mobi_form .form_name {
    margin-bottom: .6rem;
    text-align: center
}

.jz_mobi_form .item_wrap {
    margin-top: .776rem
}

.jz_mobi_form.manageMode .item_wrap:hover,
.jz_mobi_form.manageMode .pay_wrap:hover {
    outline: 1px dashed #999
}

.jz_mobi_form .item_wrap:first-child {
    margin-top: 0 !important
}

.jz_mobi_form .submit_btn {
    border-radius: 4px;
    color: #fff;
    font-size: .7rem;
    height: 2.125rem;
    line-height: 2.25rem;
    margin-top: 1.425rem;
    text-align: center
}

.jz_mobi_form.manageMode .form_items_wrap .item_editing {
    outline: 1px dashed #5974d5
}

.jz_mobi_form .choice_box_wrap {
    margin-top: -.345rem;
    overflow: hidden
}

.jz_mobi_form .choice_box {
    float: left;
    margin-top: .35rem
}

.jz_mobi_form .form_item_empty {
    color: #666;
    font-size: .6rem;
    height: 6.9rem;
    line-height: 6.9rem;
    text-align: center;
    width: 100%
}

.m_mobi_form_input_text {
    -webkit-appearance: none;
    background-color: #fff;
    border: .025rem solid #e3e2e8;
    border-radius: .086rem;
    box-sizing: border-box;
    height: 1.9rem;
    line-height: 1.9rem;
    font: inherit;
    padding: 0 .725rem;
    width: 100%
}

.jz_mobi_form .choice_box .active {
    border: none
}

.mobi_form_style_1 .m_mobi_form_input_text {
    background: #f6f6f6;
    border: none;
    outline: none
}

.mobi_form_style_1 .m_mobi_form_input_text:focus {
    outline: none
}

.mobi_form_style_2 .m_mobi_form_input_text {
    background: #fff;
    outline: none
}

.mobi_form_style_2 .m_mobi_form_input_text:focus {
    border: 1px solid #e3e2e8
}

.mobi_form_style_3 .m_mobi_form_input_text {
    border: none;
    outline: none;
    padding: 0;
    text-align: left
}

.mobi_form_style_3 .m_mobi_form_date .m_mobi_form_input_text {
    border-bottom: 1px solid #eee
}

.mobi_form_style_3 .choice_box_wrap:not(.form_protocol_agree) {
    margin-top: 0
}

.mobi_form_style_3 .m_mobi_form_select {
    background: #fff
}

.mobi_form_style_3 .m_mobi_form_input_text {
    height: 2rem;
    line-height: 2rem
}

.mobi_form_style_3 .m_mobi_form_upload_wrap .uploadify_button_decorate {
    text-indent: 1.466rem
}

.form_validate_refresh {
    display: none
}

.mobi_form_style_3 .form_item_content {
    --border-color: #eeeeef
}

.mobi_form_style_3 .form_item_content:after {
    background: #eeeeef;
    background: var(--border-color, #eeeeef);
    border-style: none;
    border-width: 1px;
    content: " ";
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 1px;
    margin: 1px 0
}

.mobi_form_style_3 .file_upload_style2 .form_item_wrap_7 .form_item_content:after,
.mobi_form_style_3 .form_item_wrap_2 .form_item_content:after,
.mobi_form_style_3 .form_item_wrap_3 .form_item_content:after,
.mobi_form_style_3 .form_item_wrap_5 .form_item_content:after,
.mobi_form_style_3 .form_item_wrap_6 .form_item_content:after {
    display: none
}

.jz_mobi_form ::-webkit-input-placeholder {
    color: #888
}

.jz_mobi_form :-moz-placeholder,
.jz_mobi_form ::-moz-placeholder {
    color: #222
}

.jz_mobi_form :-ms-input-placeholder {
    color: #888
}

.mobi_form_style_0 .m_mobi_form_input_text {
    -webkit-appearance: none;
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-radius: 4px;
    font-size: .6rem;
    height: 1.6rem;
    margin-top: .6rem;
    padding: 0;
    text-indent: .25rem;
    width: 85%
}

.mobi_form_style_0 .m_form_item {
    position: relative
}

.mobi_form_style_0 .item_wrap {
    margin-top: 29px
}

.mobi_form_style_0 .form_name {
    font-size: .7rem;
    font-weight: 600
}

.mobi_form_style_0 .form_item_label {
    font-size: .7rem
}

.mobi_form_style_0 .m_form_item .form_item_require:after {
    position: absolute;
    right: 0;
    top: 2rem
}

.mobi_form_style_0 .m_form_item .form_item_content {
    margin-top: 0
}

.mobi_form_style_0 .m_mobi_form_phone {
    justify-content: normal;
    position: relative
}

.mobi_form_style_0 .m_mobi_form_phone .form_phone_cn_warp {
    position: absolute;
    right: 1.6rem;
    top: calc(50% + .3rem);
    transform: translateY(-50%)
}

.mobi_form_style_0 .m_mobi_form_phone .drop_down_icon {
    right: .85rem
}

.mobi_form_style_0 .m_mobi_form_textArea {
    height: 2.5rem
}

.mobi_form_style_0 .choice_box_wrap {
    margin-top: 0
}

.mobi_form_style_0 .mobi_form_radio .m_radio_inner {
    background: none
}

.mobi_form_style_0 .mobi_form_checkbox .m_checkbox_input,
.mobi_form_style_0 .mobi_form_radio .m_radio_input {
    opacity: 1
}

.mobi_form_style_0 .m_checkbox_inner {
    background: none
}

.mobi_form_style_0 .subHeadline {
    font-size: .6rem;
    line-break: 1rem
}

.mobi_form_style_0 .m_mobi_form_text_descrition_wrap .headline {
    line-height: 1.5rem
}

.mobi_form_style_0 .m_mobi_form_upload_btn {
    background: none;
    border: none;
    color: #666;
    line-height: 1.6rem;
    text-align: left;
    text-indent: 1rem;
    width: 6rem
}

.mobi_form_style_0 .m_mobi_form_validate_code .m_mobi_form_input_text {
    width: 7rem
}

.mobi_form_style_0 .m_mobi_form_validate_code {
    display: block
}

.mobi_form_style_0 .validateCode_img {
    height: 1.6rem;
    margin-left: 25px;
    margin-top: .6rem;
    width: auto
}

.mobi_form_style_0 .form_validate_refresh {
    background-image: url(/image/refurbish.png?v=202306291520);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 1rem;
    left: .15rem;
    line-height: 1.75rem;
    position: relative;
    top: .175rem;
    width: 1rem
}

.mobi_form_style_0 .m_mobi_form_date .fk-dateRangeUtil {
    margin-left: -1rem;
    width: auto
}

.mobi_form_style_0.is_horizon {
    padding: .5rem 0 0
}

.mobi_form_style_0.is_horizon .m_form_item {
    align-content: center;
    display: flex
}

.mobi_form_style_0.is_horizon .form_item_label {
    margin-right: .3rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 25%
}

.mobi_form_style_0.is_horizon .form_item_content {
    width: 85%
}

.mobi_form_style_0.is_horizon .m_mobi_form_input_text {
    margin-top: 0
}

.mobi_form_style_0.is_horizon .m_mobi_form_phone .drop_down_icon {
    right: .5rem
}

.mobi_form_style_0.is_horizon .m_form_item .form_item_require:after {
    top: 50%;
    transform: translateY(-50%)
}

.mobi_form_style_0.is_horizon .form_item_wrap_5 {
    margin-left: .75rem
}

.mobi_form_style_0.is_horizon .m_form_item .form_item_require:after {
    right: .5rem
}

.mobi_form_style_0.is_horizon .form_item_wrap_2,
.mobi_form_style_0.is_horizon .form_item_wrap_3 {
    align-items: flex-start
}

.mobi_form_style_0.is_horizon .form_item_wrap_2 .form_item_label,
.mobi_form_style_0.is_horizon .form_item_wrap_3 .form_item_label {
    margin-top: .35rem
}

.mobi_form_style_0.is_horizon .validateCode_img {
    margin-left: 0;
    margin-top: 0;
    width: 3.7rem
}

.mobi_form_style_0.is_horizon .m_mobi_form_validate_code .m_mobi_form_input_text {
    width: 6rem
}

.mobi_form_style_0.is_horizon .form_phone_cn_warp {
    top: 50%
}

.mobi_form_style_0.is_horizon .form_validate_refresh {
    left: 0
}

.mobi_form_style_0 .m_mobi_form_select_wrap .drop_down_icon {
    display: none
}

.mobi_form_style_0 .mobi_form_checkbox .m_checkbox_inner,
.mobi_form_style_0 .mobi_form_radio .m_radio_inner {
    border: none
}

.mobi_form_style_0.is_horizon .form_item_label {
    line-height: 1.6rem
}

.mobi_form_style_0.is_horizon .form_item_wrap_2 .form_item_label,
.mobi_form_style_0.is_horizon .form_item_wrap_3 .form_item_label {
    line-height: normal
}

.mobi_form_style_0.is_horizon .submit_btn {
    margin: .5rem auto;
    width: 90%
}

.mobi_form_style_0 .submit_btn {
    margin: 1.425rem 0 .5rem
}

.mobi_form_style_0 .choice_box {
    color: #666
}

.mobi_form_style_0 .m_mobi_form_phone .m_mobi_form_phone_input.m_mobi_form_input_text {
    background-color: #f7f7f7
}

.jz_mobi_form .form_item_vertical {
    display: block;
    float: none;
    margin-right: 0
}

.jz_mobi_form .pay_wrap {
    align-items: center;
    display: flex;
    margin-top: .776rem
}

.jz_mobi_form .pay_text {
    display: inline-block;
    font-size: .6rem;
    margin-right: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_mobi_form .pay_money_wrap {
    flex-shrink: 0;
    font-size: 0;
    margin-right: .24rem
}

.jz_mobi_form .pay_type_wrap {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-left: auto
}

.jz_mobi_form .wx_pay_icon {
    fill: #fdb251;
    font-size: .65rem;
    height: .75rem;
    margin-right: .15rem;
    width: .75rem
}

.jz_mobi_form .managePayTips {
    background: #fffaef;
    border: 1px solid #f4e4bb;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    font-size: 13px;
    line-height: 40px;
    margin: 20px 0 -10px;
    min-height: 41px;
    text-align: center;
    width: 100%
}

.jz_mobi_form .managePayTips .redStrong {
    color: #f43839;
    cursor: pointer;
    text-decoration: underline
}

.mobi_form_style_0.is_horizon .managePayTips {
    margin: 20px .8rem 1.425rem;
    width: auto
}

.mobi_form_style_0.is_horizon .pay_wrap {
    padding: 0 .8rem
}

.form_limit_time_tips {
    color: #666;
    font-size: .55rem;
    margin: 0 0 1rem;
    text-align: center
}

.form_limit_time_tips_icon {
    height: .55rem;
    transform: translateZ(0);
    vertical-align: middle;
    width: .55rem
}

.form_limit_time_tips_text {
    line-height: 1.2;
    vertical-align: middle
}

.form_protocol {
    align-items: center;
    display: flex;
    margin-top: .776rem
}

.form_protocol .mobi_form_checkbox .m_checkbox_wrap {
    margin-right: .3rem
}

.form_protocol_text {
    color: #666;
    cursor: pointer;
    font-size: .6rem
}

.form_protocol_title {
    color: #0879ff;
    cursor: pointer;
    font-size: .6rem
}

.form_protocol_agree {
    flex-shrink: 0
}

.bannerSwipe {
    height: 100%
}

.bannerImageDiv {
    background-image: url(/image/loading/transparent.png);
    display: block;
    visibility: visible
}

.bannerSwipe[data-size="1"] #bannerBullet {
    display: none
}

.backTop_box {
    z-index: 1
}

.backTop_box .backTop {
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    height: 1.7rem;
    margin: 0 .17rem .43rem 0;
    width: 1.7rem
}

.backTop_box .backTop .backTop_icon {
    border-radius: 50%;
    display: block;
    font-size: .8rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    width: 1.6rem
}

.backTop_icon.icon-backTop1 {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.backTop_icon.icon-backTop2 {
    background-color: hsla(0, 0%, 100%, .9) !important
}

.backTop_icon.icon-backTop0:before {
    content: "\b0184"
}

.backTop_icon.icon-backTop1:before {
    content: "\b0185";
    font-size: .9rem;
    padding-left: .05rem
}

.backTop_icon.icon-backTop2:before {
    content: "\b0110"
}

.webBackgroundFix {
    height: 100%;
    max-width: 768px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.navExistOffPanel {
    bottom: 0;
    display: none;
    height: 100%;
    margin-left: 0;
    max-width: 768px;
    position: fixed;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 9;
    z-index: 1
}

.webProductNewGroupPage {
    display: none
}

.u_area_box_wrap.fixedAreaBoxEmpty {
    height: 0
}

.fixedAreaBox .navItem_12 .icon-navItemIcon:before {
    content: ""
}

.fixedAreaBox .navItem_13 .icon-navItemIcon:before {
    content: ""
}

.fixedAreaBox .navItem_23 .icon-navItemIcon:before {
    content: ""
}

.fixedAreaBox .navItem_15 .icon-navItemIcon:before {
    content: ""
}

.fixedAreaBox .mallNavText span {
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.fixedAreaBox .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle5 .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle5 .navItem_15 .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle3 .mallNavBtnText,
.fk-mallNavStyle7 .mallNavBtnText {
    word-wrap: break-word;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.fk-mallNavStyle3 .mallNavBtnText,
div.fk-mallNavStyle7 .f-navCheck .mallNavBtnText,
div.fk-mallNavStyle7 .mallNavBtnText {
    color: #666
}

div.fk-mallNavStyle3>.mallNavBtn .icon-navItemIcon,
div.fk-mallNavStyle7>.mallNavBtn .icon-navItemIcon {
    display: inline-block;
    height: 1.15rem;
    width: 1.15rem
}

.fk-mallNavStyle3>.mallNavBtn:first-child,
.fk-mallNavStyle7>.mallNavBtn:first-child {
    left: 0;
    position: absolute;
    top: 0;
    width: 3.05rem
}

.fk-mallNavStyle3>.mallNavBtn:first-child .mallNavText,
.fk-mallNavStyle7>.mallNavBtn:first-child .mallNavText {
    display: none
}

.fk-mallNavStyle3 .mallNavTextWrap,
.fk-mallNavStyle7 .mallNavTextWrap {
    overflow: hidden;
    padding-left: 3.05rem
}

.fk-mallNavStyle3 .icon-navItemIcon,
.fk-mallNavStyle7 .icon-navItemIcon {
    font-size: 1.15rem;
    vertical-align: middle
}

.fixedAreaBox2000_8 .fixedAreaBox .f-navCheck .mallNavBtnText,
.fixedAreaBox2000_8 .fk-mallNavStyle3 .f-navCheck .icon-navItemIcon {
    color: #000
}

#fixedAreaBox .fk-mallNavStyle7 .f-navCheck .icon-navItemIcon:before {
    color: #494949
}

div.fk-mallNavStyle4 .mallNavBtnText {
    color: #929292
}

div.fk-mallNavStyle4 .mallNavText {
    word-wrap: break-word;
    font-size: .45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.fk-mallNavStyle4 .mallNavBtnText {
    border: none;
    position: relative
}

div.fk-mallNavStyle4 .mallNavBtn .icon-navItemIcon {
    display: block;
    height: .9rem;
    left: 0;
    position: absolute;
    top: .4rem;
    width: 100%
}

.fk-mallNavStyle4 .icon-navItemIcon {
    color: #929292
}

.fk-mallNavStyle4 .mallNavText {
    bottom: .35rem;
    left: 0;
    line-height: normal;
    position: absolute;
    width: 100%
}

.fixedAreaBox2000_8 .fk-mallNavStyle4 .f-navCheck .icon-navItemIcon,
.fixedAreaBox2000_8 .fk-mallNavStyle4 .f-navCheck .mallNavBtnText {
    color: #000
}

div.fixedAreaBox .fk-mallNavStyle5 {
    border-top: none
}

div.fk-mallNavStyle5 .mallNavBtn .icon-navItemIcon {
    display: inline-block;
    height: 1rem;
    opacity: .5;
    width: 100%
}

div.fk-mallNavStyle5 .f-navCheck .icon-navItemIcon {
    display: block;
    opacity: 1
}

div.fk-mallNavStyle5 .mallNavBtnText {
    border: none;
    font-size: 1rem
}

div.fk-mallNavStyle5 .mallNavText {
    word-wrap: break-word;
    display: none;
    font-size: .45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#fixedAreaBox .fk-mallNavStyle5 .f-navCheck .icon-navItemIcon:before,
div.fixedAreaBox .fk-mallNavStyle5 .icon-navItemIcon,
div.fk-mallNavStyle5 .mallNavBtnText {
    color: #fff
}

div.fk-mallNavStyle5 .f-navCheck .mallNavBtnText {
    bottom: 0;
    color: #fff;
    height: 1.75rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

div.fixedAreaBox .foreignVersion.fk-mallNavStyle5 .f-navCheck .icon-navItemIcon {
    transform: scale(1.4)
}

div.fk-mallNavStyle5 .f-navCheck {
    overflow: visible
}

.fk-mallNavStyle5 .icon-navItemIcon {
    font-size: 1rem
}

.fk-mallNavStyle5 .navItem_3 .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle5 .navItem_12 .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle5 .navItem_13 .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle5 .navItem_23 .icon-navItemIcon:before {
    content: ""
}

.fk-mallNavStyle5 .mallNavBtn {
    position: relative
}

.fk-mallNavStyle5 .f-navCheck .mallNavText {
    display: block;
    line-height: normal;
    padding-top: .1rem;
    transform: scale(0)
}

.fk-mallNavStyle5 .f-navCheck .isNavChck {
    transform: scale(1)
}

.fk-mallNavStyle5 .clickAnimate {
    background: #fff;
    border-radius: 100%;
    color: #fff;
    height: 2.5rem;
    left: 50%;
    margin: auto auto auto -1.25rem;
    opacity: .2;
    position: absolute;
    top: -2%;
    transition: transform .3s;
    width: 2.5rem
}

div.fixedAreaBox .fk-mallNavStyle6 {
    border-top: none
}

div.fk-mallNavStyle6 .mallNavBtn .icon-mallNavBtnText {
    display: inline-block;
    height: 1.2rem;
    width: 100%
}

div.fk-mallNavStyle6 .mallNavBtn .mallNavText {
    display: none
}

div.fk-mallNavStyle6 .mallNavBtn {
    height: 1.95rem;
    line-height: 1.95rem;
    position: relative
}

div.fk-mallNavStyle6 .mallNavBtnText {
    border: none;
    line-height: 1.95rem
}

div.fk-mallNavStyle6 .icon-navItemIcon {
    color: #a5a7aa
}

div.fk-mallNavStyle6 .bigCircle {
    overflow: visible;
    width: 3.2rem
}

div.fixedAreaBox .fk-mallNavStyle6 {
    background-color: #1d262f;
    overflow: visible
}

#fixedAreaBox .fk-mallNavStyle6 .f-navCheck .icon-navItemIcon:before,
div.fk-mallNavStyle6 .bigCircle .icon-navItemIcon {
    color: #fff
}

.fk-mallNavStyle6 .icon-navItemIcon {
    font-size: 1rem;
    vertical-align: middle
}

.fixedAreaBox2000_9 .fk-mallNavStyle6 .bigCircle .mallNavBtnText {
    background-color: #fff
}

.fixedAreaBox2000_9 .fk-mallNavStyle6 .bigCircle .icon-navItemIcon {
    color: #666
}

.fixedAreaBox2001_9 .fk-mallNavStyle6 .bigCircle .mallNavBtnText {
    background-color: #fff
}

.fixedAreaBox2001_9 .fk-mallNavStyle6 .bigCircle .icon-navItemIcon {
    color: #666
}

.fk-mallNavStyle6 .bigCircle .mallNavBtnText {
    border: .225rem solid #1d262f;
    border-radius: 2rem;
    bottom: 0;
    height: 2rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -.5rem;
    width: 2rem
}

.fixedAreaBox .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

@keyframes footerAnimateShow {
    0% {
        transform: translateX(1rem) scale(0)
    }

    to {
        transform: translateX(0) scale(1)
    }
}

#fixedAreaBox .mallTextAnimate {
    animation: footerAnimateShow .2s linear forwards
}

@keyframes iconAnimateShow {
    0% {
        transform: translateX(.2rem)
    }

    to {
        transform: translateX(0)
    }
}

#fixedAreaBox .iconAnimate {
    animation: iconAnimateShow .2s linear
}

.nav_sub_menu_wrap2 {
    background-color: #fff;
    border-radius: 10px;
    font-size: .6rem;
    margin-bottom: .3rem;
    max-width: 5.2rem;
    min-width: 2.5rem;
    padding: 0 .6rem;
    position: absolute;
    text-align: center
}

.nav_sub_menu_wrap2 .nav_sub_menu_item {
    border-top: 1px solid #e6e6e6;
    color: #666;
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nav_sub_menu_item:first-child {
    border: none
}

.nav_sub_menu_triangle {
    height: .2rem;
    position: absolute;
    width: .375rem
}

.jz_themeV3 .nav_sub_menu_wrap .nav_sub_menu_wrap2 {
    border-color: #e0e0e0
}

.jz_themeV3 .nav_sub_menu_wrap .nav_sub_menu_triangle:before {
    border-top-color: #e0e0e0
}

.nav_sub_menu_triangle:before {
    border: .3rem solid transparent;
    border-top-color: #ccc;
    bottom: -.6rem;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.nav_sub_menu_triangle:after {
    border: .26rem solid transparent;
    border-top-color: #fff;
    bottom: -.58rem;
    content: "";
    height: 0;
    left: .04rem;
    position: absolute;
    top: 0;
    width: 0
}

.nav_style5_color1 .nav_sub_menu_triangle:after {
    border-top-color: #f23030
}

.nav_style5_color1 .nav_sub_menu_wrap2 {
    background-color: #f23030
}

.nav_style5_color2 .nav_sub_menu_triangle:after {
    border-top-color: #ff478d
}

.nav_style5_color2 .nav_sub_menu_wrap2 {
    background-color: #ff478d
}

.nav_style5_color3 .nav_sub_menu_triangle:after {
    border-top-color: #ff7214
}

.nav_style5_color3 .nav_sub_menu_wrap2 {
    background-color: #ff7214
}

.nav_style5_color4 .nav_sub_menu_triangle:after {
    border-top-color: #fcc601
}

.nav_style5_color4 .nav_sub_menu_wrap2 {
    background-color: #fcc601
}

.nav_style5_color5 .nav_sub_menu_triangle:after {
    border-top-color: #42bd56
}

.nav_style5_color5 .nav_sub_menu_wrap2 {
    background-color: #42bd56
}

.nav_style5_color6 .nav_sub_menu_triangle:after {
    border-top-color: #06c1ae
}

.nav_style5_color6 .nav_sub_menu_wrap2 {
    background-color: #06c1ae
}

.nav_style5_color7 .nav_sub_menu_triangle:after {
    border-top-color: #3285ff
}

.nav_style5_color7 .nav_sub_menu_wrap2 {
    background-color: #3285ff
}

.nav_style5_color8 .nav_sub_menu_triangle:after {
    border-top-color: #6e41c9
}

.nav_style5_color8 .nav_sub_menu_wrap2 {
    background-color: #6e41c9
}

.nav_style5_color9 .nav_sub_menu_triangle:after {
    border-top-color: #4c4c4c
}

.nav_style5_color9 .nav_sub_menu_wrap2 {
    background-color: #4c4c4c
}

.nav_style5 .nav_sub_menu_item {
    border-top-color: hsla(0, 0%, 94%, .3)
}

.nav_style6 .nav_sub_menu_item {
    border-top-color: hsla(0, 0%, 94%, .2)
}

.fixedAreaBox2001-1 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff8400
}

.fixedAreaBox2001-1 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff8400
}

.fixedAreaBox2001-2 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fe444d
}

.fixedAreaBox2001-2 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fe444d
}

.fixedAreaBox2001-3 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fd5294
}

.fixedAreaBox2001-3 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fd5294
}

.fixedAreaBox2001-4 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fcc601
}

.fixedAreaBox2001-4 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fcc601
}

.fixedAreaBox2001-5 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #42bd56
}

.fixedAreaBox2001-5 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #42bd56
}

.fixedAreaBox2001-6 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #3285ff
}

.fixedAreaBox2001-6 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #3285ff
}

.fixedAreaBox2001-7 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #caa34d
}

.fixedAreaBox2001-7 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #caa34d
}

.fixedAreaBox2001-8 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #02b6cd
}

.fixedAreaBox2001-8 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #02b6cd
}

.fixedAreaBox2001-9 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #1d2024
}

.fixedAreaBox2001-9 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #1d2024
}

.fixedAreaBox2000-1 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff4445
}

.fixedAreaBox2000-1 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff4445
}

.fixedAreaBox2000-2 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff8854
}

.fixedAreaBox2000-2 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff8854
}

.fixedAreaBox2000-3 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff557c
}

.fixedAreaBox2000-3 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff557c
}

.fixedAreaBox2000-4 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fcc601
}

.fixedAreaBox2000-4 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fcc601
}

.fixedAreaBox2000-5 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #09ba07
}

.fixedAreaBox2000-5 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #09ba07
}

.fixedAreaBox2000-6 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #4bb344
}

.fixedAreaBox2000-6 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #4bb344
}

.fixedAreaBox2000-7 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #66c4aa
}

.fixedAreaBox2000-7 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #66c4aa
}

.fixedAreaBox2000-8 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #555
}

.fixedAreaBox2000-8 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #555
}

.fixedAreaBox2000-9 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #1d262f
}

.fixedAreaBox2000-9 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #1d262f
}

.fixedAreaBox .nav_style5 .nav_sub_menu_item {
    color: #fff
}

.fixedAreaBox .nav_style5 .nav_sub_menu_wrap2 {
    border: none
}

.fixedAreaBox .nav_style5 .nav_sub_menu_triangle:before {
    display: none
}

.fixedAreaBox .nav_style6 .nav_sub_menu_item {
    color: #fff
}

.fixedAreaBox .nav_style6 .nav_sub_menu_wrap2 {
    background-color: #1d262f;
    border: none
}

.fixedAreaBox .nav_style6 .nav_sub_menu_triangle:before {
    display: none
}

.fixedAreaBox .nav_style6 .nav_sub_menu_triangle:after {
    border-top-color: #1d262f
}

.fixedAreaBox .icon-subMenuIcon:before {
    color: #ccc;
    content: "򰈴";
    font-size: .7rem;
    left: 50%;
    margin-left: -.35rem;
    position: absolute;
    top: .1rem;
    vertical-align: middle
}

.jz_subMenuSeoGhost {
    display: none
}

.fix_iphoneX_footer {
    bottom: 0;
    height: 1rem;
    left: 0;
    position: fixed;
    width: 100%
}

.jz_themeV3 .bgm_icon {
    z-index: 10
}

.bgm_icon_wrap {
    height: 1.25rem;
    position: fixed;
    width: 1.25rem;
    z-index: 1
}

.bgm_icon,
.bgm_icon_box {
    background: rgba(0, 0, 0, .4);
    border: .25rem solid transparent;
    border-radius: 50%;
    cursor: pointer;
    height: 1.25rem;
    width: 1.25rem
}

#bgm_icon {
    transition: all .15s
}

.bgm_icon_inner {
    background: url(/image/bgMusic/musicIcon.png?v_20140271750) rgba(0, 0, 0, .4) no-repeat;
    background-position: .2rem .25rem;
    background-size: 60%;
    border-radius: 50%;
    height: 1.25rem;
    width: 1.25rem
}

.bgm_rightDown,
.bgm_rightUp {
    margin-left: 13.75rem
}

.bgm_leftDown,
.bgm_leftUp {
    margin-left: .5rem
}

.fk_bgMusic[data-headhidden=true] .bgm_leftUp,
.fk_bgMusic[data-headhidden=true] .bgm_rightUp {
    top: 10px
}

.bgm_leftUp,
.bgm_rightUp {
    top: 60px
}

.bgm_leftDown,
.bgm_rightDown {
    bottom: 60px
}

.bgm_on {
    animation: spin 2s linear infinite
}

.bgm_off,
.bgm_on {
    background-image: url(/uploads/20251220/8370987f41eec2df9a8868e1c1e7007c.png)
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.floatZoneContainer {
    background: url(/image/module/floatZone/bg.jpg?v=201809101152) repeat !important
}

.floatZoneContainer .formStyle52.form,
.floatZoneContainer .formStyle52.form .formMiddle {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.floatZoneContainer>.form,
.floatZoneContainer>.form>.formMiddle,
.floatZoneContainer>.form>.formMiddle>.middleCenter,
.floatZoneContainer>.form>.formMiddle>.middleCenter>.formMiddleContent {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important
}

.float_zone_wrap {
    height: 100%
}

.floatZoneContainer .formStyle53.form {
    margin: 0;
    padding: 0
}

.floatZoneContainer .formStyle54.form {
    margin: 0
}

.float_effect .preview_icon {
    color: #fff;
    height: 1rem;
    width: 1rem
}

.float_effect .float_effect_style {
    align-items: center;
    border-radius: .08rem;
    display: flex;
    height: 1.6rem;
    justify-content: center;
    width: 1.6rem
}

.fixed_iphoneX_footer .float_effect {
    bottom: 7.5rem
}

.float_effect {
    cursor: pointer;
    margin: 0 .3rem .43rem 0
}

.float_effect .float_effect_style_1 {
    border-radius: 50%
}

.float_effect .float_effect_style_3 {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.float_effect .float_effect_style_3 .preview_icon {
    color: #000
}

.pageNext:not(.pageDisable),
.pagePrev:not(.pageDisable) {
    cursor: pointer
}

.msgBoardV3 .msgTitleWrap {
    align-items: center;
    display: flex
}

.msgBoardV3 .msgDel {
    color: #666;
    cursor: pointer;
    font-size: .512rem
}

.jz_oldTheme .msgBoard .msgDel {
    display: none
}

.jz_newTheme .msgBoard .msgDel {
    display: inline-block
}

.msgBoard .msgTitleWrap {
    align-items: center;
    display: flex
}

.msgBoard .msgDel {
    color: #666;
    cursor: pointer;
    font-size: .512rem;
    position: absolute;
    right: .85rem
}

.map_view {
    background-color: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.online_map_view {
    display: flex;
    flex-direction: column;
    height: 100%
}

.map_view .online_map_view_header {
    align-items: center;
    display: flex;
    height: 2.25rem;
    position: relative
}

.map_view .online_map_view_header .title {
    color: #333;
    font-size: .75rem;
    font-weight: 500;
    margin: auto
}

.map_view .back_arrow {
    fill: #666;
    height: .75rem;
    left: .5rem;
    position: absolute;
    width: .75rem
}

.map_view .map_container {
    flex: 1
}

.map_view .footer .info {
    padding: .75rem
}

.map_view .footer .location {
    align-items: center;
    display: flex;
    line-height: 1.5
}

.map_view .footer .wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem
}

.map_view .footer .wrap .name {
    color: #333;
    font-size: .7rem;
    font-weight: 700;
    word-break: break-all
}

.map_view .footer .wrap .distance {
    color: #999;
    font-size: .45rem;
    font-weight: 500
}

.map_view .location .address {
    color: #333;
    font-size: .5rem;
    word-break: break-all
}

.map_view .footer .action_area {
    border-top: 1px solid #eee;
    display: flex;
    height: 1.9rem;
    margin: 0 .75rem
}

.map_view .footer .action_area .route {
    cursor: pointer
}

.map_view .footer .action_area .route,
.map_view .footer .action_area .tel {
    align-items: center;
    color: #333;
    display: flex;
    flex: 1;
    font-size: .55rem;
    justify-content: center
}

.map_view .msgBox {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px -3px #000;
    color: #333;
    cursor: default;
    display: inline-block;
    height: auto;
    padding: .7rem .9rem .7rem .5rem;
    position: absolute;
    width: auto
}

.map_view .msgBox .msg {
    word-wrap: break-word;
    display: inline-block;
    font-size: .56rem;
    width: auto;
    width: 10rem;
    word-break: break-word
}

.map_view .msgBox .msg .name {
    font-size: .6rem;
    margin-bottom: .2rem;
    word-break: break-all
}

.map_view .msgBox .msg .address {
    color: #666;
    font-size: .45rem;
    word-break: break-all
}

.map_view .msgBox .msg .tel {
    color: #666;
    font-size: .45rem
}

.map_view .msgBox .msg .other {
    color: #666;
    font-size: .45rem;
    word-break: break-all
}

.map_view .msgBox .arrow {
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 7px;
    bottom: -6px;
    box-shadow: 1px -1px 3px -2px #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 3.2rem;
    position: absolute;
    transform: rotate(135deg);
    width: 0
}

.map_view .msgBox .close {
    background: url(/image/onlineMap/close.png?v=201811211416);
    background-size: cover;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px
}

.f-mallPriceWrap .proListBookingBtn,
.mProductList .proListBookingBtn {
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: .55rem;
    height: 1.15rem;
    line-height: 1.15rem;
    margin: 0;
    max-width: 2.9rem;
    min-width: 1.8rem;
    overflow: hidden;
    padding: 0 .25rem;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    top: -.1rem;
    white-space: nowrap;
    width: auto
}

#mProductList3 .productPicListForm .proListBookingBtn {
    margin: .5rem 1rem 0 0
}

.mProductList .proListBookingBtnWrap {
    display: flex;
    justify-content: flex-start
}

.form .formMiddle .mProductTileForm .imgClass {
    font-size: 0
}

.fk-noProduct {
    color: #707070;
    font-size: .7rem;
    line-height: 150%;
    padding: 5rem 0;
    text-align: center;
    width: 100%
}

.matcherForm {
    height: 1.2rem;
    margin: .5rem .75rem
}

.matcherForm .fk_item {
    float: left;
    font-size: .8rem;
    width: 3.95rem
}

.matcherForm .propName {
    display: inline-block;
    max-width: 2.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.matcherForm .icon-matchDownIcon:before {
    content: "";
    font-size: .9rem;
    margin-left: .1rem;
    vertical-align: middle
}

.matcherForm .icon-matchUpIcon:before {
    content: "";
    font-size: .9rem;
    margin-left: .1rem;
    vertical-align: middle
}

.matcherForm .icon-ScreenIcon:before {
    content: "";
    font-size: .9rem;
    vertical-align: middle
}

.matcherForm .matchUpDownIcon {
    display: inline-block;
    width: 1rem
}

.matcherForm .item_right {
    font-size: .8rem;
    max-width: 3.5rem;
    position: absolute;
    right: .75rem
}

.matcherForm .screen {
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.matcherForm .item_right .screenIcon,
.matcherForm .screen {
    color: #636363;
    display: inline-block
}

.mProductList .paramNowrap {
    display: block;
    table-layout: fixed;
    white-space: nowrap
}

.mProductTileForm {
    margin: .25rem 1.5%;
    text-align: center;
    width: 47%
}

.productScreenFilterPanel .productScreenFilterContentPanel {
    background-color: #fff;
    height: 100%;
    max-width: 18rem;
    position: absolute;
    right: 0;
    width: 13.5rem
}

.productScreenFilterPanel .productScreenFilterContenter {
    -webkit-overflow-scrolling: touch;
    bottom: 3rem;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.productScreenFilterPanel .productScreenFilterOptionContenter {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.productScreenFilterPanel .productScreenFilterTitle {
    border-bottom: .4rem solid #f0f0f0;
    height: 2rem;
    padding-top: .5rem
}

.productScreenFilterPanel .productScreenFilterTitle .icon-screenFilterRt:before {
    color: #636363;
    content: "";
    font-size: 1.6rem
}

.productScreenFilterPanel .productScreenFilterTitle .screenFilterIcon,
.productScreenFilterPanel .productScreenFilterTitle .screenFilterRtIcon {
    float: left;
    width: 2rem
}

.productScreenFilterPanel .productScreenFilterTitle .productScreenFilterTi {
    color: #333;
    float: left;
    font-size: 1rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%
}

.productScreenFilterPanel .productScreenFilterLib {
    border-bottom: .4rem solid #f0f0f0;
    height: 1.2rem;
    padding: .6rem 0 .6rem .5rem
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibLeft {
    color: #666;
    float: left;
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 4rem
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibRight {
    float: right;
    font-size: .8rem;
    width: 8rem
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibRight div {
    display: inline-block
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibName {
    float: right;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.productScreenFilterPanel .icon-libNextMore:before {
    color: #666;
    content: "";
    float: right;
    font-size: 1rem
}

.productScreenFilterPanel .libNextMoreIcon {
    float: right;
    padding-top: .1rem;
    vertical-align: middle
}

.productScreenFilterPanel .icon-nextMore:before {
    color: #666;
    content: "";
    font-size: 1rem;
    vertical-align: bottom
}

.productScreenFilterPanel .nextMoreIcon {
    float: right;
    padding-top: .1rem
}

.productScreenFilterPanel .productScreenFilterContent .g_separator {
    border-bottom: 1px solid #e0e0e0;
    margin: 0 .2rem
}

.productScreenFilterPanel .productScreenFilterContent {
    background-color: #fff
}

.productScreenFilterPanel .noScreenProp {
    color: #666;
    font-size: .7rem;
    padding: 5rem 0;
    text-align: center
}

.productScreenFilterPanel .productScreenFilterLine {
    color: #666;
    font-size: .8rem;
    height: 1.8rem;
    padding: .7rem 0 0 .5rem
}

.productScreenFilterPanel .productScreenFilterLineCheck {
    border: .1rem solid #65cb0a;
    color: #666;
    font-size: .8rem;
    height: 1.8rem;
    padding: .7rem .5rem 0;
    position: relative
}

.productScreenFilterPanel .productScreenFilterLineCheck .productScreenFilterLineLf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 6rem
}

.productScreenFilterPanel .productScreenFilterLineCheck .productScreenFilterLineLfLong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10rem
}

.entry-trangle {
    border-color: transparent #65cb0a transparent transparent;
    border-style: solid;
    border-width: 1.5rem 1.5rem 0 0;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.productScreenFilterPanel .icon-check:before {
    color: #fff;
    content: "";
    font-size: 1rem;
    font-weight: 900;
    vertical-align: bottom
}

.productScreenFilterPanel .checkIcon {
    position: absolute;
    right: 0
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineLf {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 6rem
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineLfLong {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10rem
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineRt {
    float: right
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterOption {
    float: right;
    max-width: 5rem;
    overflow: hidden;
    white-space: nowrap
}

.productScreenFilterPanel .productScreenFilterBottom {
    background-color: #fff;
    bottom: 0;
    position: absolute;
    width: 100%
}

.productScreenFilterPanel .productScreenFilterButton {
    color: #fff;
    font-size: .8rem;
    height: 1.6rem;
    margin: .5rem .4rem;
    padding-top: .4rem;
    text-align: center
}

.jz_themeV3 .matcherForm {
    line-height: 1.2rem
}

.jz_themeV3 .matcherForm .fk_item,
.jz_themeV3 .matcherForm .item_right {
    color: #333;
    font-size: .65rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterTitle .productScreenFilterTi {
    color: #333;
    font-size: .7rem;
    height: 1.6rem;
    line-height: 1.3rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterTitle .icon-screenFilterRt:before {
    font-size: 1.2rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLine {
    font-size: .6rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineLf,
.jz_themeV3 .productScreenFilterPanel .productScreenFilterLine .productScreenFilterOption {
    margin-top: .25rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLineCheck {
    border-width: 1px
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterContent .g_separator {
    border-color: #ebebeb
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineLfLong {
    margin-top: .25rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLineCheck .productScreenFilterLineLf,
.jz_themeV3 .productScreenFilterPanel .productScreenFilterLineCheck .productScreenFilterLineLfLong {
    font-size: .6rem;
    margin-top: .2rem
}

.jz_themeV3 .productScreenFilterPanel .checkIcon {
    line-height: .7rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLib .productScreenLibLeft {
    color: #666;
    font-size: .6rem;
    margin-top: .25rem
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterLib .productScreenLibRight .productScreenLibName {
    font-size: .6rem;
    margin-top: .25rem
}

.jz_themeV3 .productScreenFilterPanel .libNextMoreIcon,
.jz_themeV3 .productScreenFilterPanel .nextMoreIcon {
    padding-top: .2rem
}

.jz_themeV3 .productScreenFilterPanel .icon-libNextMore:before,
.jz_themeV3 .productScreenFilterPanel .icon-nextMore:before {
    content: ""
}

.jz_themeV3 .productScreenFilterPanel .productScreenFilterButton {
    border-radius: .1rem
}

.jz_themeV3 .mProductList .paramNowrap {
    display: block;
    table-layout: fixed;
    white-space: nowrap
}

.jz_themeV3 .mProductList .bookingBtnPlaceholder {
    display: inline-block;
    height: .9rem
}

.jz_themeV3 #mProductList3 .mProductTileForm .bookingBtnPlaceholder {
    display: block;
    height: .25rem
}

.m-dialog[data-v-c4f887b4] {
    background: #fff;
    border-radius: 8px;
    color: #333;
    font-size: 16px;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 45%;
    transform: translate3d(-50%, -50%, 0);
    width: 320px;
    z-index: 2
}

.m-dialog-content[data-v-c4f887b4] {
    border-bottom: 1px solid #e5e5e5;
    line-height: 1.6;
    padding: 30px;
    text-align: center;
    z-index: 2
}

.m-dialog-confirm-button[data-v-c4f887b4] {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.m-dialog-overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.productDetailHeader {
    background-color: hsla(0, 0%, 100%, 0)
}

.newsDetail_hide--img[data-v-5c5dfada] {
    background: url(/image/v2/lookTipImg.png?v=202306291520);
    background-repeat: no-repeat;
    background-size: contain;
    height: 8.34rem;
    margin: 4.56rem auto 1.55rem;
    max-width: 15.15rem;
    width: 100%
}

.newsDetail_hide--text[data-v-5c5dfada] {
    color: #666;
    font-family: Microsoft YaHei;
    font-size: .54rem;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center
}

.textTitle[data-v-5c5dfada] {
    background: inherit;
    color: inherit;
    font: inherit;
    line-height: normal
}

.newsContent.richContent.hide_news[data-v-5c5dfada] {
    margin: 4.56rem auto 1.55rem
}

.newsContent.richContent.hide_news .newsDetail_hide--img[data-v-5c5dfada],
.newsContent.richContent.hide_news .newsDetail_hide--text[data-v-5c5dfada] {
    margin: 0
}

.newsContent.richContent.hide_news .newsDetail_hide--img[data-v-5c5dfada] {
    margin: 0 auto 1.55rem
}

.jz_themeV3 .only_share[data-v-5c5dfada] {
    box-sizing: border-box;
    z-index: 1
}

.module27 .subTitle[data-v-5c5dfada] {
    color: gray;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .5rem
}

.module27 .subTitleNormal[data-v-5c5dfada] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal
}

.module27 .copyright_notice_content[data-v-5c5dfada] {
    color: #8a8a8a;
    font-size: .6rem;
    font-weight: 400;
    margin-top: 1.8rem
}

.module27 .copyright_notice_content_href[data-v-5c5dfada] {
    color: #5070b2;
    cursor: pointer;
    text-decoration: none;
    word-break: break-all
}

.newsCustomPanel.notNewNewsCustomPanel.notNewNewsCustomPanel[data-v-5c5dfada] {
    flex-wrap: wrap;
    height: auto;
    line-height: normal;
    line-height: 1.75
}

.newsCustomPanel.notNewNewsCustomPanel.notNewNewsCustomPanel .newsAuthor[data-v-5c5dfada] {
    flex-shrink: 1
}

.newsCustomPanel.notNewNewsCustomPanel.notNewNewsCustomPanel .newsCustom[data-v-5c5dfada] {
    height: auto;
    line-height: inherit;
    max-width: none;
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: normal
}

#userCommentPanel .comment_warning {
    background-color: #fff5dc;
    color: #ff8e1e;
    font-size: 13px;
    line-height: 22px;
    padding: 10px 0;
    text-align: center
}

.formStyle49.form {
    border: inherit;
    border-radius: inherit;
    margin: 0;
    padding: 0
}

.formStyle49 .titleText {
    left: auto;
    top: auto
}

.formStyle49 .textContent {
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    height: inherit;
    line-height: inherit
}

.formStyle45 .formMiddle,
.formStyle49 .formBannerTitle {
    background: inherit
}

.formStyle49 .titleCenter {
    border-bottom: inherit;
    justify-content: inherit;
    text-align: inherit
}

.formStyle49 .icon-titleText,
.formStyle49 .titleMoreIcon,
.formStyle49 .titleText:before {
    display: none
}

.formStyle49 .formBannerMore {
    position: absolute;
    right: 0;
    top: 0
}

.formStyle49 .titleMore {
    color: inherit;
    font-size: inherit
}

.formStyle49 .textContent:after {
    display: none
}

#module27.formStyle49:not(.has_bottom_fixed) .formMiddleContent {
    margin-bottom: 0
}

.newsDetail .attachListItem {
    background-color: #f4f4f4;
    display: flex;
    height: 1.5rem;
    width: 14rem
}

.newsDetail .attachFileType {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconDoc {
    background: url(/image/comm/fai/filetype_word.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconPpt {
    background: url(/image/comm/fai/filetype_ppt.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconXls {
    background: url(/image/comm/fai/filetype_excel.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconPdf {
    background: url(/image/comm/fai/filetype_pdf.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconJpg {
    background: url(/image/comm/fai/filetype_image.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconTxt {
    background: url(/image/comm/fai/filetype_txt.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconUnknown {
    background: url(/image/comm/fai/filetype_unknown.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconAvi {
    background: url(/image/comm/fai/filetype_avi.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconRar {
    background: url(/image/comm/fai/filetype_rar.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconRm {
    background: url(/image/comm/fai/filetype_rm.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileType-iconZip {
    background: url(/image/comm/fai/filetype_zip.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetail .fileContent {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: top
}

.newsDetail .fileContent .fileContentName {
    color: #333;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem
}

.newsDetail .fileContent .fileContentSize {
    color: #999;
    font-size: .5rem;
    line-height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem
}

.formMiddleContent19,
.newsNewDetailPanel.shareOnClass .newsPrev {
    margin-bottom: 2rem
}

.newsNewDetailPanel .newsContentPanel {
    word-wrap: break-word;
    padding: 0 .45rem .5rem
}

.newsNewDetailPanel #newsDetailPanel .newsContentPanel .newsContent p img {
    margin-top: -1px
}

.newsNewDetailPanel .newsContentPanel li {
    list-style-type: inherit
}

.newsNewDetailPanel .newsShare {
    right: .45rem;
    top: .4rem
}

.newsNewDetailPanel .newsDetailV3Share {
    cursor: pointer;
    float: right;
    line-height: .7rem
}

.newsNewDetailPanel .newsDetailV3Share:before {
    content: "";
    font-size: .5rem;
    margin-right: .2rem;
    vertical-align: middle
}

.newsNewDetailPanel .newsDetailV3Share span {
    font-size: .5rem;
    vertical-align: middle
}

.newsNewDetailPanel .newsHome {
    top: .4rem
}

.newsNewDetailPanel .newsBack {
    left: .45rem;
    top: .4rem
}

.newsNewDetailPanel .newsInfoTitle {
    padding: .45rem .5rem
}

.newsNewDetailPanel .newsFigure {
    background-size: cover;
    position: relative
}

.newsCustomPanel {
    font-size: .6rem;
    height: 1rem;
    line-height: 1rem;
    margin-top: .3rem
}

.newsNewDetailPanel .newsView {
    float: right;
    margin-left: .55rem;
    margin-right: 0
}

.newsNewDetailPanel .newsGroup {
    line-height: 1.42rem;
    margin-bottom: .45rem
}

.newsNewDetailPanel .newsGroup .newsGroupIcon {
    display: inline-block;
    vertical-align: middle
}

.newsNewDetailPanel .newsGroup .newsGroupTag {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    display: inline-block;
    font-size: .65rem;
    height: .95rem;
    line-height: .95rem;
    margin-right: 12px;
    min-width: 2.4rem;
    padding: 0 .125rem;
    text-align: center;
    vertical-align: middle
}

.newsNewDetailPanel .newsContent {
    color: #333;
    font-size: .75rem;
    line-height: 1.2rem;
    padding: 1.2rem 0 1rem
}

.newsNewDetailPanel .newsContent a {
    text-decoration: underline
}

.icon-views:before {
    content: "";
    font-size: .75rem;
    position: relative;
    top: .1rem
}

.icon-group:before {
    color: #c7c7c7;
    content: "";
    font-size: 1.42rem;
    top: .1rem
}

.newsNewDetailPanel .newsContent p {
    line-height: 1.2rem
}

.newsNewDetailPanel .newsFigure img {
    width: 100%
}

.newsNewDetailPanel .newsNext,
.newsNewDetailPanel .newsPrev {
    color: #333;
    font-size: .6rem;
    margin-top: .45rem
}

.newsNewDetailPanel .prevNextContent {
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 81%
}

.newsNewDetailPanel .prevNextContent .newsLink {
    color: #333
}

.newsNewDetailPanel .prevNextContent .newsLink:visited {
    color: #777
}

.newsNewDetailPanel .prevNextContent span {
    color: #ccc
}

.newsBottom {
    background-color: #ddd;
    bottom: 0;
    font-size: .6rem;
    height: 2.2rem;
    max-width: 768px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9
}

.icon-postComm {
    font-size: .9rem;
    position: relative;
    top: .15rem
}

.icon-postComm:before {
    content: ""
}

.postComment {
    background-color: #fff;
    border-radius: .8rem;
    color: #999;
    height: 1.65rem;
    line-height: 1.65rem;
    margin: .3rem .8rem
}

.newsNewDetailPanel .commentBox {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 0 .45rem
}

.newsNewDetailPanel .g_separator,
.nnewsComHeader {
    border-bottom: 1px solid #ddd
}

.nnewsComHeader {
    box-sizing: border-box;
    color: #333;
    font-size: .7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center
}

.newsNewDetailPanel .commentBox .msgArea {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: .75rem 0 1rem
}

.newsNewDetailPanel .commentBox .msgArea:last-child {
    border-bottom: none
}

.icon-nUserMsgIcon:before {
    content: "";
    font-size: 1rem;
    padding-right: .2rem;
    position: relative;
    top: .2rem;
    z-index: 2
}

.newsNewDetailPanel .msgTitle {
    font-size: .55rem;
    line-height: 1.1rem;
    min-height: .55rem
}

.newsNewDetailPanel .msgArea .msgContent {
    color: #4e4e4e;
    line-height: 1.2rem
}

.newsNewDetailPanel .msgArea .msgTime {
    color: #999
}

.newsNewDetailPanel .msgArea .msgBottom .time {
    color: #b3b3b3;
    font-size: .512rem
}

.newsNewDetailPanel .msgArea .msgBottom .msgDel {
    color: #999;
    font-size: .512rem;
    margin-left: .4267rem
}

.msgUser span {
    opacity: .65
}

.icon-noFigure {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsNewDetailPanel .attachListItem {
    background-color: #f4f4f4;
    height: 1.5rem;
    width: 14rem
}

.newsNewDetailPanel .attachFileType {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconDoc {
    background: url(/image/comm/fai/filetype_word.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconPpt {
    background: url(/image/comm/fai/filetype_ppt.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconXls {
    background: url(/image/comm/fai/filetype_excel.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconPdf {
    background: url(/image/comm/fai/filetype_pdf.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconJpg {
    background: url(/image/comm/fai/filetype_image.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconTxt {
    background: url(/image/comm/fai/filetype_txt.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconUnknown {
    background: url(/image/comm/fai/filetype_unknown.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconAvi {
    background: url(/image/comm/fai/filetype_avi.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconRar {
    background: url(/image/comm/fai/filetype_rar.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconRm {
    background: url(/image/comm/fai/filetype_rm.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileType-iconZip {
    background: url(/image/comm/fai/filetype_zip.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsNewDetailPanel .fileContent {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: top
}

.newsNewDetailPanel .fileContent .fileContentName {
    color: #333;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem
}

.newsNewDetailPanel .fileContent .fileContentSize {
    color: #999;
    font-size: .5rem;
    line-height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem
}

.paginateTable {
    height: 100%;
    width: 100%
}

.g_locale2052 .icon-pageNext.icon-cnListN:before,
.g_locale2052 .icon-pagePrev.icon-cnListP:before,
.pagenation .icon-pageNext.icon-cnNewsN:before,
.pagenation .icon-pagePrev.icon-cnNewsP:before {
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.newsDetailV3Panel .newsDetail {
    overflow: hidden
}

.newsDetailV3Panel .newsContentPanel {
    word-wrap: break-word;
    margin-top: .45rem;
    padding: 0 .65rem .6rem;
    word-break: normal
}

.newsDetailV3Panel .newsContentPanel li {
    list-style-type: inherit
}

.newsDetailV3Panel .newsBack {
    left: .45rem;
    top: .4rem
}

.newsDetailV3Panel .newsInfoTitle {
    background: none;
    bottom: 0;
    box-sizing: border-box;
    color: #333;
    font-size: .7rem;
    position: absolute;
    text-align: left;
    width: 100%
}

.newsDetailV3Panel .newsFigure {
    background-color: #f6f6f6;
    background-size: cover;
    position: relative
}

.newsDetailV3Panel .newsFigure.icon-noFigure {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsDetailV3Panel .newsCustomPanel {
    align-items: center;
    color: #999;
    display: flex;
    font-size: .5rem;
    height: .6rem;
    line-height: .6rem;
    margin: 0 0 .4rem
}

.newsDetailV3Panel .newsAuthor {
    flex-shrink: 0;
    max-width: 4.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsDetailV3Panel .newsDate {
    overflow: visible
}

.newsDetailV3Panel div.newsSource {
    margin-bottom: 0;
    max-width: 100%
}

.newsDetailV3Panel .newsCustomPanel .newsCustom.newsSource {
    margin-right: 0
}

.newsDetailV3Panel .newsView {
    float: right;
    margin-left: .55rem;
    margin-right: 0
}

.newsDetailV3Panel .newsGroup {
    line-height: .8rem;
    margin-bottom: .7rem
}

.newsDetailV3Panel .newsGroup .newsGroupTag {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #999;
    display: inline-block;
    font-size: .5rem;
    height: .8rem;
    line-height: .8rem;
    margin-right: .5rem;
    min-width: 1rem;
    padding: 0 .3rem;
    text-align: center;
    vertical-align: middle
}

.newsDetailV3Panel div.newsContent {
    color: #666;
    font-size: .6rem;
    line-height: 1.2rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding: 0
}

.newsDetailV3Panel .blankBottom {
    padding: 0
}

.newsDetailV3Panel .newsContent a {
    text-decoration: underline
}

.newsDetailV3Panel .newsContent p {
    line-height: 1.2rem
}

.newsDetailV3Panel .newsLink {
    word-wrap: break-word;
    color: #333;
    font-size: .5rem;
    margin-bottom: 0;
    word-break: normal
}

.newsDetailV3Panel .newsCustomPanel2 {
    color: #999;
    font-size: .5rem;
    height: .5rem;
    line-height: .5rem
}

.newsDetailV3Panel .newsCustomPanel2 .newsCustom a {
    word-wrap: break-word;
    color: #4395f5;
    font-size: .5rem;
    word-break: normal
}

.newsDetailV3Panel .newsContentPanel .next_separator {
    margin-top: .375rem
}

.newsDetailV3Panel .newsPrev {
    color: #666;
    font-size: .5rem;
    margin-top: .5rem
}

.newsDetailV3Panel .newsNext {
    color: #666;
    font-size: .5rem;
    margin-top: .6rem
}

.newsDetailV3Panel .prevNextContent {
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 81%
}

.newsDetailV3Panel .prevNextContent .newsLink {
    color: #666
}

.newsDetailV3Panel .prevNextContent .newsLink:visited,
.newsDetailV3Panel .prevNextContent span {
    color: #999
}

.form .moduleContent .newsNewDetailPanel .newsLink a {
    color: #0591c8
}

.newsDetailV3Panel .g_separator {
    border-bottom: 1px solid #f0f0f0
}

.newsDetailV3Panel .commentBox {
    border-top: .25rem solid #fafafa;
    margin: 0;
    padding: 0 .65rem
}

.newsDetailV3Panel .newsV3ComHeader {
    box-sizing: border-box;
    color: #666;
    font-size: .7rem;
    line-height: .7rem;
    padding: 1rem 0 .45rem;
    text-align: left
}

.newsDetailV3Panel .commentBox .msgArea {
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    padding: .75rem 0 .9rem
}

.newsDetailV3Panel .commentBox .comment:last-child {
    border-bottom: none
}

.newsDetailV3Panel .msgArea .userIcon {
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
    height: 1.625rem;
    overflow: hidden;
    position: absolute;
    width: 1.625rem
}

.newsDetailV3Panel .msgArea .userIcon img {
    height: 100%;
    width: 100%
}

.newsDetailV3Panel .msgArea .infoArea {
    padding: .25rem 0 0 2.025rem
}

.newsDetailV3Panel .msgArea .msgTitle {
    height: .7rem;
    line-height: .7rem;
    margin-bottom: .15rem
}

.newsDetailV3Panel .msgArea .msgUser {
    color: #666;
    display: inline-block;
    font-size: .6rem;
    height: .8rem;
    line-height: .7rem;
    margin: 0;
    max-width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.newsDetailV3Panel .msgArea .creatorType {
    color: #999;
    display: inline-block;
    font-size: .5rem;
    margin-left: 5px;
    opacity: 1;
    vertical-align: top
}

.newsDetailV3Panel .msgArea .msgTime {
    color: #999;
    font-size: .5rem;
    height: .7rem;
    line-height: .7rem;
    overflow: hidden;
    position: static;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsDetailV3Panel .msgArea .msgBottom .time {
    color: #b3b3b3;
    font-size: .512rem
}

.newsDetailV3Panel .msgArea .msgBottom .msgDel {
    color: #999;
    font-size: .512rem;
    margin-left: .4267rem
}

.newsDetailV3Panel .msgArea .msgContent {
    color: #333;
    font-size: .6rem;
    line-height: 1rem
}

.newsDetailV3Panel .newsBottom {
    background-color: #fff;
    border-top: .025px solid #dadada;
    font-size: .6rem;
    height: 2.3rem;
    text-align: center;
    width: 100%
}

.newsDetailV3Panel .postComment {
    background-color: #f5f5f5;
    border-radius: .8rem;
    color: #999;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: .45rem .65rem
}

.newsDetailV3Panel .newsBottom .icon-postComm {
    font-size: .9rem;
    position: relative;
    top: .15rem
}

.newsDetailV3Panel .newsBottom .icon-postComm:before {
    content: ""
}

.getMoreComments {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: .65rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 .45rem;
    text-align: center
}

#g_body.noScroll {
    max-height: 100%;
    overflow-y: hidden
}

.newsDetailV3Panel div.attachListItem {
    background-color: #f4f4f4;
    height: 1.5rem;
    width: auto
}

.newsDetailV3Panel .attachFileType {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconDoc {
    background: url(/image/comm/fai/filetype_word.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconPpt {
    background: url(/image/comm/fai/filetype_ppt.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconXls {
    background: url(/image/comm/fai/filetype_excel.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconPdf {
    background: url(/image/comm/fai/filetype_pdf.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconJpg {
    background: url(/image/comm/fai/filetype_image.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconTxt {
    background: url(/image/comm/fai/filetype_txt.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconUnknown {
    background: url(/image/comm/fai/filetype_unknown.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconAvi {
    background: url(/image/comm/fai/filetype_avi.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconRar {
    background: url(/image/comm/fai/filetype_rar.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconRm {
    background: url(/image/comm/fai/filetype_rm.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileType-iconZip {
    background: url(/image/comm/fai/filetype_zip.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem
}

.newsDetailV3Panel .fileContent {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: top
}

.newsDetailV3Panel .fileContent .fileContentName {
    color: #333;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem
}

.newsDetailV3Panel .fileContent .fileContentSize {
    color: #999;
    font-size: .5rem;
    line-height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem
}

.newsDetailV3Panel .title-textStyle {
    padding: 3.15rem .65rem 0;
    position: relative
}

.newsDetailV3Panel .title-textStyleFix {
    padding: .97rem .65rem 0;
    position: relative
}

.newsDetailV3Panel .title-imgStyle {
    padding: .75rem .65rem 0;
    position: relative
}

.newsDetailV3Panel .displayClamp2Style {
    word-wrap: break-word;
    min-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal
}

.newsDetailV3Panel .pagenation .pagePrev {
    margin: .6rem 2.5rem .5rem 0
}

.newsDetailV3Panel .pagenation .pageNext {
    margin: .6rem 0 .5rem 2.5rem
}

.newsDetailV3Panel .pagenation .pagePrev:before {
    content: "上一页";
    font-family: icomoon, 微软雅黑;
    font-size: .6rem;
    height: 1.3rem;
    line-height: 1.3rem;
    margin-right: 0;
    width: 3.5rem
}

.newsDetailV3Panel .pagenation .pageNext:before {
    content: "下一页";
    font-family: icomoon, 微软雅黑;
    font-size: .6rem;
    height: 1.3rem;
    line-height: 1.3rem;
    margin-left: 0;
    width: 3.5rem
}

.newsDetailV3Panel .newsCustomPanel2 .newsShare {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: .5rem;
    line-height: .5rem
}

.newsDetailV3Panel .newsCustomPanel2 .newsShare span {
    font-family: 微软雅黑
}

#newsDetailV3Share {
    display: none
}

.newsDetailV3Panel .newsCustomPanel2 .icon-share:before {
    content: "";
    font-size: .5rem;
    margin-right: .2rem
}

.newsNewDetailPanel .newsInfoTitleStyle {
    padding: 3rem .8rem 0 .45rem
}

.newsNewDetailPanel.is_no_head_tool .productDetailHeader {
    display: none
}

.newsNewDetailPanel.is_no_head_tool .newsInfoTitle,
.newsNewDetailPanel.is_no_head_tool .title-textStyle {
    padding-top: .45rem
}

.newsDetailV3Panel .attachListViewIcon {
    display: inline-block
}

.newsNewDetailPanel .subTitleNoWrap,
.newsNewDetailPanel .titleNoWrap .textTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsNewDetailPanel .subTitleNoWrap {
    display: block
}

.newsDetailV3Panel .attachListViewIcon .jzm-vicon_preview {
    stroke: #666;
    height: 1.3rem;
    width: 1.3rem
}

.mobiCol21 #footer,
.mobiCol21 .webFooter,
.mobiCol21 .webHeader,
.mobiCol21 .webTopBox {
    display: none
}

.mobiCol21 .formMiddleContent19 {
    margin-bottom: 2rem
}

.newsDetail_hide--img {
    background: url(/image/v2/lookTipImg.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 8.34rem;
    margin: 4.56rem auto 1.55rem;
    max-width: 15.15rem;
    width: 100%
}

.newsDetail_hide--text {
    color: #666;
    font-family: Microsoft YaHei;
    font-size: .54rem;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center
}

.newsDetail {
    overflow: auto
}

.newsDetail .title {
    background: none;
    float: none;
    height: auto;
    line-height: 1.5rem
}

.newsDetail .attachList .attachListItem--item {
    background-color: #f4f4f4;
    display: flex;
    margin-bottom: .5rem;
    padding: .5rem 0 .5rem .5rem
}

.newsDetail .title .titleText {
    word-wrap: break-word;
    color: #333;
    display: block;
    float: none;
    font-size: .9rem;
    font-weight: 400;
    height: auto;
    line-height: 1.75rem;
    overflow: auto;
    padding: .4rem;
    white-space: normal
}

.shareInfo {
    clear: both;
    float: right;
    margin-bottom: .4rem;
    width: 11rem
}

.shareInfo .shareCtrl {
    float: left;
    height: .8rem;
    line-height: .8rem
}

.shareInfo .shareCtrl a {
    display: block;
    float: left;
    font-family: verdana;
    margin: 0 .3rem .25rem 0;
    text-decoration: none;
    width: 1.5rem
}

.shareInfo .shareMt a {
    margin: .25rem 0;
    width: 4rem
}

.shareInfo .sharePanel {
    height: 1.4rem;
    overflow: hidden;
    padding: 4px;
    width: 7.2rem
}

.shareInfo .shareNotTitlePanel {
    height: auto
}

.shareInfo .shareIcon {
    float: left;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 .1rem;
    width: 1.5rem
}

.shareInfo .shareto {
    cursor: default;
    margin-top: 10px
}

.shareInfo .sina_weibo {
    background: url(/image/share/sina_weibo.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .qq_weibo {
    background: url(/image/share/qq_weibo.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .qq_share {
    background: url(/image/share/qq_share.png?v=201804231155) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .qq_zone {
    background: url(/image/share/qq_zone.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .kaixin001 {
    background: url(/image/share/kaixin001.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .renren {
    background: url(/image/share/renren.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .douban {
    background: url(/image/share/douban.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .sohu_weibo {
    background: url(/image/share/sohu_weibo.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .netease_weibo {
    background: url(/image/share/lofter.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .baidu_hi {
    background: url(/image/share/baidu_hi.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .baidu_tieba {
    background: url(/image/share/baidu_tieba.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .taojianghu {
    background: url(/image/share/taojianghu.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .FaceBook {
    background: url(/image/share/facebook.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .Twitter {
    background: url(/image/share/twitter.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .LinkedIn {
    background: url(/image/share/linkedin.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .showIcon {
    background: url(/image/share/showicon.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .hideIcon {
    background: url(/image/share/hideicon.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .Weixin {
    background: url(/image/share/weixin.png?v=201711250607) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareToFriendDiv {
    float: right;
    margin-left: 7%
}

.shareToFriendDiv,
.shareToWeiXinDiv {
    background-color: gray;
    background-image: linear-gradient(0deg, #ddd, #f2f3f2);
    border: 1px solid #c3c1c1;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 #c5c5c5;
    height: 34px;
    line-height: 34px;
    width: 140px
}

.shareToWeiXinDiv {
    float: left;
    margin-right: 7%
}

.shareToFriend {
    font-family: 微软雅黑;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    text-align: right;
    width: 117px
}

.shareToFriendIcon {
    background: url(/image/shareIcon.png?v_20140271750) 0 -679px no-repeat;
    background-size: 28px 785px;
    height: 30px;
    margin-left: 19px;
    margin-top: 2px;
    position: absolute;
    width: 30px
}

.shareToWeiXin {
    font-family: 微软雅黑;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    text-align: right;
    width: 122px
}

.shareToWeiXinIcon {
    background: url(/image/shareIcon.png?v_20140271750) 0 -645px no-repeat;
    background-size: 28px 785px;
    height: 30px;
    margin-left: 14px;
    margin-top: 2px;
    position: absolute;
    width: 30px
}

.shareFullbg {
    background-color: #000;
    left: 0;
    opacity: .7;
    top: 0;
    z-index: 100
}

.shareTips {
    background: url(/image/prompt.png?v_20140271750) 0 0 no-repeat;
    float: right;
    height: 11rem;
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: 254px;
    z-index: 999
}

.sharePosition1 {
    float: left;
    margin-bottom: .4rem;
    width: 49%
}

.sharePosition2 {
    float: right;
    margin-bottom: .4rem;
    width: 49%
}

.newsDetail .shareInfo .shareCtrl a,
.newsDetail .shareInfo .shareto,
.productDetail .shareInfo .shareCtrl a,
.productDetail .shareInfo .shareto {
    font-size: .6rem !important
}

.fk_newsDetailNotFound {
    padding-top: 3.15rem
}

.fk_notMallThemeNewDetail div.newsCustomPanel2 {
    height: auto
}

.liuyanIcon {
    background: url(/image/mall/liuyan.png?v=201711250607) no-repeat
}

.shuomingIcon {
    background: url(/image/mall/shuoming.png?v=201711250607) no-repeat
}

.rightArrow {
    background: url(/image/mall/jjtou.png?v=201711250607) no-repeat
}

.pagenation .icon-pagePrev.icon-cnNewsP:before {
    content: "上一篇";
    margin-right: 0
}

.pagenation .icon-pageNext.icon-cnNewsN:before,
.pagenation .icon-pagePrev.icon-cnNewsP:before {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem
}

.pagenation .icon-pageNext.icon-cnNewsN:before {
    content: "下一篇";
    margin-left: 0
}

.g_locale2052 .icon-pagePrev.icon-cnListP:before {
    content: "上一页";
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-right: 0
}

.g_locale2052 .icon-pageNext.icon-cnListN:before {
    content: "下一页";
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-left: 0
}

.mobiCol11 .g_input {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    color: #999;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    height: 2.5rem;
    line-height: 1.1rem;
    margin-top: -1px;
    outline: none;
    padding: .75rem;
    width: 100%;
    z-index: 1
}

.mobiCol11 #webHeader,
.mobiCol11 #webTopBox {
    display: none
}

.mobiCol11 .BanksDetailHeader,
.mobiCol11 .loginHeader,
.mobiCol11 .ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.mobiCol11 .g_globalLine {
    position: relative;
    width: 100%
}

.mobiCol11 .signUpContent {
    margin: .75rem .5rem 0
}

.mobiCol11 #signupPage .signUpContent .itemEdit {
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma !important
}

.mobiCol11 .itemEdit {
    padding-left: 2.1rem
}

.mobiCol11 .g_locale2052 .itemEdit {
    padding-left: 3.5rem
}

.mobiCol11 .fk-inputFontColor,
.mobiCol11 .g_input:focus {
    color: #333
}

.mobiCol11 .moduleContent .mustIcon {
    color: red;
    position: absolute;
    right: -1rem;
    top: .5rem
}

.g_locale2052 .tagWidth4 .g_input {
    padding-left: 2.85rem
}

.g_locale2052 .tagWidth4 .g_select {
    padding-left: 2.25rem
}

.g_locale2052 .tagWidth6 .g_input {
    padding-left: 3.55rem
}

.g_locale2052 .tagWidth6 .g_select {
    padding-left: 2.95rem
}

.g_locale2052 .tagWidth8 .g_input {
    padding-left: 4.25rem
}

.g_locale2052 .tagWidth8 .g_select {
    padding-left: 4rem
}

.g_locale2052 .jz_themeV3.mobiCol11 .signUpContent .ProtocolLineCtrl {
    display: flex
}

.jz_themeV3.mobiCol11 .mProContent .set-line p {
    margin-bottom: .5rem
}

.jz_themeV3.mobiCol11 .signUpContent .g_textArea {
    box-sizing: border-box;
    padding-left: 1.75rem
}

.jz_themeV3.mobiCol11 .signUpContent .ProtocolLineCtrl .memberAgreeProCheck {
    display: none;
    height: .5rem;
    width: .5rem
}

.jz_themeV3.mobiCol11 .signUpContent .ProtocolLineCtrl .memberAgreeProLabel {
    color: #666;
    word-break: break-all
}

.jz_themeV3.mobiCol11 .icon-checkIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV3.mobiCol11 .icon-uncheckIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV3.mobiCol11 .loginContent .sendIcon:disabled,
.jz_themeV3.mobiCol11 .signUpContent .signupSubmit:disabled {
    opacity: .5
}

.jz_themeV3.mobiCol11 .icon-iphone2:before {
    content: ""
}

.jz_themeV3.mobiCol11 .loginContent .captchaText,
.jz_themeV3.mobiCol11 .signUpContent .captchaText {
    margin-top: .5rem
}

.jz_themeV3.mobiCol11 .signUpContent .ProtocolLineCtrl {
    padding: .5rem 0 0
}

.jz_themeV3.mobiCol11 .signUpContent .ProtocolLineCtrl .memberProtocol {
    font-size: .55rem;
    text-decoration: none
}

.jz_themeV3.mobiCol11 .signUpContent .ProtocolLineCtrl .memberAgreeProLabel {
    font-size: .55rem
}

.jz_themeV3.mobiCol11 .mProContent {
    background-color: #fff;
    color: #666;
    font-size: "微软雅黑", Helvetica, "黑体", Arial, Tahoma;
    font-size: .65rem;
    padding: .75rem .85rem;
    word-break: break-word
}

.jz_themeV3.mobiCol11 .icon-customIcon:before {
    content: "";
    font-size: .9rem;
    left: .6rem;
    position: absolute;
    top: .8rem;
    z-index: 2
}

.jz_themeV3.mobiCol11 #signupPage {
    background-color: #fff
}

.jz_themeV3.mobiCol11 #signupPage .g_select {
    border: none;
    border-bottom: .025rem solid #eee;
    color: #333;
    font-size: .6rem;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-bottom: .05rem;
    margin-top: 0;
    padding-left: 2.95rem
}

.jz_themeV3.mobiCol11 #fillAcctInfo #mobileCt.g_select,
.jz_themeV3.mobiCol11 #modifyPersInfo #mobileCt.g_select,
.jz_themeV3.mobiCol11 #mSignUp #mobileCt.g_select,
.jz_themeV3.mobiCol11 #signupPage #mobileCt.g_select {
    border: none;
    color: red;
    color: #666;
    font-size: .6rem;
    height: auto;
    left: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4.8rem
}

.jz_themeV3.mobiCol11 .mobileCtIcon.otherSettingIcon {
    left: 3.95rem !important;
    right: auto !important
}

.jz_themeV3.mobiCol11 #signupPage .g_input.mobile_input {
    padding-left: 4.9rem
}

.jz_themeV3.mobiCol11 #fillAcctInfo .register_line,
.jz_themeV3.mobiCol11 #mSignUp .register_line,
.jz_themeV3.mobiCol11 #signupPage .register_line {
    border-bottom: .05rem solid #eee;
    color: #333;
    display: flex;
    font-size: .6rem;
    position: relative
}

.jz_themeV3.mobiCol11 #signupPage .loginTelInput {
    border: none;
    height: 2.25rem;
    margin-left: 3.15rem;
    width: 100%
}

.jz_themeV3.mobiCol11 #signupPage .loginTelInput:focus {
    outline: none
}

.jz_themeV3.mobiCol11 #signupPage .signUpContent .captchaText {
    margin-top: 0;
    padding-left: 3.15rem
}

.jz_themeV3.mobiCol11 #signupPage #profileArea .fk-sign-getMobileCode {
    border: none;
    color: #666;
    font-size: .65rem;
    right: 0;
    text-align: right;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol11 #signupPage .phone_tip {
    color: #333;
    font-size: .65rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol11 .signUpContent {
    margin: .75rem 1.15rem 0
}

.jz_themeV3.mobiCol11 .moduleContent .mustIcon {
    display: none
}

.jz_themeV3.mobiCol11 #signupPage div.selectCover {
    border-bottom: .025rem solid #eee;
    height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-top: 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.jz_themeV3.mobiCol11 #signupPage div.selectCover+select {
    opacity: 0;
    position: relative;
    z-index: 3
}

.jz_themeV3.mobiCol11 #signupPage div.selectCoverRight {
    border: 0;
    height: 2rem;
    left: 1rem;
    padding: 0;
    position: absolute;
    width: 3.9rem
}

.jz_themeV3.mobiCol11 #signupPage .icon-downward:before {
    color: #666;
    content: "";
    font-size: .7rem;
    height: 1rem;
    width: 1rem
}

.jz_themeV3.mobiCol11 #signupPage .loginHeader {
    height: 2.15rem;
    line-height: 2.15rem;
    position: relative
}

.jz_themeV3.mobiCol11 #mSignUp .icon-uncheckIco,
.jz_themeV3.mobiCol11 #signupPage .icon-checkIcon {
    position: relative;
    top: -.04rem
}

.jz_themeV3.mobiCol11 #signupPage .notice {
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: -.05rem auto .65rem;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.jz_themeV3.mobiCol11 #signupPage .mustIcon {
    color: red;
    display: none;
    position: absolute;
    right: -1rem;
    top: .5rem
}

.jz_themeV3.mobiCol11 #signupPage .g_globalLine {
    position: relative;
    width: 100%
}

.jz_themeV3.mobiCol11 #signupPage .fk-sign-getMobileCode {
    border: 1px solid #c0251d;
    border-radius: .2rem;
    color: #bf211a;
    font-size: .6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4rem;
    position: absolute;
    right: .4rem;
    text-align: center;
    top: 1rem;
    z-index: 2
}

.jz_themeV3.mobiCol11 #signupPage .profileArea .fk-sign-getMobileCode {
    border: none;
    color: #666;
    font-size: .65rem;
    right: 0;
    text-align: right;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol11 #signupPage .g_input {
    align-items: center;
    border: none;
    border-bottom: .025rem solid #eee;
    color: #333;
    display: flex;
    font-size: .6rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1rem;
    padding-bottom: 0;
    padding-left: 3.15rem;
    padding-top: 0
}

.jz_themeV3.mobiCol11 #mSignUp .addCtTel,
.jz_themeV3.mobiCol11 #signupPage .addCtTel {
    border-bottom: none
}

.jz_themeV3.mobiCol11 input,
.jz_themeV3.mobiCol11 select {
    margin-top: 0
}

.jz_themeV3.mobiCol11 .fpw_btn {
    border-radius: .1rem;
    color: #fff;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
    margin-top: 1.25rem;
    padding-left: 0 !important
}

.jz_themeV2.mobiCol11 .memberAgreeProLabel {
    font-size: .55rem
}

.jz_themeV2.mobiCol11 .memberAgreeProCheck {
    display: none;
    height: .5rem;
    width: .5rem
}

.jz_themeV2.mobiCol11 .icon-checkIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV2.mobiCol11 .icon-uncheckIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

#mProPage {
    display: none
}

.icon-lockstarIcon:before {
    color: #cacaca;
    content: "";
    display: inline-block;
    font-size: 7rem;
    margin-left: .7rem;
    margin-top: 1.5rem;
    text-align: center;
    vertical-align: middle
}

.customIcon {
    display: none
}

.loginContent .sendIcon:disabled,
.signUpContent .signupSubmit:disabled {
    opacity: .5
}

.g_locale2052 .customIcon,
.g_locale2052 .icon-acctIcon:before,
.g_locale2052 .icon-codeIcon:before,
.g_locale2052 .icon-customIcon:before,
.g_locale2052 .icon-emailIcon:before,
.g_locale2052 .icon-fastCodeIcon:before,
.g_locale2052 .icon-fastUserIcon:before,
.g_locale2052 .icon-msgIcon:before,
.g_locale2052 .icon-nameIcon:before,
.g_locale2052 .icon-npwdIcon:before,
.g_locale2052 .icon-phoneIcon:before,
.g_locale2052 .icon-pswIcon:before,
.g_locale2052 .icon-userIcon:before {
    color: #333;
    display: inline-block;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    height: 1rem;
    left: .75rem;
    max-width: 2.8rem;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: .85rem;
    white-space: nowrap !important;
    z-index: 3
}

.jz_themeV2 .signUpContent .signupSubmit {
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0
}

.jz_themeV2 .fk-sign-getMobileCode {
    border: 1px solid #c0251d;
    border-radius: .2rem;
    color: #bf211a;
    font-size: .6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4rem;
    position: absolute;
    right: .4rem;
    text-align: center;
    top: 1rem;
    z-index: 2
}

.jz_themeV2 .fk-sign-getMobileCode:hover {
    cursor: pointer
}

.jz_themeV2 .signUpContent .captchaText {
    margin-top: .5rem
}

.jz_themeV2 .signUpContent .ProtocolLineCtrl {
    padding: .5rem 0 0
}

.jz_themeV2 .signUpContent .ProtocolLineCtrl .memberProtocol {
    font-size: .55rem;
    text-decoration: none
}

.jz_themeV2 .memberSignupCaptchaHide {
    display: none
}

.jz_themeV2 .mProContent {
    background-color: #fff;
    color: #666;
    font-size: "微软雅黑", Helvetica, "黑体", Arial, Tahoma;
    font-size: .65rem;
    padding: .75rem .85rem;
    word-break: break-word
}

.jz_themeV2 .mProContent .set-line p {
    margin-bottom: .5rem
}

.memeber_file_line {
    display: flex;
    flex-direction: column;
    height: 5rem
}

#signupPage #profileArea .memeber_file_line .customIcon {
    top: .9rem;
    transform: none
}

.member_file_tips {
    color: #c4c9ca;
    display: inline-block;
    font-size: .6rem;
    height: 2.43rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding-left: 3.14rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.45rem
}

.member_file_contentwrap {
    height: 2.45rem;
    width: 13.85rem
}

.member_file_btn {
    align-items: center;
    background: #fff;
    border: .025rem dashed #e3e2e8;
    border-radius: .1rem;
    color: #333;
    cursor: pointer;
    display: flex;
    font-size: .7rem;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.member_file_btn .member_file_btnupload {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.member_file_btn-hide,
.member_file_close-hide {
    display: none
}

.member_file_content {
    align-items: center;
    background: #f7f7f7;
    border-radius: .2rem;
    display: none;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.member_file_content-show {
    display: flex
}

.member_file_download_link,
.member_file_preview_link {
    display: inline-block;
    height: 30px;
    width: 30px
}

.member_file_meta {
    box-sizing: border-box;
    height: 100%;
    padding: .575rem 0 .575rem .55rem;
    width: 11rem
}

.member_file_icon {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    width: 2.7rem
}

.member_file_input {
    display: none;
    pointer-events: none;
    position: absolute
}

.member_file_preview {
    stroke: #666
}

.member_file_download {
    fill: #666
}

.member_file_download,
.member_file_preview {
    height: 100%;
    width: 100%
}

.member_file_name {
    color: #333;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.member_file_size {
    color: #b3b3b3;
    font-size: .5rem
}

.member_file_close {
    color: #b3b3b3;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(45%, -45%);
    width: 22px
}

.memeber_file_line-old {
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 5.5rem
}

.memeber_file_line-old .member_file_tips {
    color: #757575;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
    padding-left: 4.325rem;
    text-align: left;
    width: 10.55rem
}

#signupPage #profileArea .memeber_file_line-old .customIcon {
    top: .6rem
}

.memeber_file_line-old .member_file_btn {
    background: #f7f7f7;
    width: 13.45rem
}

.memeber_file_line-old .member_file_content {
    width: 13.45rem
}

.memeber_file_line-old .member_file_contentwrap {
    display: flex;
    justify-content: center;
    width: 100%
}

#modifyPersInfo .memeber_file_line .customIcon {
    top: .9rem;
    transform: none
}

#modifyPersInfo .memeber_file_line-old {
    border: none
}

#modifyPersInfo .memeber_file_line-old .customIcon {
    top: .7rem
}

.googleLoginPanel {
    align-items: center;
    background: #eaf0f2;
    border-radius: 50%;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem
}

.googleLoginPanel svg {
    height: 1.1rem;
    width: 1.1rem
}

.mobiCol10 #bgMusicWrapper,
.mobiCol10 #fixedRightSideBtns,
.mobiCol10 #webBannerBox,
.mobiCol10 #webFooterBox,
.mobiCol10 #webHeader,
.mobiCol10 #webTopBox {
    display: none
}

.mobiCol10 .BanksDetailHeader,
.mobiCol10 .loginHeader,
.mobiCol10 .ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.mobiCol10 .loginContent {
    padding: .75rem .5rem
}

.mobiCol10 .loginContent .loginCaptchaCtrl {
    display: none
}

.mobiCol10 .loginContent .loginBottom .freeRegister {
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.mobiCol10 .loginContent .loginBottom {
    margin-top: .4rem;
    text-align: right
}

.mobiCol10 .loginContent .oLgnPanel {
    margin-top: 2rem
}

.mobiCol10 .loginContent .oLgnPanel .head {
    height: 1rem
}

.mobiCol10 .loginContent .oLgnPanel .leftLine {
    border-bottom: 1px solid #a9a9a9;
    float: left;
    margin: .5rem .3rem 0 .8rem;
    width: 4.8rem
}

.mobiCol10 .loginContent .oLgnPanel .middle {
    color: #a9a9a9;
    float: left;
    font-size: .6rem
}

.mobiCol10 .loginContent .oLgnPanel .rightLine {
    border-bottom: 1px solid #a9a9a9;
    float: left;
    margin-left: .3rem;
    margin-top: .5rem;
    width: 4.8rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn {
    height: 5rem;
    margin-top: 1rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn .qqLgnPanel {
    float: left;
    height: 3.2rem;
    margin-left: 4rem;
    text-align: center;
    width: 2.8rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn .sinaLgnPanel,
.mobiCol10 .wxLgnPanel {
    float: left;
    height: 3.2rem;
    margin-left: 1.4rem;
    text-align: center;
    width: 3rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn .qqLgnPanel .qqLgn {
    background: url(/image/member/QQ.png?v=202306291520) no-repeat 50%;
    background-size: 2.2rem;
    height: 2.2rem;
    margin-left: .3rem;
    width: 2.2rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn .sinaLgnPanel .sinaLgn {
    background: url(/image/member/weibo.png?v=202306291520) no-repeat 50%;
    background-size: 2.2rem;
    height: 2.2rem;
    margin-left: .4rem;
    width: 2.2rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn .wxLgnPanel .wxLgn {
    background: url(/image/member/weixin.png?v=202306291520) no-repeat 50%;
    background-size: 2.2rem;
    height: 2.2rem;
    margin-left: .4rem;
    width: 2.2rem
}

.mobiCol10 .loginContent .oLgnPanel .oLgn .desc {
    color: #a9a9a9;
    font-size: .6rem;
    margin-top: .2rem
}

.jz_themeV3.mobiCol10 #bgMusicWrapper,
.jz_themeV3.mobiCol10 #fixedRightSideBtns,
.jz_themeV3.mobiCol10 #webBannerBox,
.jz_themeV3.mobiCol10 #webFooterBox,
.jz_themeV3.mobiCol10 #webHeader_v3,
.jz_themeV3.mobiCol10 #webTopBox {
    display: none
}

.jz_themeV3.mobiCol10 #g_web {
    background: #fff !important
}

.jz_themeV3.mobiCol10 .icon-checkIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV3.mobiCol10 .icon-uncheckIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV3.mobiCol10 .notice {
    background: #fef5d8;
    color: #eb6a40;
    font-size: .6rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: -.05rem auto .65rem;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.jz_themeV3.mobiCol10 .profileLoginHeader {
    align-items: center;
    background: #fff;
    border-bottom: .01rem solid #eee;
    box-sizing: border-box;
    display: flex;
    height: 2.15rem;
    justify-content: center;
    line-height: 2.15rem
}

.jz_themeV3.mobiCol10 .BanksDetailHeader,
.jz_themeV3.mobiCol10 .loginHeader,
.jz_themeV3.mobiCol10 .ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.jz_themeV3.mobiCol10 .loginHeader {
    height: 2.15rem;
    line-height: 2.15rem
}

.jz_themeV3.mobiCol10 .g_globalLine {
    position: relative
}

.jz_themeV3.mobiCol10 .loginContent .loginCaptchaCtrl {
    display: none
}

.jz_themeV3.mobiCol10 .loginContent .oLgnPanel {
    margin-top: 2rem
}

.jz_themeV3.mobiCol10 .loginContent .loginBottom .freeRegister {
    color: #666;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.jz_themeV3.mobiCol10 .loginContent .oLgnPanel .oLgn {
    margin-top: 1rem
}

.jz_themeV3.mobiCol10 .oLgn .sinaLgnPanel,
.jz_themeV3.mobiCol10 .wxLgnPanel {
    float: left;
    height: 3.2rem;
    margin-left: 1.4rem;
    text-align: center;
    width: 3rem
}

.jz_themeV3.mobiCol10 .login_v3_oLgn {
    gap: 1.4rem
}

.jz_themeV3.mobiCol10 .login_v3_oLgn.oLgn .qqLgnPanel,
.jz_themeV3.mobiCol10 .login_v3_oLgn.oLgn .sinaLgnPanel,
.jz_themeV3.mobiCol10 .login_v3_oLgn.oLgn .wxLgnPanel {
    margin-left: 0
}

.jz_themeV3.mobiCol10 .forFastLogin {
    display: none
}

.jz_themeV3.mobiCol10 input,
.jz_themeV3.mobiCol10 select {
    margin-top: 0
}

.jz_themeV3.mobiCol10 #mLogin .profileLoginHeader .icon-gClose:before {
    font-size: .6rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol10 #mLogin .mloginContent {
    background-color: #fff;
    padding: .2rem 1.15rem
}

.jz_themeV3.mobiCol10 #mLogin .loginPersonIcon {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.jz_themeV3.mobiCol10 #mLogin .personPic {
    background-color: #dfe0e2;
    border-radius: 50%;
    height: 3rem;
    margin-bottom: 1.25rem;
    margin-top: 1.5rem;
    overflow: hidden;
    position: relative;
    width: 3rem
}

.jz_themeV3.mobiCol10 #mLogin .icon-personPic {
    align-items: center;
    display: flex;
    font-size: 2.5rem;
    justify-content: center;
    margin-top: .6rem;
    z-index: 0
}

.jz_themeV3.mobiCol10 #mLogin .icon-personPic:before {
    color: #f8f8f8;
    content: "򰌧";
    font-size: 2.5rem
}

.jz_themeV3.mobiCol10 #mLogin .autoLoginCtrl {
    margin-top: .5rem
}

.jz_themeV3.mobiCol10 #mLogin .autoLoginCheckBox {
    margin-right: .2rem
}

.jz_themeV3.mobiCol10 #memberFdPwdStepOne .two_way_change::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 #memberFdPwdStepTwo .emailStepTwoCode::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 #signupPage .g_input::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 #signupPage .g_select::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 #signupPage .loginTelInput::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 .bindSignUpV3Line input::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 .findpswInput::-webkit-input-placeholder,
.jz_themeV3.mobiCol10 .mloginContent .g_input::-webkit-input-placeholder {
    color: #c4c9ca;
    font-size: .6rem
}

.jz_themeV3.mobiCol10 .mloginContent #loginCaptcha {
    margin-top: 0
}

.jz_themeV3.mobiCol10 #fillAcctInfo .captchaImg,
.jz_themeV3.mobiCol10 #fillAcctInfo .fk-sign-getMobileCode,
.jz_themeV3.mobiCol10 #mSignUp .captchaImg,
.jz_themeV3.mobiCol10 #mSignUp .fk-sign-getMobileCode,
.jz_themeV3.mobiCol10 #signupPage .fk-sign-getMobileCode,
.jz_themeV3.mobiCol10 .mloginContent .loginCaptchaCtrl .captchaImg {
    border: none;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol10 .icon-uncheckIcon {
    color: #e3e2e8
}

.jz_themeV3.mobiCol10 #mSignUp .fk-sign-getMobileCode,
.jz_themeV3.mobiCol10 #signupPage .fk-sign-getMobileCode {
    border: none;
    color: #666;
    font-size: .6rem
}

.jz_themeV3.mobiCol10 .icon-loginCaptchaTip:before {
    align-items: center;
    content: "验证码";
    display: flex;
    height: 100% !important;
    justify-content: center;
    position: absolute
}

.jz_themeV3.mobiCol10 #signupPage .selectCoverRight.selectCover {
    border: none
}

.jz_themeV3.mobiCol10 .input_plceholder_v3::-webkit-input-placeholder {
    color: #c4c9ca;
    font-size: .6rem
}

.jz_themeV3.mobiCol10 #signupPage .g_input,
.jz_themeV3.mobiCol10 .mloginContent .g_input {
    align-items: center;
    border: none;
    border-bottom: .025rem solid #eee;
    color: #333;
    display: flex;
    font-size: .6rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1rem;
    padding-bottom: 0;
    padding-left: 3.15rem;
    padding-top: 0
}

.jz_themeV3.mobiCol10 .mloginContent .g_input {
    margin-bottom: .025rem;
    padding-left: 2.3rem
}

.jz_themeV3.mobiCol10 .mloginContent .autoLoginLabel {
    color: #666;
    font-size: .55rem
}

.jz_themeV3.mobiCol10 .mloginContent .sendIcon {
    color: #fff;
    font-size: .7rem;
    margin-bottom: .75rem
}

.jz_themeV3.mobiCol10 .mloginContent .loginBottom {
    color: #666;
    display: flex;
    font-size: .55rem;
    justify-content: center
}

.jz_themeV3.mobiCol10 .mloginContent .head {
    align-items: center;
    display: flex;
    justify-content: center
}

.jz_themeV3.mobiCol10 .mloginContent .leftLine {
    border-bottom: .05rem solid #eee;
    margin: 0 .75rem 0 0;
    width: 2.75rem
}

.jz_themeV3.mobiCol10 .mloginContent .rightLine {
    border-bottom: .05rem solid #eee;
    margin: 0 0 0 .75rem;
    width: 2.75rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .middle {
    color: #c4c9ca;
    font-size: .55rem;
    text-align: center
}

.jz_themeV3.mobiCol10 .mloginContent .loginOption {
    border-right: .05rem solid #eee;
    height: .5rem;
    line-height: .55rem;
    padding: 0 .5rem;
    white-space: nowrap
}

.jz_themeV3.mobiCol10 .mloginContent .loginOption:last-child {
    border-right: none
}

.jz_themeV3.mobiCol10 .mloginContent #acquirerInput,
.jz_themeV3.mobiCol10 .mloginContent #memCodeInput {
    padding-left: 3.1rem;
    position: relative;
    width: 100%
}

.jz_themeV3.mobiCol10 .mloginContent #acquireCode {
    align-items: center;
    border: none;
    color: #666;
    display: flex;
    font-size: .6rem;
    height: 2rem;
    justify-content: flex-end;
    line-height: normal;
    padding: 0 .25rem 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: .05rem;
    z-index: 2
}

.jz_themeV3.mobiCol10 .loginContent .oLgnPanel .oLgn,
.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .qqLgnPanel,
.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .sinaLgnPanel,
.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .wxLgnPanel {
    align-items: center;
    display: flex;
    justify-content: center
}

.jz_themeV3.mobiCol10 .loginContent .oLgnPanel .oLgn {
    height: auto;
    overflow: hidden
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .qqLgnPanel {
    background-color: #f2f7ff;
    border-radius: 50%;
    height: 2rem;
    width: 2rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .qqLgnPanel .qqLgn {
    background-color: #f2f7ff;
    border-radius: 50%
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .icon-qqLgnPanel:before {
    color: #2992fc;
    content: "򠤖";
    font-size: 1rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .sinaLgnPanel {
    background-color: #fcf6f2;
    border-radius: 50%;
    height: 2rem;
    width: 2rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .sinaLgnPanel .sinaLgn {
    background-color: #fcf6f2;
    border-radius: 50%
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .icon-sinaLgnPanel:before {
    color: #ff4a4b;
    content: "򠤣";
    font-size: 1rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .wxLgnPanel {
    background-color: #edfcf2;
    border-radius: 50%;
    height: 2rem;
    width: 2rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .wxLgnPanel .wxLgn {
    background-color: #edfcf2;
    border-radius: 50%
}

.jz_themeV3.mobiCol10 .mloginContent .oLgnPanel .oLgn .icon-wxLgnPanel:before {
    color: #43c624;
    content: "򠤙";
    font-size: 1rem
}

.jz_themeV3.mobiCol10 .mloginContent .oLgn .desc {
    display: none
}

.jz_themeV3.mobiCol10 #bindNow .profileLoginHeader {
    margin-bottom: 1.6rem
}

.jz_themeV3.mobiCol10 #bindNow .profileLoginHeader .icon-gClose:before {
    left: .45rem
}

.jz_themeV3.mobiCol10 #fillAcctInfo .loginContent {
    padding: 0 1.15rem
}

.jz_themeV3.mobiCol10 #fillAcctInfo .g_input {
    align-items: center;
    border: none;
    border-bottom: .025rem solid #eee;
    color: #333;
    display: flex;
    font-size: .6rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 2.25rem;
    padding-bottom: 0;
    padding-left: 2.7rem;
    padding-top: 0
}

.jz_themeV3.mobiCol10 #fillAcctInfo input.selectCover #fillAcctInfo .loginContent .otherLoginFillPic {
    margin-top: .75rem
}

.jz_themeV3.mobiCol10 #fillAcctInfo .otherLoginFillPicV3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jz_themeV3.mobiCol10 #fillAcctInfo .loginContent {
    background-color: #fff
}

.jz_themeV3.mobiCol10 #fillAcctInfo .otherLoginTypeAvator,
.jz_themeV3.mobiCol10 .loginContent .loginTypeAvator {
    background-size: 3rem;
    border-radius: 50%;
    height: 3rem;
    margin-left: 0;
    margin-top: .7rem;
    width: 3rem
}

.jz_themeV3.mobiCol10 #fillAcctInfo .otherLoginFillUser {
    color: #333;
    font-size: .65rem;
    font-weight: 700;
    margin-bottom: 1.75rem;
    margin-top: .75rem;
    text-align: center
}

.jz_themeV3.mobiCol10 #fillAcctInfo .otherLoginFillUserV3 {
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: .75rem
}

.jz_themeV3.mobiCol10 #fillAcctInfo .remarkCon .remarkInfo {
    background-color: #fff;
    color: #c4c9ca;
    font-size: .55rem;
    left: auto;
    left: 50%;
    margin: 0 auto;
    padding: 0 .6rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.jz_themeV3.mobiCol10 #fillAcctInfo .remarkCon .remarkLine {
    border-bottom: .025rem solid #eee;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 93%
}

.jz_themeV3.mobiCol10 #fillAcctInfo .remarkCon {
    display: flex;
    justify-content: center
}

.jz_themeV3.mobiCol10 #fillAcctInfo .g_select {
    border: none;
    border-bottom: .025rem solid #eee;
    color: #333;
    font-size: .6rem;
    height: 2.25rem;
    line-height: 2.25rem;
    padding-left: 2.95rem
}

.jz_themeV3.mobiCol10 #fillAcctInfo .addCtTel {
    border: none
}

.jz_themeV3.mobiCol10 #fillAcctInfo .g_globalLine span[class^=icon-] {
    color: #333;
    font-size: .65rem;
    height: auto;
    left: 0;
    line-height: .65rem;
    line-height: normal;
    max-width: 2.7rem;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.jz_themeV3.mobiCol10 #fillAcctInfo .customIcon,
.jz_themeV3.mobiCol10 #fillAcctInfo .icon-emailIcon,
.jz_themeV3.mobiCol10 #fillAcctInfo .icon-nameIcon {
    font-size: .65rem;
    height: auto;
    left: 0;
    line-height: .65rem;
    max-width: 2.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.jz_themeV3.mobiCol10 .select_v3 {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 14px
}

.jz_themeV3.mobiCol10 .select_v3.icon-select:before {
    content: "򠈠"
}

.jz_themeV3.mobiCol10 .fpw_btn {
    border-radius: .1rem;
    color: #fff;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
    margin-top: 1.25rem;
    padding-left: 0 !important
}

.loginContent .autoLoginCtrl .autoLoginCheck {
    display: none;
    height: .5rem;
    margin-right: .2rem;
    width: .5rem
}

.jz_themeV2.mobiCol10 #g_web,
.jz_themeV2.mobiCol10 #g_web .form,
.jz_themeV2.mobiCol10 .middleCenter {
    background: #f7f7f7 !important
}

.jz_themeV2.mobiCol10 .loginContent .autoLoginCtrl {
    margin: .65rem 0 0
}

.jz_themeV2.mobiCol10 .loginContent .autoLoginCtrl .autoLoginLabel {
    font-size: .55rem
}

.jz_themeV2.mobiCol10 .loginContent .sendIcon {
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0
}

.jz_themeV2.mobiCol10 .icon-checkIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV2.mobiCol10 .icon-uncheckIcon:before {
    content: "";
    display: inline-block;
    font-size: .7rem;
    margin-right: .2rem;
    position: relative;
    top: .1rem
}

.jz_themeV2.mobiCol10 .forFastLogin {
    display: none
}

.jz_themeV2.mobiCol10 .loginContent #memCodeInput {
    width: 55%
}

.jz_themeV2.mobiCol10 .loginContent #memCodeSplitLine {
    background: #ebebeb;
    display: none;
    height: 1rem;
    position: relative;
    top: .3rem;
    width: 1px
}

.jz_themeV2.mobiCol10 .loginContent #acquireCode {
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none;
    box-sizing: border-box;
    color: #999;
    display: inline-block;
    font-size: .7rem;
    height: 2.5rem;
    line-height: .8rem;
    margin-top: -1px;
    padding: .75rem;
    text-align: center;
    vertical-align: top;
    width: 45%
}

.jz_themeV2.mobiCol10 .loginContent .loginToggle {
    cursor: pointer;
    float: left
}

.mobiCol22 #bgMusicWrapper,
.mobiCol22 #fixedRightSideBtns,
.mobiCol22 #p_footer_nav_wrap,
.mobiCol22 #webBannerBox,
.mobiCol22 #webFooterBox,
.mobiCol22 #webHeader,
.mobiCol22 #webTopBox {
    display: none
}

.mobiCol22 .loginContent {
    padding: .75rem .5rem
}

.mobiCol22 .BanksDetailHeader,
.mobiCol22 .loginHeader,
.mobiCol22 .ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.g_locale2052 .itemEdit {
    padding-left: 3.5rem
}

.jz_themeV2 .loginContent .sendIcon,
.jz_themeV2 .signUpContent .signupSubmit {
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0
}

.mobiCol22 #bgMusicWrapper,
.mobiCol22 #fixedRightSideBtns,
.mobiCol22 #p_footer_nav_wrap,
.mobiCol22 #webBannerBox,
.mobiCol22 #webFooterBox,
.mobiCol22 #webHeader_v3,
.mobiCol22 #webTopBox {
    display: none
}

.mobiCol22 #memberFdPwdStepOne .profileLoginHeader,
.mobiCol22 .jz_themeV3 .profileLoginHeader {
    position: relative
}

.mobiCol22 .fk-mem-findPwStepOneFindWay {
    color: #959595;
    height: 1.2rem;
    line-height: 1rem;
    text-align: left
}

.mobiCol22 .fk-mem-findPwStepOne {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #595959;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: .5rem;
    position: relative
}

.mobiCol22 .fk-mem-findPwStepOne .content {
    left: .8rem;
    position: absolute
}

.mobiCol22 .fk-mem-findPwStepOne:hover {
    cursor: pointer
}

.mobiCol22 .fk-mem-findPwStepOne .icon-gGoforward {
    position: absolute;
    right: .8rem;
    top: .8rem
}

.mobiCol22 .fk-mem-findPw-showMsg {
    background-color: #ffefda;
    border-bottom: 1px solid #edc693;
    color: #e0a85e;
    min-height: 1.5rem;
    padding: .5rem 0
}

.mobiCol22 .fk-mem-findPw-showMsg .showMsg {
    line-height: 1.5rem;
    margin: 0 1rem
}

.profile_form_detail_edit .module_content {
    background: #fff
}

.agree_refund_text[data-v-afda831c] {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    font-size: .64rem;
    height: 1.7066rem;
    padding-left: .5973rem
}

.agree_refund_wrap[data-v-afda831c] {
    border-radius: .1706rem;
    box-shadow: 0 .0426rem .32rem rgba(0, 0, 0, .1);
    margin: .64rem;
    width: 14.72rem
}

.agree_refund_deal_time[data-v-afda831c] {
    color: #333;
    font-size: .64rem
}

.agree_refund_deal_time_wrap[data-v-afda831c] {
    align-items: center;
    display: flex;
    height: 1.7066rem;
    padding-left: .5973rem
}

.agree_refund_deal_time_label[data-v-afda831c] {
    color: #999;
    font-size: .64rem;
    margin-right: .5973rem
}

.reject_refund_wrap[data-v-afda831c] {
    border-radius: .1706rem;
    box-shadow: 0 .0426rem .32rem rgba(0, 0, 0, .1);
    margin: .64rem;
    width: 14.72rem
}

.reject_refund_text[data-v-afda831c] {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    font-size: .64rem;
    height: 1.7066rem;
    padding-left: .5973rem
}

.reject_refund_deal_time[data-v-afda831c] {
    color: #333;
    font-size: .64rem
}

.reject_refund_deal_time_wrap[data-v-afda831c] {
    align-items: center;
    display: flex;
    height: 1.7066rem;
    padding-left: .5973rem
}

.reject_refund_deal_time_label[data-v-afda831c],
.reject_refund_reason[data-v-afda831c] {
    color: #999;
    font-size: .64rem;
    margin-right: .5973rem
}

.reject_refund_reason[data-v-afda831c] {
    flex-shrink: 0
}

.reject_refund_reason_wrap[data-v-afda831c] {
    align-items: flex-start;
    display: flex;
    padding: 0 .5973rem .5973rem
}

.request_refund_wrap[data-v-afda831c] {
    border-radius: .1706rem;
    box-shadow: 0 .0426rem .32rem rgba(0, 0, 0, .1);
    margin: .64rem;
    width: 14.72rem
}

.request_refund_text[data-v-afda831c] {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    font-size: .64rem;
    height: 1.7066rem;
    padding-left: .5973rem
}

.request_refund_request_time[data-v-afda831c] {
    color: #333;
    font-size: .64rem
}

.request_refund_request_time_wrap[data-v-afda831c] {
    align-items: center;
    display: flex;
    height: 1.7066rem;
    padding-left: .5973rem
}

.request_refund_request_time_label[data-v-afda831c] {
    color: #999;
    font-size: .64rem;
    margin-right: .5973rem
}

.request_refund_reason_wrap[data-v-afda831c] {
    align-items: flex-start;
    display: flex;
    padding: 0 .5973rem .5973rem
}

.request_refund_reason_label[data-v-afda831c] {
    color: #999;
    flex-shrink: 0;
    font-size: .64rem;
    margin-right: .5973rem
}

.request_refund_reason_text[data-v-afda831c] {
    color: #333;
    font-size: .64rem;
    word-break: break-word
}

.request_refund_cert_list_wrap[data-v-afda831c] {
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: flex-start;
    padding: 0 .64rem .64rem
}

.request_refund_cert_img[data-v-afda831c] {
    border: 1px solid #eee;
    height: 2.9866rem;
    margin-left: .512rem;
    width: 2.9866rem
}

.request_refund_action[data-v-afda831c] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.reject_refund_reason_wrap span[aria-label],
.request_refund_reason_text span[aria-label] {
    white-space: pre-wrap
}

.jz_themeV3.mobiCol12 .empty_tips {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 19.2rem;
    justify-content: center;
    width: 100%
}

.jz_themeV3.mobiCol12 .empty_tips .img {
    background: url(/image/noItg.png?v=202306291520) no-repeat;
    background-size: contain;
    height: 10.67rem;
    position: relative;
    top: -2.1333rem;
    width: 10.67rem
}

.jz_themeV3.mobiCol12 .empty_tips .text {
    color: #353535;
    font-size: .64rem;
    position: relative;
    top: -3.2rem
}

.jz_themeV3.mobiCol12 #g_web {
    background-color: #f7f7f7;
    min-height: 100%
}

.jz_themeV3.mobiCol12 .profileContent {
    color: #333;
    padding: .5rem .5rem .5px
}

.jz_themeV3.mobiCol12 .bulletinCotent {
    color: #333;
    padding: .6rem .5rem;
    text-align: left
}

.jz_themeV3.mobiCol12 .profileContent ul {
    border-top: 1px solid #ececec;
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

.jz_themeV3.mobiCol12 .profileContent li:last-child {
    border-bottom: 1px solid #ebebeb
}

.jz_themeV3.mobiCol12 .profileContent li {
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 2.5rem;
    line-height: 2.5rem
}

.jz_themeV3.mobiCol12 .profileContent li .itemName {
    color: #333;
    float: left;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .profileContent li#coupon {
    position: relative
}

.jz_themeV3.mobiCol12 .profileContent li .itemName .couponTips {
    background: #ff3b30;
    border-radius: .5rem;
    height: .3rem;
    left: 5.4rem;
    position: absolute;
    top: .7rem;
    width: .3rem
}

.jz_themeV3.mobiCol12 .profileContent .g_globalLine .itemName {
    color: #333;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .75rem
}

.jz_themeV3.mobiCol12 .profileContent li .itemName .bulletinTitle {
    overflow: hidden;
    padding-right: 1rem;
    text-overflow: ellipsis
}

.jz_themeV3.mobiCol12 .profileContent .onLogout {
    height: 2.5rem
}

@keyframes newsReminds {
    0% {
        background-position: 100% 0
    }

    25% {
        background-position: 100% 20%
    }

    50% {
        background-position: 100% 0
    }

    75% {
        background-position: 100% 20%
    }

    to {
        background-position: 100% 0
    }
}

.jz_themeV3.mobiCol12 .profileContent li .itemName .newsReminds {
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    height: .3rem;
    left: -.1rem;
    padding-right: 0;
    position: relative;
    top: -.3rem;
    width: .3rem
}

.jz_themeV3.mobiCol12 .profileContent li .itemText {
    color: #999;
    float: right;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .profileContent li .clickIcon {
    color: #666;
    float: right;
    margin-right: .45rem
}

.jz_themeV3.mobiCol12 .profileContent li .clickIcon .icon-clickIcon:before {
    font-size: .9rem
}

.jz_themeV3.mobiCol12 .profileContent .modifyArea li {
    background: #fff;
    cursor: pointer
}

.jz_themeV3.mobiCol12 .profileContent .g_input,
.jz_themeV3.mobiCol12 .profileContent .g_select {
    padding-left: 2.1rem
}

.jz_themeV3.mobiCol12 .profileContent .itemInput {
    box-sizing: border-box
}

.jz_themeV3.mobiCol12 .profileContent .itemInput:focus {
    border-color: #9dbff6;
    color: #333;
    z-index: 2
}

.jz_themeV3.mobiCol12 .icon-noLoginIcon:before {
    color: #999;
    content: "";
    font-size: 4.5rem
}

.jz_themeV3.mobiCol12 #modifyProfile .loginIcon {
    margin-top: -2rem
}

.jz_themeV3.mobiCol12 #modifyPsw .loginIcon {
    margin-top: -1.45rem
}

.jz_themeV3.mobiCol12 .profileContent .incomeLine,
.jz_themeV3.mobiCol12 .profileContent .integrationLine {
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: -1px;
    position: relative;
    width: 100%;
    z-index: 1
}

.jz_themeV3.mobiCol12 .profileContent .incomeLine span,
.jz_themeV3.mobiCol12 .profileContent .integrationLine span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .profileContent .incomeLine span:first-child,
.jz_themeV3.mobiCol12 .profileContent .integrationLine span:first-child {
    box-sizing: border-box;
    display: inline-block;
    padding-left: .75rem;
    text-align: left;
    width: 80%
}

.jz_themeV3.mobiCol12 .profileContent .incomeLine span:last-child,
.jz_themeV3.mobiCol12 .profileContent .integrationLine span:last-child {
    box-sizing: border-box;
    display: inline-block;
    padding-right: .75rem;
    text-align: right;
    width: 20%
}

.jz_themeV3.mobiCol12 #profile .profileContent {
    padding: 0
}

.jz_themeV3.mobiCol12 .memberBasicInfoArea {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    margin-bottom: .5rem
}

.jz_themeV3.mobiCol12 .memberBasicInfo {
    border-top: 1px solid #ececec;
    height: 2.65rem;
    padding: .5rem 0 .5rem 3rem;
    width: 100%
}

.jz_themeV3.mobiCol12 .memberBasicInfo span {
    float: left
}

.jz_themeV3.mobiCol12 .memberBasicInfo .icon-pnameIcon {
    border: 3px solid #e6e6e6;
    border-radius: 50%;
    display: inline-block;
    height: 2.5rem;
    left: .5rem;
    overflow: hidden;
    position: absolute;
    width: 2.5rem;
    z-index: 1
}

.jz_themeV3.mobiCol12 .memberBasicInfo .icon-pnameIcon img {
    height: 2.5rem;
    max-height: none;
    max-width: none;
    position: absolute
}

.jz_themeV3.mobiCol12 #editMemberHeadPic {
    background-color: #000;
    width: 100%
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea {
    border-top: 1px solid #1d1d1d;
    max-width: 100%;
    position: relative
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea img {
    position: absolute
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea .coverImg {
    z-index: 1
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea .cover {
    background-color: #000;
    opacity: .5;
    position: absolute;
    z-index: 1
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea .coverRing {
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea .coverBox {
    border: 1px dashed #fff;
    cursor: move;
    position: absolute;
    z-index: 99
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .picArea .coverBox .dragPoint {
    background: #fff none repeat scroll 0 0;
    cursor: nw-resize;
    height: 8px;
    overflow: hidden;
    position: absolute;
    width: 8px;
    z-index: 5
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .editHeadPicFooter {
    background-color: #222;
    bottom: 0;
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .editBtn {
    border: 1px solid #333;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .9rem;
    height: 2rem;
    line-height: 2rem;
    margin: .5rem 1.5rem;
    padding: 0 .5rem;
    position: absolute;
    width: 4rem
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .saveBtn {
    right: 0
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .modifyBtn {
    left: 0
}

.jz_themeV3.mobiCol12 #editMemberHeadPic .editHeadPicFooter .swfupload {
    filter: alpha(opacity=0);
    height: 2rem;
    left: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    width: 4rem;
    z-index: 99
}

.jz_themeV3.mobiCol12 .fileUploadBtn {
    height: 2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 4rem
}

.jz_themeV3.mobiCol12 .mallThemeBulletinCotent table[align=center],
.jz_themeV3.mobiCol12 .mProContent table[align=center],
.jz_themeV3.mobiCol12 .webModuleContainer table[align=center] {
    margin: 0 auto
}

.jz_themeV3.mobiCol12 .memberBasicInfo .memberName {
    color: #535353;
    margin: 1rem 0 0 .5rem
}

.jz_themeV3.mobiCol12 .memberBasicInfo .memberLevelName {
    color: #fd8668;
    margin: 1rem 0 0 .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 4rem
}

.jz_themeV3.mobiCol12 #profile .profileContent .newProfileIcon:before {
    font-size: .9rem
}

.jz_themeV3.mobiCol12 #profile .profileContent .icon-cLogoutIcon:before {
    font-size: .85rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .profileContent {
    margin-top: 1.1rem;
    padding-top: 0
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_input {
    border: none;
    color: #999;
    margin-top: 0;
    padding-left: 3.75rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .itemInput:focus {
    border-color: #9dbff6;
    color: #333
}

.jz_themeV3.mobiCol12 #modifyPersInfo .profileContent .itemName {
    margin: .75rem 0 .75rem .5rem;
    text-align: left
}

.jz_themeV3.mobiCol12 #modifyPersInfo .profileContent .sendIcon {
    color: #f7f7f7
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_button {
    height: 2.5rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_globalLine {
    border-bottom: 0;
    margin-top: .3rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo #mobileCt {
    opacity: 0;
    padding-left: 2rem;
    width: 6.8rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo #mobile {
    border-left: 1px solid #ebebeb;
    padding-left: .15rem;
    padding-right: 0;
    vertical-align: bottom;
    width: 8.2rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .mobileCtVal {
    background: #fff;
    font-size: .6rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    text-indent: 3.35rem;
    width: 6.8rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .mobileCtBorder {
    border-left: 1px solid #ccc;
    height: .7rem;
    left: 6.35rem;
    position: absolute;
    top: .78rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .mobileCtIcon {
    left: 5.5rem;
    position: absolute;
    top: .8rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .icon-downward:before {
    font-size: 1rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .acctDes {
    background: #fff;
    border-top: none;
    color: #999;
    font-size: .5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: .75rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .acct {
    border-bottom: 1px solid #ebebeb
}

.jz_themeV3.mobiCol12 #modifyPersInfo .canNotReset {
    background-color: #f9f9f9;
    color: #d8d8d8
}

.jz_themeV3.mobiCol12 #modifyPersInfo .acct.disCls {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    color: #e2e2e2
}

.jz_themeV3.mobiCol12 #formList {
    display: none
}

.jz_themeV3.mobiCol12 #formList .profileContent {
    padding: 0 .75rem
}

.jz_themeV3.mobiCol12 #formList .item {
    height: auto;
    line-height: normal
}

.jz_themeV3.mobiCol12 #formList .item .remind {
    background-color: #ff3b30;
    border-radius: 50%;
    display: inline-block;
    height: .25rem;
    left: 0;
    padding-right: 0;
    position: relative;
    top: -.4rem;
    width: .25rem
}

.jz_themeV3.mobiCol12 #formList .area {
    border-top: none
}

.jz_themeV3.mobiCol12 #formList .item .form_name {
    color: #333;
    font-size: .65rem;
    padding-top: .65rem;
    word-break: break-all
}

.jz_themeV3.mobiCol12 #formList .item .form_date {
    color: #999;
    display: flex;
    font-size: .5rem;
    justify-content: space-between;
    padding-bottom: .75rem;
    padding-top: .3rem
}

.jz_themeV3.mobiCol12 #myForm .clickIcon .update_tips {
    color: #999;
    font-size: .5rem
}

.jz_themeV3.mobiCol12 #myForm .clickIcon .update_tips.hidden,
.jz_themeV3.mobiCol12 #myForm .itemName .remind.hidden {
    display: none
}

.jz_themeV3.mobiCol12 #myForm .itemName svg {
    fill: #666;
    height: .7rem;
    padding-left: .3rem;
    padding-right: .8rem;
    position: relative;
    top: .08rem;
    width: .6rem
}

.jz_themeV3.mobiCol12 #formDetail {
    display: none
}

.jz_themeV3.mobiCol12 #formDetail .profileContent {
    background-color: #fff;
    padding: 1.15rem .75rem .75rem
}

.jz_themeV3.mobiCol12 #formDetail .item {
    margin-bottom: .75rem
}

.jz_themeV3.mobiCol12 #formDetail .item.curStatus {
    font-size: .6rem
}

.jz_themeV3.mobiCol12 #formDetail .item .name {
    color: #333;
    font-size: .6rem;
    margin-bottom: .5rem
}

.jz_themeV3.mobiCol12 #formDetail .item .data {
    background: #f6f6f6;
    border-radius: .086rem;
    color: #666;
    font-size: .6rem;
    padding: .5rem .475rem .5rem .75rem;
    white-space: pre-wrap;
    word-break: break-all
}

.jz_themeV3.mobiCol12 #formDetail .item .empty_remark_tips {
    color: #ccc
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent .noCollIcon {
    background: url(/image/v2/defaultIcon01.png?v=202306291520) no-repeat 50%;
    background-size: 3.5rem;
    height: 6rem;
    margin: 18% auto 1rem;
    width: 5.5rem
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent .noCollTip {
    color: #666;
    font-family: 微软雅黑;
    padding-bottom: 200px;
    text-align: center
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li {
    border-bottom: 1px solid #eee;
    height: 5rem;
    list-style: none;
    padding: .5rem 0;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li:first-child {
    height: 4.5rem;
    padding-top: 0
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li .pdImg img {
    max-height: 4rem;
    max-width: 4rem
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li .pdImg {
    display: inline-block;
    margin-right: .5rem;
    position: absolute
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li .pdName {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 2rem;
    line-height: 1rem;
    overflow: hidden;
    padding-left: 4.5rem;
    text-overflow: ellipsis;
    vertical-align: top
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li .pdPrice {
    height: 2rem;
    line-height: 2rem;
    padding-left: 4.5rem;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li .mallPrice {
    color: #f40;
    display: inline-block;
    line-height: 1rem;
    vertical-align: bottom;
    width: 50%
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent li .cancelCollection {
    border: 1px solid #666;
    border-radius: 3px;
    bottom: .5rem;
    color: #666;
    cursor: pointer;
    line-height: 1.4rem;
    max-width: 6rem;
    overflow: hidden;
    padding: 0 .6rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList {
    background-color: #fff;
    top: 0;
    width: 100%;
    z-index: 2
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList .coupon-tab {
    border-bottom: 1px solid #dedede;
    display: inline-block;
    padding: .5rem 0;
    position: relative;
    text-align: center;
    width: 33.333%
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList .coupon-tab>span {
    border-right: 1px solid #dedede;
    display: inline-block;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList .coupon-tab:last-child>span {
    border-right: none
}

.jz_themeV3.mobiCol12 #modifyCoupon .coupon-tab em {
    border: .4rem solid transparent;
    bottom: -.8rem;
    display: block;
    font-size: 0;
    left: 50%;
    line-height: 0;
    margin-bottom: 1px;
    margin-left: -.4rem;
    position: absolute;
    z-index: 1
}

.jz_themeV3.mobiCol12 #modifyCoupon .show-coupon-list {
    color: #636363
}

.jz_themeV3.mobiCol12 .show-coupon-list .cp-layer {
    background: #eee;
    height: 20rem;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyCoupon .coupon-empty {
    height: 11rem
}

.jz_themeV3.mobiCol12 .coupon-warp {
    background: #fff;
    border-top: .5rem solid #eee;
    font-size: .6rem;
    height: 5rem;
    padding: .3rem .5rem;
    position: relative
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon-code {
    border-bottom: 1px solid #f2f2f2;
    font-size: .65rem;
    height: 1.4rem;
    line-height: 1rem;
    margin-bottom: .3rem
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon-data {
    margin-top: .5rem;
    width: 66%
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon-data>div {
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon {
    display: inline-block;
    height: 3rem;
    position: absolute;
    right: .5rem;
    top: 2.2rem
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-content {
    font-weight: 400;
    height: 3rem;
    vertical-align: top;
    width: 4rem
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon div {
    display: inline-block
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon-content div {
    line-height: 16px;
    width: 100%
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .couponSavePrice {
    color: #fff;
    font-weight: 700;
    line-height: 2.8rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .priceSign {
    display: inline-block;
    font-size: .6rem;
    position: relative;
    top: -.7rem
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .couponPrice {
    font-size: 1.5rem
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-watermark {
    border: .2rem solid #fff;
    border-radius: 50%;
    color: #fff;
    font-family: Microsoft YaHei;
    font-size: 3rem;
    height: 4rem;
    opacity: .1;
    overflow: hidden;
    position: absolute;
    right: -1rem;
    text-align: center;
    top: -1rem;
    width: 4rem
}

@media screen and (max-width:300px) {
    .jz_themeV3.mobiCol12 .coupon-warp {
        height: 6rem
    }

    .jz_themeV3.mobiCol12 .coupon-warp .coupon-data>div {
        line-height: 1rem
    }
}

.jz_themeV3.mobiCol12 .coupon-warp .icons-trash2 {
    display: inline-block;
    height: 1rem;
    width: 1rem
}

.jz_themeV3.mobiCol12 .coupon-warp .icons-trash2:before {
    color: #ccc;
    content: ""
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-left,
.jz_themeV3.mobiCol12 .coupon .coupon-right {
    background-size: 170px 3rem !important;
    height: 100%;
    width: 5px
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-red {
    background-color: #ce0c00
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-orange {
    background-color: #ff6804
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-yellow {
    background-color: #f6c200
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-green {
    background-color: #64c841
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-blue {
    background-color: #25b0f1
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-pink {
    background-color: #fe5165
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-purple {
    background-color: #ab20ff
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-color-gray {
    background-color: #b9b9b9
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-red-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) 0 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-red-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -11px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-orange-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -22px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-orange-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -33px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-yellow-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -44px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-yellow-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -55px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-green-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -66px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-green-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -77px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-blue-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -88px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-blue-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -99px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-pink-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -110px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-pink-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -121px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-purple-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -132px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-purple-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -143px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-gray-left {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -154px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon-warp .coupon .coupon-gray-right {
    background: url(/image/coupon/v_waveLine.png?v=202306291520) -165px 0 no-repeat
}

.jz_themeV3.mobiCol12 .coupon .fk-coupon-expired {
    background: url(/image/coupon/invalid.png?v=202306291520) no-repeat;
    background-size: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 3px;
    top: 0;
    width: 1.5rem
}

.jz_themeV3.mobiCol12 .couponListPanel .icon-coupons1 {
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    font-size: 4rem;
    height: 5rem;
    left: 50%;
    line-height: 5rem;
    margin-left: -2.5rem;
    margin-top: 4rem;
    position: absolute;
    text-align: center;
    width: 5rem
}

.jz_themeV3.mobiCol12 .couponListPanel .icon-coupons1:before {
    color: #fff;
    content: ""
}

.jz_themeV3.mobiCol12 .couponListPanel .showMsg {
    color: #7f7f7f;
    margin-top: 9.5rem;
    position: absolute;
    text-align: center;
    width: 100%
}

.jz_themeV3.mobiCol12 #knowPayList {
    display: none
}

.jz_themeV3.mobiCol12 #knowPayList .profileContent {
    margin-top: 0;
    padding: 0
}

.jz_themeV3.mobiCol12 #knowPayList .productList {
    border: none
}

.jz_themeV3.mobiCol12 #knowPayList ul.productList:first-child {
    padding-top: .75rem
}

.jz_themeV3.mobiCol12 #knowPayList .productList li {
    border: none;
    display: flex;
    height: auto;
    line-height: normal;
    padding-left: .5rem;
    padding-right: .625rem;
    padding-top: 0
}

.jz_themeV3.mobiCol12 #knowPayList .productList li a {
    display: flex;
    width: 100%
}

.jz_themeV3.mobiCol12 #knowPayList .productList li .leftContent {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: .15rem;
    height: 4.25rem;
    margin-bottom: 1.1rem;
    width: 4.25rem
}

.jz_themeV3.mobiCol12 #knowPayList .productList li .know_pay_list_item_product_img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.7733rem;
    width: 2.7733rem
}

.jz_themeV3.mobiCol12 #knowPayList .productList li .rightContent {
    flex: 1;
    padding-left: .375rem
}

.jz_themeV3.mobiCol12 #knowPayList .productList li .rightContent .knowPaytitle {
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    line-height: .75rem;
    padding-top: .2rem
}

.jz_themeV3.mobiCol12 #knowPayList .productList li .rightContent .knowPayTime {
    color: #666;
    font-size: .5rem;
    font-weight: 500;
    padding-top: .375rem
}

.jz_themeV3.mobiCol12 #knowPayList .productList li .sliderLine {
    border-bottom: .025rem solid #f0f0f0
}

.jz_themeV3.mobiCol12 #knowPayment .itemName svg {
    fill: #666;
    height: .7rem;
    padding-left: .3rem;
    padding-right: .8rem;
    position: relative;
    top: .08rem;
    width: .6rem
}

.jz_themeV3.mobiCol12 #clientDelMember .itemName svg {
    height: .768rem;
    padding-left: .3rem;
    padding-right: .6827rem;
    position: relative;
    top: .08rem;
    width: .768rem
}

.jz_themeV3.mobiCol12 #memberProtocol .itemName svg {
    height: .768rem;
    padding-left: .3rem;
    padding-right: .512rem;
    position: relative;
    top: .08rem;
    width: .768rem
}

.jz_themeV3.mobiCol12 .groupBuyListPanel {
    background: #f7f7f7
}

.jz_themeV3.mobiCol12 .gbListContent .gbEmpty {
    background: #fff;
    margin-top: .35rem
}

.jz_themeV3.mobiCol12 .member_name_and_level {
    display: flex;
    margin: .4rem 0 .2rem
}

.jz_themeV3.mobiCol12 .bulletin_title_v3.news_reminds_v3 {
    background-color: #ff3b30;
    border-radius: 50%;
    display: inline-block;
    height: .25rem;
    left: 0;
    padding-right: 0;
    position: relative;
    top: -.4rem;
    width: .25rem
}

.jz_themeV3.mobiCol12 .bulletin_title_v3 {
    overflow: hidden;
    padding-right: 1rem;
    text-overflow: ellipsis
}

.jz_themeV3.mobiCol12 .bulletin_cotent_v3 {
    background-color: #fff;
    color: #666;
    padding: 1.5rem 1rem;
    text-align: left
}

.jz_themeV3.mobiCol12 .bulletin_no_cotent_v3 {
    background-color: #fff;
    color: #999;
    font-size: .6rem;
    text-align: center
}

.jz_themeV3.mobiCol12 .hasNoMsg {
    background-color: #fff;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    text-align: center
}

.jz_themeV3.mobiCol12 .hasNoMsgIcon {
    height: 6rem;
    width: 5.5rem
}

@keyframes news_reminds_v3 {
    0% {
        background-position: 100% 0
    }

    25% {
        background-position: 100% 20%
    }

    50% {
        background-position: 100% 0
    }

    75% {
        background-position: 100% 20%
    }

    to {
        background-position: 100% 0
    }
}

.jz_themeV3.mobiCol12 .profileContent .modifyArea {
    background: #fff;
    border-top: none;
    margin-top: 0
}

.jz_themeV3.mobiCol12 .profileContent li>div {
    color: #333
}

.jz_themeV3.mobiCol12 .profileContent .modifyArea li {
    align-items: center;
    border-color: #f0f0f0;
    color: #333;
    display: flex;
    font-size: .6rem;
    height: 2.25rem;
    justify-content: space-between;
    line-height: 2.25rem;
    margin: 0 .75rem
}

.jz_themeV3.mobiCol12 .profileContent .onLogout {
    align-items: center;
    color: #333;
    display: flex;
    font-size: .6rem;
    justify-content: center;
    line-height: normal
}

.jz_themeV3.mobiCol12 .profileContent .modifyArea li#coupon {
    position: relative
}

.jz_themeV3.mobiCol12 .profileContent .modifyArea .couponTips {
    background: #ff3b30;
    border-radius: .5rem;
    height: .3rem;
    left: 5.2rem;
    position: absolute;
    top: .7rem;
    width: .3rem
}

.jz_themeV3.mobiCol12 .modifyPersInfo .profileContent,
.jz_themeV3.mobiCol12 .modifyPersInfo .profileContent .f_editArea .g_input {
    padding-left: 0
}

.jz_themeV3.mobiCol12 .productMallOptionPanel.withPriceCalendar .mallOptionAndNumBox,
.jz_themeV3.mobiCol12 .productMallOptionPanel.withPriceCalendar .productMallOptionContent {
    height: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    min-height: calc(100% - 2rem)
}

.jz_themeV3.mobiCol12 .productMallOptionPanel.withPriceCalendar .productMallOptionHead {
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    height: 2rem;
    padding: 0 .75rem
}

.jz_themeV3.mobiCol12 .productMallOptionPanel.withPriceCalendar .productMallOptionHead .indicator {
    color: #999;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 .productMallOptionPanel.withPriceCalendar .g_mallLabel {
    border-radius: 3px
}

.jz_themeV3.mobiCol12 .profileContent li.myMallOrderList {
    border-bottom: .4rem solid #f5f5f5;
    display: block;
    height: auto;
    margin: 0
}

.jz_themeV3.mobiCol12 .myMallOrderDiviceLine {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center
}

.jz_themeV3.mobiCol12 .mall_order_item {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    padding-bottom: .75rem;
    padding-top: .9rem
}

.jz_themeV3.mobiCol12 .mallItemIcon {
    color: #3d3d3d;
    font-size: .9rem;
    height: auto;
    line-height: normal;
    margin-bottom: .4rem;
    padding-top: 0
}

.jz_themeV3.mobiCol12 .mallItemText {
    line-height: normal;
    max-width: 1.93rem;
    min-width: 1.125rem
}

.jz_themeV3.mobiCol12 .diviceOrderNum {
    background: #ff3b30;
    border-radius: .5rem;
    color: #fff;
    font-size: .4rem;
    height: .65rem;
    line-height: .65rem;
    margin: 0;
    padding: 0;
    right: 0;
    top: -.25rem;
    width: .8rem
}

.jz_themeV3.mobiCol12 .diviceOrderNum.circle_radius {
    height: .65rem;
    width: .65rem
}

.jz_themeV3.mobiCol12 .profileContent .myMallOrderList+li {
    border: none;
    border-bottom: .025rem solid #f0f0f0
}

.jz_themeV3.mobiCol12 .mallOrderDiviceItem a {
    min-width: 1.9rem;
    position: relative
}

.jz_themeV3.mobiCol12 #profile .profileContent:before {
    color: #3d3d3d;
    font-size: .7rem
}

.jz_themeV3.mobiCol12 .mallItemIcon:before {
    color: #3d3d3d;
    font-size: .875rem
}

.jz_themeV3.mobiCol12 .toComment:before {
    content: "򰌖"
}

.jz_themeV3.mobiCol12 #profile .icon-customIcon:before {
    content: ""
}

.jz_themeV3.mobiCol12 .mobiCol11 #g_web,
.jz_themeV3.mobiCol12 .mobiCol12 #g_web,
.jz_themeV3.mobiCol12 .mobiCol14 #g_web,
.jz_themeV3.mobiCol12 .mobiCol16 #g_web {
    background: #f5f5f5
}

.jz_themeV3.mobiCol12 .jz_themeV3.mobiCol12 .middleCenter {
    padding-bottom: 0
}

.jz_themeV3.mobiCol12 .mobiPromptShow .mobiPrompt_inner {
    width: 13.45rem
}

.jz_themeV3.mobiCol12 .mobiPrompt .mobiPrompt_content {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    color: #333;
    display: flex;
    font-size: .7rem;
    justify-content: center;
    min-height: 2.95rem;
    padding: .6rem 1.15rem
}

.jz_themeV3.mobiCol12 .mobiPrompt .mobiPrompt_buttons {
    align-items: center;
    display: flex;
    font-size: .6rem;
    height: 2.25rem;
    justify-content: center;
    padding: 0
}

.jz_themeV3.mobiCol12 .mobiPrompt .mobiPromptCancel,
.jz_themeV3.mobiCol12 .mobiPrompt .mobiPromptSave {
    align-items: center;
    background: none;
    border: none;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 50%
}

.jz_themeV3.mobiCol12 .mobiPrompt .mobiPromptCancel {
    border-right: 1px solid #e5e5e5
}

.jz_themeV3.mobiCol12 .mobiPrompt .mobiPromptSave {
    color: #ff3b30
}

.jz_themeV3.mobiCol12 .member_basic_info_area {
    border-bottom: .5rem solid #f5f5f5
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 {
    align-items: center;
    border-top: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    height: 6.5rem;
    justify-content: center;
    width: 100%
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 span {
    color: #666;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 .icon-pnameIcon {
    border: .2rem solid hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    display: flex;
    height: 2.75rem;
    overflow: hidden;
    width: 2.75rem
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 .icon-pnameIcon img {
    height: 2.75rem;
    max-width: none;
    width: 2.75rem
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 .memberName {
    color: #fff;
    font-size: .7rem;
    margin-right: .4rem;
    max-width: 10.45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 .member_name_and_level.not_auth .memberName {
    margin-right: 0
}

.jz_themeV3.mobiCol12 .member_basic_info_v3 .memberLevelName {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .member_msg_head_pic_v3 {
    border-radius: 0;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyPersInfo .profile_content_v3 {
    background-color: #fff;
    padding: 0
}

.jz_themeV3.mobiCol12 #modifyPersInfo .member_name_and_level {
    display: flex;
    margin: .5rem auto .6rem
}

.jz_themeV3.mobiCol12 .memberMsgHeadPicV3 {
    height: 2.75rem;
    width: 2.75rem
}

.jz_themeV3.mobiCol12 #profile .profileContent {
    background-color: #f5f5f5;
    padding-bottom: 1rem
}

.jz_themeV3.mobiCol12 .g_globalLine {
    align-items: center;
    margin-top: 0
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_globalLine_wrap {
    background: #fff;
    padding: 0 1.15rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .profile_v3_msg_icon:before {
    font-size: .65rem;
    height: auto;
    left: 0;
    line-height: .65rem;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol12 .profileContent li .clickIcon .icon-clickIcon {
    color: #4d4d4d;
    font-size: .3rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_globalLine {
    margin-top: 0
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_input {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: .6rem;
    height: 2.25rem;
    line-height: 1rem;
    margin-bottom: .05rem;
    max-width: 100%;
    padding-left: 3.35rem;
    text-overflow: ellipsis
}

.jz_themeV3.mobiCol12 #modifyPersInfo .canNotReset {
    background-color: #fff;
    color: #999
}

.jz_themeV3.mobiCol12 #profile .icon-orderIcon:before {
    display: none
}

.jz_themeV3.mobiCol12 .profileContent .myMallOrderLine {
    border-bottom: .025rem solid #eee;
    padding: 0 .75rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_input::-webkit-input-placeholder {
    color: #c4c9ca;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo select.g_input {
    line-height: normal;
    margin-bottom: .05rem;
    padding-left: 3.1rem;
    padding-right: 1.5rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .otherSettingIcon .icon-downward {
    width: .575rem
}

.jz_themeV3.mobiCol12 .mobileCtIcon {
    left: 5.5rem;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol12 .otherSettingIcon {
    z-index: 2
}

.jz_themeV3.mobiCol12 .mobileCtIconWrap,
.jz_themeV3.mobiCol12 .otherSettingIcon {
    left: auto !important;
    right: .25rem !important
}

.jz_themeV3.mobiCol12 .mobileCtIconWrap {
    z-index: 2
}

.jz_themeV3.mobiCol12 .mobileCtIcon .icon-downward {
    transition: transform .3s
}

.jz_themeV3.mobiCol12 input.selectCover {
    border-bottom: .025rem solid #eee;
    height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-top: 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 0
}

.jz_themeV3.mobiCol12 input.selectCover+select {
    opacity: 0;
    position: relative;
    z-index: 3
}

.jz_themeV3.mobiCol12 input.selectCoverRight {
    border: 0;
    height: 2rem;
    padding: 0;
    position: absolute;
    right: 0;
    width: 3.5rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .icon-downward:before {
    color: #666;
    content: "";
    font-size: .7rem;
    height: 1rem;
    width: 1rem
}

.jz_themeV3.mobiCol12 #signupPage div.selectCover {
    border-bottom: .025rem solid #eee;
    height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-top: 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.jz_themeV3.mobiCol12 #signupPage div.selectCover+select {
    opacity: 0;
    position: relative;
    z-index: 3
}

.jz_themeV3.mobiCol12 #signupPage div.selectCoverRight {
    border: 0;
    height: 2rem;
    padding: 0;
    position: absolute;
    right: 0;
    width: 3.5rem
}

.jz_themeV3.mobiCol12 #signupPage .icon-downward:before {
    color: #666;
    content: "";
    font-size: .7rem;
    height: 1rem;
    width: 1rem
}

.jz_themeV3.mobiCol12 #mSignUp .icon-uncheckIco,
.jz_themeV3.mobiCol12 #signupPage .icon-checkIcon {
    position: relative;
    top: -.04rem
}

.jz_themeV3.mobiCol12 #mSignUp div.selectCover {
    border-bottom: .025rem solid #eee;
    height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-top: 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.jz_themeV3.mobiCol12 #mSignUp div.selectCover+select {
    opacity: 0;
    position: relative;
    z-index: 3
}

.jz_themeV3.mobiCol12 #mSignUp .bindSignUpV3Line div.selectCoverRight {
    border: 0;
    color: #333;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 3.5rem
}

.jz_themeV3.mobiCol12 #mSignUp .icon-downward:before {
    color: #666;
    content: "";
    font-size: .7rem;
    height: 1rem;
    width: 1rem
}

.jz_themeV3.mobiCol12 #mSignUp .icon-msgIcon {
    color: #333;
    font-size: .65rem;
    left: 0
}

.jz_themeV3.mobiCol12 #fillAcctInfo div.selectCover {
    border-bottom: .025rem solid #eee;
    height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-top: 0;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.jz_themeV3.mobiCol12 #fillAcctInfo div.selectCover+select {
    opacity: 0;
    position: relative;
    z-index: 3
}

.jz_themeV3.mobiCol12 #fillAcctInfo div.selectCoverRight {
    border: 0;
    color: #333;
    height: 2rem;
    padding: 0 1.5rem 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 3.5rem
}

.jz_themeV3.mobiCol12 #fillAcctInfo .icon-downward:before {
    color: #666;
    content: "";
    font-size: .7rem;
    height: 1rem;
    width: 1rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo #mobile {
    border: none;
    height: 2.25rem;
    line-height: 2.25rem;
    width: 6rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .mobileCtVal {
    color: #333;
    height: 2.25rem;
    line-height: 2.25rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo #mobileCt {
    border: none;
    padding: 0
}

.jz_themeV3.mobiCol12 #modifyPersInfo .mobileLine {
    border-bottom: .025rem solid #eee;
    padding: .025rem 0
}

.jz_themeV3.mobiCol12 #modifyPersInfo .acctDes {
    padding-left: 0
}

.jz_themeV3.mobiCol12 .customIcon {
    font-size: .65rem;
    height: auto;
    left: 0;
    line-height: .65rem;
    max-width: 2.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.jz_themeV3.mobiCol12 .memeber_file_line .customIcon {
    max-width: 100%
}

.jz_themeV3.mobiCol12 .profileContent li .clickIcon .icon-clickIcon:before {
    color: #c7c7c7;
    content: "";
    font-size: .75rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo .g_button {
    height: 2rem;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    width: 13.7rem
}

.jz_themeV3.mobiCol12 .sendBtnWrap {
    background: #fff;
    padding: 1.5rem .5rem
}

.jz_themeV3.mobiCol12 #addrInfoList .profileLoginHeader .icon-gClose:before,
.jz_themeV3.mobiCol12 #mBulletinConten .profileLoginHeader .icon-gClose:before,
.jz_themeV3.mobiCol12 #modifyPersInfo .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyPersInfo .profileContent {
    margin-top: 0
}

.jz_themeV3.mobiCol12 .profileLoginHeader {
    align-items: center;
    background: #fff;
    border-bottom: .01rem solid #eee;
    box-sizing: border-box;
    display: flex;
    height: 2.15rem;
    justify-content: center;
    line-height: 2.15rem
}

.jz_themeV3.mobiCol12 .profileLoginHeader .title {
    color: #333;
    font-size: .75rem
}

.jz_themeV3.mobiCol12 .profile_v3 .icon-gClose {
    color: #333;
    font-size: .8rem
}

.jz_themeV3.mobiCol12 .profile_v3 .profileLoginHeader .icon-gClose:before {
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 .showAllOrder {
    color: #999;
    font-size: .55rem;
    margin-right: .1rem
}

.jz_themeV3.mobiCol12 .profileContent li .clickIcon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 0
}

.jz_themeV3.mobiCol12 #modifyIntegral .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyIntegral .profileContent .integrationLine,
.jz_themeV3.mobiCol12 .profileContent .incomeLine {
    border: none;
    border-bottom: 1px solid #ebebeb;
    margin-top: 0
}

.jz_themeV3.mobiCol12 #modifyIntegral .profileContent .incomeLine {
    border-bottom: none
}

.jz_themeV3.mobiCol12 #modifyIntegral .profileContent {
    padding: 0
}

.jz_themeV3.mobiCol12 #modifyIntegral .whole_top {
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyIntegral .top_container {
    height: 6rem;
    position: relative;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyIntegral .top_container .widget {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 1.067rem;
    color: #fff;
    display: inline-block;
    font-size: .5973rem;
    height: 1.067rem;
    left: -.384rem;
    line-height: 1.067rem;
    max-width: 5.333rem;
    min-width: 2.176rem;
    overflow: hidden;
    padding-left: .64rem;
    padding-right: .5333rem;
    position: absolute;
    text-align: right;
    text-overflow: ellipsis;
    top: .4267rem;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 #modifyIntegral .top_container .top_bar {
    align-items: center;
    background-image: url(/image/v2/integralHead.png?v=202306291520);
    display: flex;
    height: 6rem;
    justify-content: center;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyIntegral .top_container .top_bar .credit_points {
    color: #fff;
    font-size: 1.28rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .nav_container {
    background: #fff;
    height: 2.3893rem;
    margin-top: .384rem;
    position: relative;
    width: 100%;
    z-index: 999
}

.jz_themeV3.mobiCol12 #modifyIntegral .nav_container .nav {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    height: 2.1333rem;
    justify-content: space-around;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyIntegral .nav_container .nav .item {
    color: #999;
    font-size: .6826rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .nav_container .nav .item.checked {
    color: #353535;
    font-weight: 700
}

.jz_themeV3.mobiCol12 #modifyIntegral .nav_container .underline {
    border-radius: .064rem;
    display: inline-block;
    height: .128rem;
    position: absolute;
    top: 2.0053rem;
    transition: left .5s cubic-bezier(.175, .885, .32, 1.325);
    width: 1.067rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .list {
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    padding-bottom: .4rem;
    padding-top: .4rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .loadMore {
    align-items: center;
    color: #353535;
    cursor: pointer;
    display: flex;
    font-size: .5973rem;
    height: 2.56rem;
    justify-content: center
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg_order {
    height: 3.52rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .64rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg .left .top {
    color: #353535;
    font-size: .5973rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg .left .middle {
    color: #353535;
    font-size: .512rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg .left .bottom {
    color: #999;
    font-size: .4693rem;
    margin-top: .256rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg .right.income {
    color: #f13a3a;
    font-size: .768rem;
    margin-right: .7467rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .a_itg .right.expenses {
    color: #4ab344;
    font-size: .768rem;
    margin-right: .7467rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .no_itg {
    align-items: center;
    background: #fff;
    display: none;
    flex-direction: column;
    height: 19.2rem;
    justify-content: center;
    width: 100%
}

.jz_themeV3.mobiCol12 #modifyIntegral .no_itg .img {
    background: url(http://ma.faisys.com/image/wxmallapp/noItg.png) no-repeat;
    background-size: contain;
    height: 10.67rem;
    position: relative;
    top: -2.1333rem;
    width: 10.67rem
}

.jz_themeV3.mobiCol12 #modifyIntegral .no_itg .txt {
    color: #353535;
    font-size: .64rem;
    position: relative;
    top: -3.2rem
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent {
    background-color: #fff;
    font-size: .7rem
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent .noCollIcon {
    margin: 1.5rem auto 1rem
}

.jz_themeV3.mobiCol12 #modifyCollection .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyCollection .profileContent .noCollTip {
    color: #999;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 #modifyPsw .g_input {
    align-items: center;
    border: none;
    border-bottom: .025rem solid #eee;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    line-height: 1rem;
    margin-bottom: .025rem;
    padding-left: 2.9rem
}

.jz_themeV3.mobiCol12 #modifyPsw .icon-cnOldPsw:before,
.jz_themeV3.mobiCol12 #modifyPsw .profile_v3_msg_icon:before {
    font-size: .65rem
}

.jz_themeV3.mobiCol12 #modifyPsw #confirmPsw {
    border-width: .025rem
}

.jz_themeV3.mobiCol12 #modifyPsw .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 #bindNow .bindV3 .g_input::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #bindOtherAcct .g_input::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #fillAcctInfo .g_input::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #memberFdPwdStepOne #acquirerInput::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #memberFdPwdStepOne #memCodeInput::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #memberFdPwdStepThree #memPwd2::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #memberFdPwdStepThree #memPwd::-webkit-input-placeholder,
.jz_themeV3.mobiCol12 #modifyPsw .g_input::-webkit-input-placeholder {
    color: #c4c9ca;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 #modifyPsw .profileContent {
    background-color: #fff;
    padding: 1.15rem
}

.jz_themeV3.mobiCol12 #modifyPsw .profile_v3_msg_icon:before {
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol12 #modifyPsw .profileSubmit {
    color: #fff;
    font-size: .65rem;
    height: 1.75rem;
    line-height: 1.75rem;
    margin-top: 1.5rem
}

.jz_themeV3.mobiCol12 .modifyProfile .profileSubmit:disabled {
    opacity: .5
}

.jz_themeV3.mobiCol12 #modifyCutPrice .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 .cpListContent {
    background-color: #fff
}

.jz_themeV3.mobiCol12 .cpListContent .cpEmpty {
    padding: 1.5rem 0 0
}

.jz_themeV3.mobiCol12 .cpListContent .cpEmpty .cpEmptyText {
    color: #999;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 .cpListContent .cpEmpty .cpEmptyIcon {
    margin-bottom: 1rem
}

.jz_themeV3.mobiCol12 .promPoster,
.jz_themeV3.mobiCol12 .promWelcomeTxt {
    background-color: #fff
}

.jz_themeV3.mobiCol12 #modifyCoupon .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyCoupon .coupon-tab em {
    display: none
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList .coupon-tab {
    border: none;
    color: #666;
    font-size: .6rem
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList .fk-coupon-tab-active {
    color: #333
}

.jz_themeV3.mobiCol12 #modifyCoupon .tabList .coupon-tab>span {
    border: none
}

.jz_themeV3.mobiCol12 .hasNoCoupons {
    background: url(/image/v2/defaultIcon09.png?v=202306291520) no-repeat 50%;
    height: 6rem;
    margin: 1.5rem auto 1rem;
    width: 5.5rem
}

.jz_themeV3.mobiCol12 .couponListPanel .showMsg {
    color: #999;
    font-size: .6rem;
    margin-top: 0
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponListPanel {
    position: relative
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItem {
    border-radius: .213rem;
    box-shadow: none
}

.jz_themeV3.mobiCol12 #modifyCoupon .coupon_item_wrap {
    display: flex;
    height: 3.84rem
}

.jz_themeV3.mobiCol12 #modifyCoupon .cpUnderline {
    border-radius: .128rem;
    display: inline-block;
    height: .085rem;
    left: 1.8rem;
    position: absolute;
    top: 1.75rem;
    transition: left .5s cubic-bezier(.175, .885, .32, 1.325);
    width: .85rem
}

.jz_themeV3.mobiCol12 #modifyCoupon .show-coupon-list {
    color: #999
}

.jz_themeV3.mobiCol12 #modifyCoupon .circleLeft,
.jz_themeV3.mobiCol12 #modifyCoupon .circleRight {
    display: none
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItemLeftCondit {
    font-size: .55rem;
    position: static
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItem-left {
    align-items: center;
    flex: 1;
    margin-top: .597rem
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItem-left,
.jz_themeV3.mobiCol12 #modifyCoupon .couponItem-right {
    display: inline-flex;
    flex-direction: column;
    height: auto;
    justify-content: center
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponStateExpired,
.jz_themeV3.mobiCol12 #modifyCoupon .couponStateUsed {
    display: none
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItemLeftData {
    height: auto;
    line-height: normal;
    margin-top: -.597rem
}

.jz_themeV3.mobiCol12 #modifyCoupon .choice_currency_val {
    display: inline-block;
    line-height: normal;
    margin-bottom: .17rem;
    vertical-align: bottom
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItemRightName {
    font-size: .64rem;
    font-weight: 700;
    margin-bottom: .512rem;
    position: static
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItemRightValidity {
    color: #999;
    position: static
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItemRightDetail {
    display: none
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItem-right .toUseCoupon {
    height: 1.15rem;
    line-height: 1.15rem;
    right: .853rem;
    width: 2.82rem
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItem-bottom {
    display: block;
    position: relative
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItem-bottom .detailLine {
    background: none;
    border-top: 1px dashed #eee
}

.jz_themeV3.mobiCol12 #modifyCoupon .couponItemBottomContent {
    -webkit-line-clamp: 5;
    color: #999;
    font-size: .47rem;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
    word-break: break-all
}

.jz_themeV3.mobiCol12 #modifyCoupon .coupon_item_desc_toggle .couponItemBottomContent {
    height: .64rem;
    white-space: nowrap
}

.jz_themeV3.mobiCol12 #modifyCoupon .coupon-empty {
    height: 12rem
}

.jz_themeV3.mobiCol12 .hasNoCoupons {
    background: url(/image/coupon/coupon_panel_empty.png?v=202306291520) no-repeat 50%;
    background-size: contain;
    height: 9.6rem;
    width: 12.8rem
}

.jz_themeV3.mobiCol12 #bindOtherAcct {
    background-color: #fff
}

.jz_themeV3.mobiCol12 #bindOtherAcct .loginContent {
    padding: 1.15rem
}

.jz_themeV3.mobiCol12 #bindOtherAcct .g_input {
    align-items: center;
    border: none;
    border-bottom: .025rem solid #eee;
    color: #333;
    display: flex;
    font-size: .65rem;
    height: 2.25rem;
    justify-content: center;
    margin-bottom: .05rem;
    padding-left: 2.3rem
}

.jz_themeV3.mobiCol12 #bindOtherAcct #bindPassword {
    border-width: .025rem
}

.jz_themeV3.mobiCol12 #bindOtherAcct .profile_v3_msg_icon:before {
    font-size: .65rem;
    left: 0
}

.jz_themeV3.mobiCol12 #bindOtherAcct .loginContent .sendIcon {
    color: #fff;
    font-size: .7rem;
    margin-top: 1.5rem
}

.jz_themeV3.mobiCol12 #bindOtherAcct .profileLoginHeader .icon-gClose:before {
    color: #333;
    font-size: .65rem;
    left: .45rem;
    position: relative
}

.jz_themeV3.mobiCol12 .J-prompt-cancel {
    display: none
}

.jz_themeV3.mobiCol12 #mSignUp {
    background-color: #fff
}

.jz_themeV3.mobiCol12 .inputTip {
    padding-left: 0
}

.jz_themeV3.mobiCol12 .bindSignUpV3Line .signupSubmitCtrl {
    padding-bottom: 1.25rem
}

.jz_themeV3.mobiCol12 .bindSignUpV3Line input {
    margin-bottom: .05rem
}

.jz_themeV3.mobiCol12 .bindSignUpV3Line {
    padding: .75rem 1.15rem 0
}

.jz_themeV3.mobiCol12 #mSignUp #mobileCt {
    border: none;
    border-bottom: .025rem solid #eee
}

.jz_themeV3.mobiCol12 #mSignUp #mobile:nth-of-child(2) {
    display: none
}

.jz_themeV3.mobiCol12 .loginContent .captchaText,
.jz_themeV3.mobiCol12 .signUpContent .captchaText {
    margin-top: 0
}

.jz_themeV3.mobiCol12 #mSignUp .icon-msgIcon:before,
.jz_themeV3.mobiCol12 #signupPage .icon-msgIcon:before {
    content: " "
}

.jz_themeV3.mobiCol12 #mSignUp .icon-msgIcon,
.jz_themeV3.mobiCol12 #signupPage .icon-msgIcon {
    color: #333;
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol12 .icon-signupCaptchaIcon:before {
    content: "验证码"
}

.jz_themeV3.mobiCol12 .icon-signupMobileCaptchaIcon:before {
    content: "手机码"
}

.jz_themeV3.mobiCol12 .input_tip_v3:before {
    color: #333;
    font-size: .65rem;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol12 #fillAcctInfo .fill_input_tip_v3,
.jz_themeV3.mobiCol12 .find_paw_content .input_pre_text {
    color: #333;
    font-size: .65rem;
    height: auto;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.jz_themeV3.mobiCol12 #mSignUp .bindSignUpV3Line .g_input {
    line-height: 1rem;
    padding-left: 2.8rem
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list,
.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list li {
    border: none
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item {
    align-items: center;
    display: flex;
    padding: 10px 0
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item:not(:last-of-type) {
    border-bottom: 1px solid #eee
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox {
    border-radius: 2px;
    height: 1.8rem;
    margin-right: .5rem;
    overflow: hidden;
    width: 1.8rem
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--icon {
    align-items: center;
    cursor: default;
    display: block;
    display: flex;
    height: 100%;
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--icon .file_icon {
    fill: #fff;
    height: 1.2rem;
    width: 1.2rem
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--pdf {
    color: #ff5a5a
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--ppt {
    color: #ff9743
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--video {
    color: #707ee5
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--image {
    color: #23c786
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--music {
    color: #1cbe89
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--gzip {
    color: #5095ed
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--txt {
    color: #3686fd
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--word {
    color: #4e99ff
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--exls {
    color: #2c9660
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--file {
    color: #b9c9d6
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--image {
    cursor: pointer;
    height: 1.8rem;
    max-width: auto;
    width: 1.8rem
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_textbox .item_file_item_title {
    word-wrap: break-word;
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem;
    word-break: break-all
}

.jz_themeV3.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_textbox .item_file_item_des {
    color: #999;
    font-size: .5rem;
    line-height: normal
}

.g_locale2052 .profileContent .incomeLine span:first-child,
.g_locale2052 .profileContent .integrationLine span:first-child {
    display: inline-block;
    max-width: 70%;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: left;
    width: auto
}

.g_locale2052 .profileContent .incomeLine span:last-child,
.g_locale2052 .profileContent .integrationLine span:last-child {
    display: inline-block;
    padding-right: 0;
    text-align: left;
    width: 30%
}

.g_locale2052 .modifyProfile .icon-fastCodeIcon {
    display: none
}

.g_locale2052 .modifyProfile .icon-cnNewPsw:before {
    content: "新密码"
}

.g_locale2052 .modifyProfile .icon-cnNewPsw:before,
.g_locale2052 .modifyProfile .icon-cnOldPsw:before {
    color: #333;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    left: .75rem;
    position: absolute;
    top: .9rem;
    z-index: 3
}

.g_locale2052 .modifyProfile .icon-cnOldPsw:before {
    content: "旧密码"
}

.profile_content_v3 .profile_file_contentwrap {
    margin-bottom: .2rem
}

.profile_content_v3 .profile_file_label {
    margin: .4rem 0;
    overflow: hidden;
    position: static;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.profile_content_v3 .profile_file_tips {
    color: #c4c9ca;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.know_pay_list_item {
    width: 100%
}

.know_pay_list_item_header {
    align-items: center;
    border-bottom: 1px solid #eee;
    color: #333;
    display: flex;
    font-size: .64rem;
    height: 1.7066rem;
    justify-content: space-between
}

.know_pay_list_item_main {
    border-bottom: 1px solid #eee;
    display: flex;
    padding: .64rem 0
}

.know_pay_list_item_product_img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    height: 2.7733rem;
    max-width: inherit;
    width: 2.7733rem
}

.know_pay_list_item_product_label {
    background-color: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    bottom: .2rem;
    color: #fff;
    font-size: .4rem;
    padding: .1rem .2rem;
    position: absolute;
    right: .2rem
}

.know_pay_list_item_product_info {
    display: flex;
    flex-direction: column
}

.know_pay_list_item_product_name {
    color: #333;
    font-size: .64rem;
    margin-bottom: .1706rem;
    max-width: 11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.know_pay_list_item_product_buy_time {
    color: #999;
    font-size: .512rem;
    margin-bottom: .4266rem
}

.know_pay_list_item_product_price {
    font-size: .64rem
}

.know_pay_list_item_product_action {
    align-items: center;
    border: 1px solid #989898;
    border-radius: .1706rem;
    color: #999;
    display: flex;
    font-size: .64rem;
    height: 1.2373rem;
    justify-content: center;
    margin-bottom: .64rem;
    margin-left: auto;
    margin-top: .64rem;
    width: 3.1573rem
}

.withdrawal_reason {
    border: none;
    height: 4rem;
    width: 100%
}

.request_refund_phone,
.withdrawal_reason {
    font-size: .64rem;
    margin-bottom: .64rem;
    outline: none;
    resize: none
}

.request_refund_phone {
    background-color: #f5f5f5;
    border: none;
    border-radius: .1706rem;
    box-sizing: border-box;
    display: inline-block;
    height: 2.1333rem;
    padding: .64rem;
    width: 14.72rem
}

.cancel_request_refund {
    color: #999
}

.cancel_request_refund,
.modify_request_refund {
    align-items: center;
    border: 1px solid;
    border-radius: 2px;
    display: flex;
    font-size: .64rem;
    height: 1.2373rem;
    justify-content: center;
    margin-bottom: .64rem;
    margin-right: .64rem;
    margin-top: .64rem;
    width: 3.1146rem
}

.modify_request_refund {
    color: #fff
}

.refund_photo {
    border: 1px solid #e7e7eb;
    box-sizing: border-box;
    font-size: 0;
    height: 100%;
    line-height: 0;
    position: relative;
    text-align: center
}

.refund_photo:after {
    content: "";
    height: 100%
}

.refund_photo:after,
.refund_photo_item {
    display: inline-block;
    vertical-align: middle
}

.refund_photo_item {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.refund_photo_imgRemoveIcon {
    cursor: pointer;
    height: .8533rem;
    position: absolute;
    right: -.4266rem;
    top: -.4266rem;
    width: .8533rem
}

.refund_upload_split {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    width: 100%
}

#knowPayList .know_pay_list_kind {
    align-items: center;
    display: flex;
    font-size: .7466rem;
    height: 1.7066rem;
    justify-content: space-around
}

#knowPayList .know_pay_list_kind_item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .64rem;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    width: 2.56rem
}

#knowPayList .know_pay_list_kind_item_select {
    border-bottom: 4px solid
}

.jz_themeV3.mobiCol12 #bgMusicWrapper,
.jz_themeV3.mobiCol12 #fixedRightSideBtns,
.jz_themeV3.mobiCol12 #webBannerBox,
.jz_themeV3.mobiCol12 #webFooterBox,
.jz_themeV3.mobiCol12 #webHeader_v3,
.jz_themeV3.mobiCol12 #webTopBox {
    display: none
}

.jz_themeV3.mobiCol12 .profile_v3 .profileLoginHeader {
    position: relative
}

.jz_themeV3.mobiCol12 .profileContent .onLogout {
    background: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    color: #666;
    cursor: pointer;
    height: 2rem;
    line-height: 2.5rem;
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.jz_themeV3.mobiCol12 .modifyProfile,
.jz_themeV3.mobiCol12 .viewMyReward {
    background: #f7f7f7;
    display: none
}

.jz_themeV3.mobiCol12 #viewMyReward {
    background: #fff
}

.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-addrInfoIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-bangding:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-cLogoutIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-cPswIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-cutPrice:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-fenxiao:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-groupBuy:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-groupBuySpecial1:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-groupBuySpecial:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-integralIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-noticeIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-orderIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-pInfoIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-promoter:before,
.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-starIcon:before,
.jz_themeV3.mobiCol12 .jz_themeV3 .icon-coupons:before {
    display: inline-block;
    font-size: .7rem;
    padding-left: .2rem;
    position: relative;
    text-align: left;
    top: .08rem;
    width: 1.5rem
}

.jz_themeV3.mobiCol12 .jz_themeV3 #profile .profileContent .icon-integralIcon:before {
    color: #3d3d3d;
    content: "򰌄";
    font-size: .7rem
}

.jz_themeV3.mobiCol12 #modifyPersInfo {
    background-color: #f1f0f6;
    font-family: 微软雅黑
}

.jz_themeV3.mobiCol12 #coverBox #dragLeftTop {
    left: -3px;
    top: -3px
}

.jz_themeV3.mobiCol12 #coverBox #dragRightTop {
    cursor: ne-resize;
    right: -3px;
    top: -3px
}

.jz_themeV3.mobiCol12 #coverBox #dragLeftBot {
    bottom: -3px;
    cursor: ne-resize;
    left: -3px
}

.jz_themeV3.mobiCol12 #coverBox #dragRightBot {
    bottom: -3px;
    right: -3px
}

.jz_themeV3.mobiCol12 #coverBox #dragTopCenter {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.jz_themeV3.mobiCol12 #coverBox #dragRightCenter {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.jz_themeV3.mobiCol12 #coverBox #dragLeftCenter {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.jz_themeV3.mobiCol12 #coverBox #dragBotCenter {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

textarea.request_refund_phone::-moz-placeholder,
textarea.withdrawal_reason::-moz-placeholder {
    color: #999
}

textarea.request_refund_phone::placeholder,
textarea.withdrawal_reason::placeholder {
    color: #999
}

.form_edit_button[data-v-f447d25c] {
    background: transparent;
    border: 0;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    display: block;
    font-size: .7rem;
    height: 2.1rem;
    margin: 0 auto .75rem;
    max-width: 90%;
    outline: 0;
    width: 90vw
}

.form_detail_preview[data-v-f447d25c] {
    background: #fff;
    padding-bottom: .75rem
}

.protocolList[data-v-f447d25c] {
    border: 1px solid #eee;
    margin: 1.28rem .8rem
}

.protocolList .protocol_item[data-v-f447d25c] {
    align-items: center;
    background-color: #fff;
    color: #333;
    display: flex;
    font-size: 14px;
    padding: .75rem .6rem
}

.protocolList .protocol_item[data-v-f447d25c]:nth-child(odd) {
    background-color: #f8f8f8
}

.protocolList .protocol_item .left[data-v-f447d25c] {
    flex: 1
}

.protocolList .protocol_item .left .protocol_name[data-v-f447d25c] {
    font-size: .6rem;
    padding-left: 0
}

.protocolList .protocol_item .left .protocol_time[data-v-f447d25c] {
    color: #999;
    font-size: 13px;
    font-size: .5rem;
    margin-top: .256rem;
    text-align: left;
    width: auto
}

.protocolList .protocol_item .right[data-v-f447d25c] {
    width: 3.2rem
}

.protocolList .protocol_item .right .protocol_operate[data-v-f447d25c] {
    cursor: pointer;
    text-align: right;
    width: 100%
}

#protocol .protocolDetail[data-v-f447d25c] {
    box-sizing: border-box;
    max-height: calc(100vh - 3.3533rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: .8533rem;
    word-break: break-word
}

.mobiCol12 #g_web {
    background-color: #f7f7f7;
    min-height: 100%
}

.mobiCol12 #bgMusicWrapper,
.mobiCol12 #fixedRightSideBtns,
.mobiCol12 #webBannerBox,
.mobiCol12 #webFooterBox,
.mobiCol12 #webHeader,
.mobiCol12 #webTopBox {
    display: none
}

.mobiCol12 .BanksDetailHeader,
.mobiCol12 .loginHeader,
.mobiCol12 .ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.mobiCol12 .loginHeader .title {
    display: inline-block;
    font-weight: 500;
    max-width: 11.5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.mobiCol12 .middleCenter {
    background-color: #f7f7f7 !important;
    color: #333;
    height: 100%;
    padding-bottom: 1rem
}

.mobiCol12 .memberBasicInfoArea {
    border-bottom: 1px solid #ececec;
    margin-bottom: .5rem
}

.mobiCol12 #knowPayList {
    display: none
}

.mobiCol12 #knowPayList .profileContent {
    padding: 0
}

.mobiCol12 #knowPayList .productList {
    border: none
}

.mobiCol12 #knowPayList ul.productList:first-child {
    padding-top: .75rem
}

.mobiCol12 #knowPayList .productList li {
    border: none;
    display: flex;
    height: auto;
    line-height: normal;
    padding-left: .5rem;
    padding-right: .625rem;
    padding-top: .6rem
}

.mobiCol12 #knowPayList .productList li a {
    display: flex;
    width: 100%
}

.mobiCol12 #knowPayList .productList li .leftContent {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: .15rem;
    height: 4.25rem;
    margin-bottom: 1.1rem;
    width: 4.25rem
}

.mobiCol12 #knowPayList .productList li .rightContent {
    flex: 1;
    padding-left: .375rem
}

.mobiCol12 #knowPayList .productList li .rightContent .knowPaytitle {
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    line-height: .75rem;
    padding-top: .2rem
}

.mobiCol12 #knowPayList .productList li .rightContent .knowPayTime {
    color: #666;
    font-size: .5rem;
    font-weight: 500;
    padding-top: .375rem
}

.mobiCol12 #knowPayList .productList li .sliderLine {
    border-bottom: .025rem solid #f0f0f0
}

.mobiCol12 #knowPayment .itemName svg {
    fill: #666;
    height: .7rem;
    padding-left: .3rem;
    padding-right: .8rem;
    position: relative;
    top: .08rem;
    width: .6rem
}

.mobiCol12 #clientDelMember .itemName svg {
    height: .768rem;
    padding-left: .3rem;
    padding-right: .6827rem;
    position: relative;
    top: .08rem;
    width: .768rem
}

.mobiCol12 .profileContent {
    font-size: .6rem
}

.mobiCol12 .profileContent ul {
    border-top: 1px solid #ececec;
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

.mobiCol12 .profileContent li {
    background: #fff;
    border-color: #ebebeb;
    border-bottom: 1px solid #ececec;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden
}

.mobiCol12 .profileContent li .itemName {
    color: #666;
    float: left;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobiCol12 .profileContent li .clickIcon {
    color: #666;
    float: right;
    margin-right: .45rem
}

.mobiCol12 .profileContent .onLogout {
    background: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    color: #666;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.mobiCol12 #myForm {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mobiCol12 #myForm .itemName svg {
    fill: #757575;
    height: .8rem;
    padding: 0 .75rem;
    position: relative;
    top: .15rem;
    width: .8rem
}

.mobiCol12 #formList {
    display: none
}

.mobiCol12 #formList .profileContent {
    padding: 0 .75rem
}

.mobiCol12 #formList area {
    border-top: none
}

.mobiCol12 #formList .item {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    height: auto;
    line-height: normal
}

.mobiCol12 #formList .item .form_name {
    color: #333;
    font-size: .65rem;
    padding-top: .65rem;
    word-break: break-all
}

.mobiCol12 #formList .item .form_date {
    color: #999;
    display: flex;
    font-size: .5rem;
    justify-content: space-between;
    padding-bottom: .75rem;
    padding-top: .3rem
}

.mobiCol12 #formDetail {
    display: none
}

.mobiCol12 #formDetail .profileContent {
    background-color: #fff;
    padding: 1.15rem .75rem .75rem
}

.mobiCol12 #formDetail .item {
    margin-bottom: .7rem
}

.mobiCol12 #formDetail .item .name {
    color: #333;
    font-size: .6rem;
    margin-bottom: .5rem
}

.mobiCol12 #formDetail .item .data {
    background: #f6f6f6;
    border-radius: .086rem;
    color: #666;
    font-size: .6rem;
    padding: .5rem .475rem .5rem .75rem;
    white-space: pre-wrap;
    word-break: break-all
}

.mobiCol12 #formDetail .item .empty_remark_tips {
    color: #ccc
}

.mobiCol12 #formDetail .pay_wrap {
    align-items: center;
    display: flex
}

.mobiCol12 #formDetail .pay_wrap .pay_type_wrap {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-left: auto
}

.mobiCol12 #formDetail .pay_wrap .alipay_icon {
    color: #1caaee;
    font-size: .65rem;
    height: 1rem;
    margin-right: .15rem;
    width: 1rem
}

.mobiCol12 #formDetail .pay_wrap .wx_pay_icon {
    fill: #fdb251;
    font-size: .65rem;
    height: 1rem;
    margin-right: .15rem;
    width: 1rem
}

.mobiCol12 #formDetail .pay_wrap .wxpay_icon {
    color: #38b035;
    font-size: .65rem;
    height: 1rem;
    margin-right: .15rem;
    width: 1rem
}

.mobiCol12 #formDetail .pay_wrap .stripe_icon {
    color: #635bff;
    font-size: .65rem;
    height: 1rem;
    margin-right: .15rem;
    width: 1rem
}

.mobiCol12 #formDetail .item_file_container .item_file_list,
.mobiCol12 #formDetail .item_file_container .item_file_list li {
    border: none
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item {
    align-items: center;
    display: flex;
    padding: 10px 0
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item:not(:last-of-type) {
    border-bottom: 1px solid #eee
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox {
    border-radius: 2px;
    height: 1.8rem;
    margin-right: .5rem;
    overflow: hidden;
    width: 1.8rem
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--icon {
    align-items: center;
    cursor: default;
    display: block;
    display: flex;
    height: 100%;
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--icon .file_icon {
    fill: #fff;
    height: 1.2rem;
    width: 1.2rem
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--pdf {
    color: #ff5a5a
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--ppt {
    color: #ff9743
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--video {
    color: #707ee5
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--image {
    color: #23c786
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--music {
    color: #1cbe89
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--gzip {
    color: #5095ed
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--txt {
    color: #3686fd
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--word {
    color: #4e99ff
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--exls {
    color: #2c9660
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--file {
    color: #b9c9d6
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_iconbox--image {
    cursor: pointer;
    height: 1.8rem;
    max-width: auto;
    width: 1.8rem
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_textbox .item_file_item_title {
    word-wrap: break-word;
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.5rem;
    word-break: break-all
}

.mobiCol12 #formDetail .item_file_container .item_file_list .item_file_item_textbox .item_file_item_des {
    color: #999;
    font-size: .5rem;
    line-height: normal
}

.mobiCol12 #modifyPersInfo {
    background-color: #f1f0f6;
    background: #f7f7f7;
    display: none;
    font-family: 微软雅黑
}

.mobiCol12 #modifyPersInfo .profileContent {
    color: #333;
    margin-top: 1.1rem;
    padding: 0 .5rem .5px
}

.mobiCol12 #modifyPersInfo .g_globalLine {
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    position: relative;
    width: 100%
}

.mobiCol12 #modifyPersInfo .g_input {
    padding-left: 3.75rem
}

.mobiCol12 #modifyPersInfo .canNotReset {
    color: #d8d8d8
}

.mobiCol12 #modifyPersInfo .mobileCtVal {
    background: #fff;
    font-size: .6rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    text-indent: 3.35rem;
    width: 6.8rem
}

.mobiCol12 #modifyPersInfo .mobileCtBorder {
    border-left: 1px solid #ccc;
    height: .7rem;
    left: 6.35rem;
    position: absolute;
    top: .78rem
}

.mobiCol12 #modifyPersInfo #mobileCt {
    opacity: 0;
    padding-left: 2rem;
    width: 6.8rem
}

.mobiCol12 #modifyPersInfo #mobile {
    padding-left: .15rem;
    padding-right: 0;
    vertical-align: bottom;
    width: 8.2rem
}

.mobiCol12 #modifyPersInfo .profileContent .sendIcon {
    color: #f7f7f7
}

.mobiCol12 .loginErrorLine {
    display: none;
    margin-left: 3rem;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 200px
}

.mobiCol12 .loginErrorLine .errorTips {
    word-wrap: break-word;
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    color: #fff;
    font-size: .7rem;
    padding: .7rem
}

.mobiCol12 .modifyProfile,
.mobiCol12 .viewMyReward {
    background: #f7f7f7;
    display: none
}

.mobiCol12 #modifyPsw .profileContent {
    color: #333
}

.mobiCol12 #modifyPsw .g_input {
    padding-left: 3.55rem
}

.mobiCol12 #modifyPsw .profileSubmit:disabled {
    opacity: .5
}

.mobiCol12 #viewMyReward,
.mobiCol12 #viewMyReward .view-reward-content .reward-list {
    background: #fff
}

.mobiCol12 #viewMyReward .view-reward-content .reward-list .empty-wrap {
    position: relative;
    top: 6rem
}

.mobiCol12 #viewMyReward .view-reward-content .reward-list .empty-wrap .empty-list {
    background: url(/image/v2/voidpro.png?v=202306291520) no-repeat 50%;
    background-size: 100%;
    height: 7.13rem;
    margin: 0 auto .5rem;
    width: 12.31rem
}

.mobiCol12 #viewMyReward .view-reward-content .reward-list .empty-wrap .empty-text {
    color: #333;
    font-size: .81rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center
}

.mobiCol12 #viewMyReward .view-reward-content .reward-list .reward-item {
    border-bottom: .03rem solid #eee;
    box-sizing: border-box;
    margin: 0 1rem 0 .84rem;
    padding-bottom: .6rem;
    padding-top: .6rem
}

.mobiCol12 #viewMyReward .view-reward-content .reward-list .reward-item .reward-title {
    color: #333;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.mobiCol12 #viewMyReward .view-reward-content .reward-list .reward-item .reward-date {
    color: #999;
    font-size: .5rem;
    font-weight: 500;
    line-height: 1rem
}

.mobiCol12 #modifyIntegral .profileContent {
    background: #f7f7f7 !important;
    margin: 0 !important;
    padding: 0 !important
}

.mobiCol12 #modifyIntegral .whole_top {
    width: 100%
}

.mobiCol12 #modifyIntegral .top_container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 6rem;
    justify-content: center;
    position: relative;
    width: 100%
}

.mobiCol12 #modifyIntegral .top_container .widget {
    color: #fff;
    display: inline-block;
    font-size: .55rem;
    height: 1.067rem;
    line-height: 1.067rem;
    max-width: 5.333rem;
    min-width: 2.176rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobiCol12 #modifyIntegral .top_container .itgRuleForward {
    border: .05rem solid #fff;
    border-radius: .55rem;
    color: #fff;
    font-size: .5rem;
    height: 1rem;
    line-height: .94rem;
    overflow: hidden;
    padding-left: .2rem;
    padding-right: .2rem;
    position: absolute;
    right: .5rem;
    text-align: center;
    text-overflow: ellipsis;
    top: .5rem;
    white-space: nowrap;
    width: 3rem
}

.mobiCol12 #modifyIntegral .top_container .credit_points {
    font-size: 1.15rem
}

.mobiCol12 #modifyIntegral .nav_container {
    background: #fff;
    height: 2.55rem;
    margin-top: .3rem;
    position: relative;
    width: 100%;
    z-index: 999
}

.mobiCol12 #modifyIntegral .nav_container .nav {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    height: 2.25rem;
    justify-content: space-around;
    width: 100%
}

.mobiCol12 #modifyIntegral .nav_container .nav .item {
    color: #999;
    font-size: .7rem
}

.mobiCol12 #modifyIntegral .nav_container .nav .item.checked {
    color: #333;
    font-weight: 700
}

.mobiCol12 #modifyIntegral .nav_container .underline {
    border-radius: .0625rem;
    display: inline-block;
    height: .125rem;
    position: absolute;
    top: 2.15rem;
    transition: left .5s cubic-bezier(.175, .885, .32, 1.325);
    width: 1.05rem
}

.mobiCol12 #modifyIntegral .list {
    width: 100%
}

.mobiCol12 #modifyIntegral .a_itg {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    padding-bottom: .4rem;
    padding-top: .4rem
}

.mobiCol12 #modifyIntegral .loadMore {
    align-items: center;
    color: #353535;
    cursor: pointer;
    display: flex;
    font-size: .5973rem;
    height: 2.5rem;
    justify-content: center
}

.mobiCol12 #modifyIntegral .a_itg_order {
    height: 3rem
}

.mobiCol12 #modifyIntegral .a_itg .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .75rem
}

.mobiCol12 #modifyIntegral .a_itg .left .top {
    color: #333;
    font-size: .6rem
}

.mobiCol12 #modifyIntegral .a_itg .left .middle {
    color: #333;
    font-size: .5rem
}

.mobiCol12 #modifyIntegral .a_itg .left .bottom {
    color: #999;
    font-size: .45rem;
    margin-top: .256rem
}

.mobiCol12 #modifyIntegral .a_itg .right.income {
    color: #f13a3a;
    font-size: .8rem;
    margin-right: .75rem
}

.mobiCol12 #modifyIntegral .a_itg .right.expenses {
    color: #4ab344;
    font-size: .8rem;
    margin-right: .75rem
}

.mobiCol12 #modifyIntegral .no_itg {
    align-items: center;
    background: #fff;
    display: none;
    flex-direction: column;
    height: 19.2rem;
    justify-content: center;
    width: 100%
}

.mobiCol12 #modifyIntegral .no_itg .img {
    background: url(/image/mall/wxmallapp/noItg.png) no-repeat;
    background-size: contain;
    height: 10.67rem;
    position: relative;
    top: -2.1333rem;
    width: 10.67rem
}

.mobiCol12 #modifyIntegral .no_itg .txt {
    color: #353535;
    font-size: .75rem;
    position: relative;
    top: -3.2rem
}

.mobiCol12 #modifyCollection .profileContent .noCollIcon {
    background: url(/image/v2/defaultIcon01.png?v=202306291520) no-repeat 50%;
    background-size: 3.5rem;
    height: 6rem;
    margin: 18% auto 1rem;
    width: 5.5rem
}

.mobiCol12 #modifyCollection .profileContent .noCollTip {
    color: #666;
    font-family: 微软雅黑;
    font-size: .6rem;
    padding-bottom: 200px;
    text-align: center
}

.mobiCol12 #modifyCollection .profileContent li {
    border-bottom: 1px solid #eee;
    height: 5rem;
    list-style: none;
    padding: .5rem 0;
    position: relative
}

.mobiCol12 #modifyCollection .profileContent li:first-child {
    height: 4.5rem;
    padding-top: 0
}

.mobiCol12 #modifyCollection .profileContent li .pdImg img {
    max-height: 4rem;
    max-width: 4rem
}

.mobiCol12 #modifyCollection .profileContent li .pdImg {
    display: inline-block;
    margin-right: .5rem;
    position: absolute
}

.mobiCol12 #modifyCollection .profileContent li .pdName {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 2rem;
    line-height: 1rem;
    overflow: hidden;
    padding-left: 4.5rem;
    text-overflow: ellipsis;
    vertical-align: top
}

.mobiCol12 #modifyCollection .profileContent li .pdPrice {
    height: 2rem;
    line-height: 2rem;
    padding-left: 4.5rem;
    position: relative
}

.mobiCol12 #modifyCollection .profileContent li .mallPrice {
    color: #f40;
    display: inline-block;
    line-height: 1rem;
    vertical-align: bottom;
    width: 50%
}

.mobiCol12 #modifyCollection .profileContent li .cancelCollection {
    border: 1px solid #666;
    border-radius: 3px;
    bottom: .5rem;
    color: #666;
    cursor: pointer;
    line-height: 1.4rem;
    max-width: 6rem;
    overflow: hidden;
    padding: 0 .6rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobiCol12 #modifyCollection.collectionV2 .profileContent {
    font-size: .7rem;
    padding: .5rem .5rem .5px
}

.mobiCol12 #modifyCollection.collectionV2 .profileContent li {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    box-sizing: border-box
}

.mobiCol12 #modifyCollection.collectionV2 .profileContent li .cancelCollection {
    border: 1px solid #dadada;
    font-size: .6rem;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0;
    width: 3.6rem
}

.mobiCol12 #editMemberHeadPic {
    background-color: #000;
    width: 100%
}

.mobiCol12 #editMemberHeadPic .picArea {
    border-top: 1px solid #1d1d1d;
    max-width: 100%;
    position: relative
}

.mobiCol12 #editMemberHeadPic .picArea img {
    position: absolute
}

.mobiCol12 #editMemberHeadPic .picArea .coverImg {
    z-index: 1
}

.mobiCol12 #editMemberHeadPic .picArea .cover {
    background-color: #000;
    opacity: .5;
    position: absolute;
    z-index: 1
}

.mobiCol12 #editMemberHeadPic .picArea .coverRing {
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute
}

.mobiCol12 #editMemberHeadPic .picArea .coverBox {
    border: 1px dashed #fff;
    cursor: move;
    position: absolute;
    z-index: 99
}

.mobiCol12 #editMemberHeadPic .picArea .coverBox .dragPoint {
    background: #fff none repeat scroll 0 0;
    cursor: nw-resize;
    height: 8px;
    overflow: hidden;
    position: absolute;
    width: 8px;
    z-index: 5
}

.mobiCol12 #editMemberHeadPic .editHeadPicFooter {
    background-color: #222;
    bottom: 0;
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.mobiCol12 #editMemberHeadPic .editBtn {
    border: 1px solid #333;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .9rem;
    height: 2rem;
    line-height: 2rem;
    margin: .5rem 1.5rem;
    padding: 0 .5rem;
    position: absolute;
    width: 4rem
}

.mobiCol12 #editMemberHeadPic .saveBtn {
    right: 0
}

.mobiCol12 #editMemberHeadPic .modifyBtn {
    left: 0
}

.mobiCol12 #editMemberHeadPic .editHeadPicFooter .swfupload {
    filter: alpha(opacity=0);
    height: 2rem;
    left: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    width: 4rem;
    z-index: 99
}

.mobiCol12 .fileUploadBtn {
    height: 2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 4rem
}

.mobiCol12 .checkEmail {
    word-wrap: break-word;
    padding: 0 .5rem;
    text-align: left;
    width: 93%
}

.mobiCol12 .emailAddr {
    color: #06c;
    display: none;
    margin-top: .5rem;
    padding-left: .5rem;
    text-align: left
}

.mobiCol12 .profileContent li .clickIcon .icon-clickIcon:before {
    content: "";
    font-size: .9rem
}

.mobiCol12 .jz_oldTheme #modifyPersInfo {
    background: #f1f0f6
}

.mobiCol12 .jz_oldTheme #modifyPersInfo .g_globalLine {
    margin-top: .3rem
}

.mobiCol12 .jz_oldTheme #modifyPersInfo .canNotReset {
    background: #f9f9f9
}

.mobiCol12 .jz_oldTheme #modifyPersInfo input {
    border: none
}

.mobiCol12 .jz_oldTheme #modifyPersInfo #mobile {
    border-left: 1px solid #ebebeb
}

.mobiCol12 .jz_oldTheme #modifyPersInfo .mobileLine {
    align-items: center;
    display: flex
}

.mobiCol12 .jz_oldTheme #modifyPersInfo .g_button {
    height: 2.5rem
}

.g_locale2052 .icon-userIcon:before {
    content: "账号"
}

.g_locale2052 .icon-fastUserIcon:before {
    content: "手机号"
}

.g_locale2052 .icon-acctIcon:before {
    content: "账号名"
}

.g_locale2052 .icon-pswIcon:before {
    content: "密码"
}

.g_locale2052 .icon-fastCodeIcon:before {
    content: "验证码"
}

.g_locale2052 .icon-emailIcon:before {
    content: "邮箱"
}

.g_locale2052 .icon-phoneIcon:before {
    content: "电话"
}

.g_locale2052 .icon-msgIcon:before {
    content: "备注"
}

.g_locale2052 .icon-nameIcon:before {
    content: "姓名"
}

.g_locale2052 .fk-findPwByMobile .icon-codeIcon:before {
    content: "验证码"
}

.g_locale2052 .icon-codeIcon:before {
    content: "密保码"
}

.g_locale2052 .icon-npwdIcon:before {
    content: "新密码"
}

.g_locale2052 .icon-customIcon:before,
.g_locale2052 .icon-iphone2:before {
    display: none
}

.g_locale2052 .g_button {
    background-position: 32% 40%
}

.g_locale2052 .customIcon {
    display: inline-block;
    left: .75rem;
    top: .8rem
}

.g_locale2052 #modifyPsw .icon-pswIcon:before {
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.icon-pnameIcon {
    border: 3px solid #e6e6e6;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    z-index: 1
}

.jz_themeV2 #memberProtocol svg {
    height: .768rem;
    padding-left: .8rem;
    padding-right: .512rem;
    position: relative;
    top: .08rem;
    width: .768rem
}

.form_edit_button[data-v-a5346c72] {
    background: transparent;
    border: 0;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    display: block;
    font-size: .7rem;
    height: 2.1rem;
    margin: 0 auto .75rem;
    max-width: 90%;
    outline: 0;
    width: 90vw
}

.form_detail_preview[data-v-a5346c72] {
    background: #fff;
    padding-bottom: .75rem
}

.protocolList[data-v-a5346c72] {
    border: 1px solid #eee;
    margin: 1.28rem .8rem
}

.protocolList .protocol_item[data-v-a5346c72] {
    align-items: center;
    background-color: #fff;
    color: #333;
    display: flex;
    font-size: 14px;
    padding: .75rem .6rem
}

.protocolList .protocol_item[data-v-a5346c72]:nth-child(odd) {
    background-color: #f8f8f8
}

.protocolList .protocol_item .left[data-v-a5346c72] {
    flex: 1
}

.protocolList .protocol_item .left .protocol_name[data-v-a5346c72] {
    font-size: .6rem;
    padding-left: 0
}

.protocolList .protocol_item .left .protocol_time[data-v-a5346c72] {
    color: #999;
    font-size: 13px;
    font-size: .5rem;
    margin-top: .256rem;
    text-align: left;
    width: auto
}

.protocolList .protocol_item .right[data-v-a5346c72] {
    width: 3.2rem
}

.protocolList .protocol_item .right .protocol_operate[data-v-a5346c72] {
    cursor: pointer;
    text-align: right;
    width: 100%
}

#protocol .protocolDetail[data-v-a5346c72] {
    box-sizing: border-box;
    max-height: calc(100vh - 3.3533rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: .8533rem;
    word-break: break-word
}

.mobiPrompt {
    height: auto;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 9998
}

.mobiPrompt .mobiPrompt_inner {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
    color: #333;
    font-size: .75rem;
    line-height: 1rem;
    margin: auto;
    opacity: 0;
    text-align: center;
    transform: scale(.7);
    transition: all .2s linear;
    width: 13.85rem;
    z-index: 9999
}

.mobiPrompt .mobiPrompt_content {
    line-height: 1.2rem;
    padding: 2.4rem 1.5rem 1.5rem;
    position: relative
}

.mobiPrompt .mobiPrompt_buttons {
    padding-bottom: 1rem
}

.mobiPrompt .icon-mobiPromptClose {
    position: absolute;
    right: .2rem;
    top: .2rem
}

.mobiPrompt .icon-mobiPromptClose:before {
    color: #999;
    content: "";
    font-size: 1.2rem
}

.mobiPrompt .mobiPromptCancel {
    background: #fffeff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    color: #666;
    margin-right: .8rem
}

.mobiPrompt .mobiPromptCancel,
.mobiPrompt .mobiPromptSave {
    display: inline-block;
    font-size: 1.6rem;
    padding: .1rem 0;
    width: 5.5rem
}

.mobiPrompt .mobiPromptSave {
    background: #387af2;
    border: 1px solid #4786f2;
    border-radius: 3px;
    color: #eff2fd
}

.mobiPrompt_Bg {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .2s linear;
    width: 100%;
    z-index: 9997
}

.jzm-vicon_warning {
    height: 15px;
    margin-right: 5px;
    width: 15px
}

.mobiPromptShow .mobiPrompt_inner {
    opacity: 1;
    transform: scale(1)
}

.mobiPreludeShow .mobiPrelude_inner {
    visibility: visible
}

.mobiPromptBgShow {
    height: 101%;
    opacity: .3
}

.jz_themeV3 .mobiPromptShow .mobiPrompt_inner {
    width: 13.45rem
}

.jz_themeV3 .mobiPrompt .mobiPrompt_content {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    color: #333;
    display: flex;
    font-size: .7rem;
    justify-content: center;
    min-height: 2.95rem;
    padding: .6rem 1.15rem
}

.jz_themeV3 .mobiPrompt .mobiPrompt_buttons {
    align-items: center;
    display: flex;
    font-size: .6rem;
    height: 2.25rem;
    justify-content: center;
    padding: 0
}

.jz_themeV3 .mobiPrompt .mobiPromptCancel,
.jz_themeV3 .mobiPrompt .mobiPromptSave {
    align-items: center;
    background: none;
    border: none;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 50%
}

.jz_themeV3 .mobiPrompt .mobiPromptCancel {
    border-right: 1px solid #e5e5e5
}

.jz_themeV3 .mobiPrompt .mobiPromptSave {
    color: #ff3b30
}

.proImgSwipe .productBullet {
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    height: .9rem;
    position: absolute;
    top: auto;
    width: 100%
}

.proImgSwipe .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.proImgSwipe .bullets li {
    background: #999;
    background: #adb1b1;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    margin: 0 .1rem;
    width: .35rem
}

.proImgSwipe .bullets li.on {
    background: #fff
}

.proDetailImg {
    vertical-align: middle
}

.proDetailDiv {
    text-align: center
}

.proDetailDiv .g_button {
    width: 90%
}

.remarkBox {
    padding: 0 .5rem
}

.remarkBox ol {
    padding-left: 2rem
}

.remarkBox ul {
    padding-left: 1.35rem
}

.userCommentPanel .uploadify-text {
    color: #666;
    font-family: 微软雅黑, microsoft yahei, 宋体, 新宋体, sans-serif
}

.userCommentPanel .uploadify-button {
    -webkit-appearance: none;
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: 微软雅黑, microsoft yahei, 宋体, 新宋体, sans-serif;
    font-size: .6rem;
    height: 1.6rem;
    _height: 28px;
    line-height: 1.4rem;
    _line-height: 32px;
    margin: 0;
    outline: none;
    padding: 0 5px !important;
    _padding: 0 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 40%
}

.productNewDetail .proDetailImgBox,
.productNewDetail .productBullet {
    z-index: 2
}

.productNewDetail .productInfoSize {
    display: flex
}

.productNewDetail .productParamterNameList.pdInfoTitle {
    color: #999;
    display: inline-block;
    -moz-text-align-last: justify;
    text-align-last: justify;
    width: 2.2187rem
}

.productNewDetailPanel {
    background-color: #fff
}

.productNewDetailPanelForIpX {
    margin-bottom: .5rem
}

.productNewDetailPanel .proImgSwipe {
    margin-bottom: 0
}

.webCustomerServiceBox #fixedWrap {
    min-height: 2.2rem;
    position: relative
}

.productNewDetail .mallPrice {
    display: inline-block;
    float: none;
    font-size: 1rem
}

.productNewDetail .marketPrice {
    color: #999;
    display: inline-block;
    font-size: .6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    vertical-align: top;
    word-spacing: .2rem
}

.jz_otherTheme .productNewDetail .productPrice .marketPrice {
    line-height: 3.2rem
}

.productNewDetail .marketMemberPrice {
    color: #999;
    display: block;
    font-size: .6rem;
    margin-left: .35rem;
    text-decoration: line-through;
    vertical-align: 0;
    word-spacing: .2rem
}

.productNewDetail .marketPriceNew {
    color: #999;
    display: none;
    font-size: .6rem;
    height: 1rem;
    line-height: 1rem;
    margin-left: .2rem;
    margin-top: .43rem;
    position: relative;
    top: -.5rem;
    vertical-align: top;
    word-spacing: .2rem
}

.productNewDetail .marketMemberPriceNew {
    color: #999;
    display: inline-block;
    font-size: .6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    margin-left: .1rem;
    margin-top: .43rem;
    position: absolute;
    text-decoration: line-through;
    vertical-align: 0;
    word-spacing: .2rem
}

.productNewDetail .productPrice {
    position: relative
}

#g_web .fixedAreaBox .productMallShop .originPriceBuy {
    color: #fff
}

.marketPriceNew .textDec {
    text-decoration: line-through
}

.productNewDetail .productInfoSize {
    height: 2rem;
    line-height: 2rem
}

.productNewDetail .productParamterNameList {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 13rem
}

.productNewDetail .proCommProperty .ptInfo {
    position: absolute;
    right: 2.9rem;
    top: 50%;
    transform: translateY(-50%)
}

.productNewDetail .proCommProperty .ptInfo .ptNum {
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: .4rem
}

.productNewDetail .proCommProperty .ptInfo .ptSaleNum {
    color: #999;
    font-size: .6rem;
    line-height: .6rem
}

.productNewDetail .icon-collection:before {
    color: #999;
    content: "";
    font-size: 1.3rem
}

.productNewDetail .icon-collectSelect:before {
    color: #ebba35;
    content: "";
    font-size: 1.3rem
}

.productNewDetail .collectionIcon {
    background: url(/image/sc.png) no-repeat;
    background-size: 1rem;
    height: 1.4rem;
    margin: 0 auto;
    width: 1rem
}

.productNewDetail .collectionIconSelect {
    background: url(/image/sc-1.png) no-repeat;
    background-size: 1rem
}

.productNewDetail .productCrossedSlideSec {
    border: none;
    border-radius: 0;
    border-radius: initial
}

.productNewDetail .integralMallDeduction,
.productNewDetail .productItgReward {
    align-items: center;
    display: flex;
    height: 2rem;
    padding-left: .6rem;
    position: relative
}

.productNewDetail .integralMallDeduction .title,
.productNewDetail .productItgReward .title {
    color: #999;
    display: inline-block;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 2rem
}

.productNewDetail .integralMallDeduction .tagWrap,
.productNewDetail .productItgReward .tagWrap {
    height: .75rem;
    margin-right: .3rem;
    position: relative;
    width: 1.25rem
}

.productNewDetail .integralMallDeduction .tag,
.productNewDetail .productItgReward .tag {
    border-radius: .05rem;
    display: inline-block;
    height: .75rem;
    line-height: .75rem;
    margin-right: .3rem;
    opacity: .1;
    text-align: center;
    width: 1.25rem
}

.productNewDetail .integralMallDeduction .tag_text,
.productNewDetail .productItgReward .tag_text {
    display: inline-block;
    font-size: .45rem;
    height: .75rem;
    line-height: .75rem;
    position: absolute;
    text-align: center;
    width: 1.25rem
}

.productNewDetail .integralMallDeduction .slogan,
.productNewDetail .productItgReward .slogan {
    color: #333;
    display: inline-block;
    font-size: .55rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10rem
}

.productNewDetail .integralMallDeduction .more {
    font-size: 1rem;
    position: absolute;
    right: .6rem;
    top: .5rem
}

.imContentPanel {
    background-color: #fff;
    bottom: 0;
    height: auto;
    max-height: 22rem;
    overflow: auto;
    position: absolute;
    width: 100%
}

.imContentPanel .imPanelTitle {
    border-bottom: 1px solid #f1f1f1;
    color: #333;
    font-size: .7rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center
}

.imContentPanel .imPanelContent {
    color: #353535;
    font-size: .6rem;
    height: 5rem;
    padding: .875rem .75rem 0
}

.imContentPanel .confirmBtn {
    color: #fff;
    cursor: pointer;
    font-size: .6rem;
    height: 2rem;
    line-height: 2rem;
    margin-top: 1.15rem;
    text-align: center
}

.salePanel {
    bottom: 0;
    display: flex;
    height: 2.15rem;
    justify-content: space-between;
    max-width: 19.2rem;
    width: 100%;
    z-index: 10
}

.countDownSalePanelColor {
    background-color: #333;
    opacity: .5
}

.valueInteger {
    color: #fff;
    font-size: 1.15rem
}

.valueIntegerSmall {
    color: #fff;
    font-size: .9rem
}

.valueDecimal {
    color: #fff;
    font-size: .65rem
}

.newThemePropValue {
    color: #fff;
    font-size: .5rem;
    margin-left: .3rem;
    opacity: .6;
    text-decoration: line-through
}

.choiceCurrencyVal {
    height: .82rem;
    line-height: .82rem
}

.doubleProValue {
    height: .5rem;
    line-height: .5rem;
    margin-left: .32rem;
    margin-top: .22rem
}

.salePromotionNewMessage {
    color: #fff;
    font-size: .45rem;
    height: .46rem;
    line-height: .46rem;
    margin-top: .28rem;
    white-space: nowrap
}

.saleProMotionNewShowTime {
    height: .8rem;
    line-height: .8rem;
    margin-top: .3rem
}

.salePromotionNewNumb {
    background-color: #fff;
    border-radius: .075rem;
    display: inline-table;
    font-size: .55rem;
    opacity: .9;
    text-align: center;
    width: .825rem
}

.salePromotionNewWord {
    color: #fff;
    font-size: .55rem
}

.helpNumber {
    border-radius: .125rem;
    color: #fff;
    display: inline-table;
    font-size: .45rem;
    height: .6rem;
    line-height: .6rem;
    margin-right: .25rem;
    padding: .1rem;
    vertical-align: .064rem
}

.salePromotionNewTime {
    margin-right: .15rem
}

.countDownDiv {
    color: #fff;
    height: 2.15rem;
    line-height: 2.15rem
}

.virtualNum {
    color: #fff;
    font-size: .5rem;
    margin-left: .3rem
}

.showSaleTimeImg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem
}

.saleCountDown {
    color: #8f8f8f;
    height: 1.3rem;
    line-height: 1.3rem
}

.saleProDetail {
    border-top: 1px dashed #ddd;
    line-height: 2.3rem;
    min-height: 2.3rem;
    text-align: center;
    width: 100%
}

.saleTypeBg {
    border: 1px solid;
    border-radius: 3px;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 .35rem;
    text-align: center
}

.saleProShowMore {
    color: #333;
    font-size: 1rem;
    height: 2.3rem;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem
}

.saleProShowMore:hover {
    cursor: pointer
}

.pdMallAmountOver {
    background: #eee;
    color: #999;
    flex: 1 1;
    float: left;
    font-size: .6rem;
    line-height: 3.25rem;
    width: 100%
}

.productMallBuyPanel .pdMallTimedAdd,
.productMallShop .pdMallTimedAdd {
    color: #fff;
    cursor: not-allowed;
    float: left;
    font-size: .65rem
}

.productMallBuyPanel .merchantRelax,
.productMallShop .merchantRelax {
    background: #cdcdcd;
    color: #fff;
    cursor: not-allowed;
    float: left;
    font-size: .65rem
}

.countDownLeftBox {
    margin-top: .35rem
}

.secKillCountDown .valueInteger {
    font-size: 1.45rem
}

.secKillCountDown .valueDecimal {
    font-size: .6rem
}

.secKillCountDown .valueRight {
    display: inline-block;
    margin-left: .25rem
}

.secKillCountDown .valueRight .secKillSign {
    background: rgba(0, 0, 0, .1);
    border-radius: .05rem;
    color: #fff;
    font-size: .45rem;
    height: .65rem;
    line-height: .65rem;
    text-align: center;
    width: 1.9rem
}

.secKillCountDown .valueRight .newThemePropValue {
    margin-left: 0
}

.secKillCountDown .countDownLeftBox {
    margin-top: .1rem
}

.secKillCountDown .salePromotionNewMessage {
    margin-top: .35rem;
    opacity: .7
}

.secKillCountDown .salePromotionNewTime {
    margin-right: 0
}

.secKillCountDown .saleProMotionNewShowTime {
    margin-right: .1rem;
    margin-top: .1rem;
    white-space: nowrap
}

#g_web .secKillCountDown .saleProMotionNewShowTime .salePromotionNewNumb {
    background: hsla(0, 0%, 100%, .15);
    border-radius: .1rem;
    color: #fff;
    font-size: .5rem;
    height: .9rem;
    line-height: .9rem;
    width: .75rem
}

#g_web .secKillCountDown .saleProMotionNewShowTime .salePromotionNewWord {
    font-size: .5rem;
    margin: 0 .1rem;
    opacity: .7
}

#g_web .secKillCountDown .showMillisTime .saleProMotionNewShowTime .salePromotionNewNumb.J_salePromotionSecondNum {
    width: .475rem
}

#g_web .secKillCountDown .showMillisTime .saleProMotionNewShowTime .salePromotionNewWord {
    margin: 0 .05rem
}

.productNewDetail .pdInfoTitle {
    margin-right: .8rem
}

.productNewDetail .productParamterWords {
    color: #333;
    font-size: .55rem;
    white-space: nowrap
}

.secKillAnnouncedPanel {
    background: #fff;
    font-size: .45rem;
    height: 2rem;
    width: 100%
}

.secKillAnnouncedPanel .skAnnouncedLeft {
    background: #fff;
    border-radius: .65rem;
    border-style: solid;
    border-width: .025rem;
    float: left;
    height: .65rem;
    margin-left: .65rem;
    margin-top: .675rem;
    overflow: hidden;
    white-space: nowrap;
    width: 2.95rem
}

.secKillAnnouncedPanel .skAnnouncedLeft .sign {
    color: #fff;
    display: inline-block;
    font-size: .5rem;
    height: .65rem;
    line-height: .65rem;
    text-align: center;
    vertical-align: super;
    width: .8rem
}

.secKillAnnouncedPanel .skAnnouncedLeft .sign:before {
    color: #fff
}

.secKillAnnouncedPanel .skAnnouncedLeft .txt {
    display: inline-block;
    height: .65rem;
    line-height: .65rem;
    margin-left: .15rem;
    text-align: center;
    vertical-align: top
}

.secKillAnnouncedPanel .skAnnouncedRight {
    float: left;
    font-size: .6rem;
    line-height: 2rem;
    margin-left: .25rem
}

.J_salePromotion {
    height: 2.3rem;
    line-height: 2.3rem
}

.J_salePromotion .saleInfo {
    display: inline-block;
    font-size: .45rem;
    height: 100%;
    line-height: 2.1rem;
    margin-right: .35rem;
    position: relative;
    vertical-align: top;
    width: 2.3rem
}

.J_salePromotion .saleInfoLonger {
    width: 4rem
}

.J_salePromotion .saleInfoLongerV2 {
    width: 5.5rem
}

.saleInfo .saleInfoBg {
    border-radius: .05rem;
    display: inline-block;
    height: .7rem;
    left: 0;
    opacity: .1;
    position: absolute;
    top: .72rem;
    width: 2.45rem
}

.saleInfo .saleInfoTip {
    margin-top: .01rem;
    position: absolute;
    text-align: center;
    width: 2.45rem
}

.saleInfo .saleInfoLonger {
    width: 4rem
}

.saleInfo .saleInfoLongerV2 {
    width: 5.5rem
}

.toCombine {
    font-size: .55rem;
    text-decoration: underline
}

.jz_newTheme .productNewDetail .J_salePromotion .more {
    line-height: 2.5rem;
    text-align: center
}

.salePromotionPanel .toCombineForward {
    color: #999;
    font-size: .75rem;
    position: absolute;
    right: 0;
    top: .5rem
}

.oldSaleTypeBg {
    background-color: #dc4d3f;
    color: #fff2ed;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 .25rem;
    text-align: center
}

.oldShowDelColor {
    color: #fd4f44
}

.oldTbTd1 {
    margin: 0;
    padding: 0 0 0 .2rem;
    vertical-align: bottom
}

.oldTbTd1 .trangle {
    border-bottom: .3rem solid red;
    border-left: .3rem solid transparent;
    height: 0;
    margin-bottom: .6rem;
    width: 0
}

.oldTbTD2 {
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    width: auto
}

.oldTbTD2 .rect {
    word-wrap: normal;
    background-color: red;
    color: #fff2ed;
    font-size: .5rem;
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .6rem;
    padding: 0 .2rem
}

.CrossedSlideSecImg {
    position: relative
}

.CrossedSlideSecImg .paramPadding {
    border-radius: 0;
    border-radius: initial
}

#g_web .CrossedSlideSecImg .paramName {
    color: #fff
}

.productCrossedSlideSec .mallPrice {
    font-size: .7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin-top: .3rem
}

.CrossedSlideSecImg .paramCollection {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    box-sizing: border-box;
    height: 1.7rem;
    position: absolute;
    width: 100%
}

.tabUiDiv {
    font-size: 0;
    position: relative
}

.tabUiDiv2 {
    display: inline-block;
    font-size: 0;
    min-width: 100%;
    transition: .2s
}

.tabUiDiv .J_preBtn {
    background-color: #eee;
    display: inline-block;
    height: 2.3rem;
    left: 0;
    position: absolute;
    width: .75rem
}

.tabUiDiv .f-preBtn:before {
    color: #aaa;
    content: "";
    display: inline-block;
    font-size: .75rem;
    margin-top: 19px;
    vertical-align: middle
}

.tabUiDiv .J_nextBtn {
    background-color: #eee;
    display: inline-block;
    height: 2.3rem;
    left: 96%;
    position: absolute;
    width: .75rem
}

.tabUiDiv .J_nextBtn:before {
    color: #aaa;
    content: "";
    display: inline-block;
    font-size: .75rem;
    margin-top: 19px;
    vertical-align: middle
}

.productNewDetailPanel .tabBody {
    border-top: none;
    min-height: 4rem;
    overflow: hidden;
    position: relative;
    transition: height .3s;
    z-index: 0
}

.tabBody .tabPanel {
    float: left;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: transform .3s;
    visibility: hidden;
    width: 100%;
    z-index: 0
}

.tabBody .tabPanel.tabPanelAtive {
    position: relative;
    transform: translateX(0);
    visibility: visible;
    z-index: 0
}

.tabBody .tabPanel.tabPanelAtive~.tabPanel {
    transform: translateX(100%)
}

.tabBody .tabPanelLoading {
    background-color: #fff;
    background-image: url(/image/loading/loading_2.gif?v=202306291520);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 5rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.productDetailInfoPanel {
    word-wrap: break-word;
    font-size: .7rem;
    line-height: 1.6;
    margin: .5rem 0;
    overflow: hidden;
    padding: 0 .35rem;
    text-align: left;
    white-space: normal;
    word-break: normal
}

.productDetailInfoPanel li {
    list-style-type: inherit
}

.productDetailInfoPanel a {
    text-decoration: underline
}

.mProductListTitle~.productSlide .productCrossedSlideSec {
    margin-top: 0
}

.tabPanel .mProductListTitle~.productSlide {
    border-top: none;
    margin-bottom: 0
}

.proOtherPanel {
    height: 0;
    overflow: hidden;
    position: absolute;
    right: .15rem;
    top: 2.4rem;
    transition: all .3s;
    visibility: hidden;
    width: 1.6rem
}

.proOtherPanel.proOtherPanelOpen {
    height: 4rem;
    visibility: visible
}

.userCommentPanel .notice {
    margin: .5rem;
    width: auto
}

.newsInfoTitle,
.productNameSwipBox {
    font-size: .8rem
}

.newsInfoTitle,
.newsInfoTitle3,
.productNameSwipBox {
    background: hsla(0, 0%, 7%, .5);
    background: linear-gradient(rgba(76, 76, 76, 0), hsla(0, 0%, 7%, .5));
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    padding: .9rem .8rem;
    position: absolute;
    text-align: left;
    width: 100%
}

.newsInfoTitle3,
.productNameSwipBox {
    font-size: .7rem
}

.proShare {
    top: 2rem
}

.propInfo {
    border-collapse: collapse;
    display: table;
    width: 100%
}

.propInfoRow {
    border-bottom: 1px solid #ddd;
    display: table-row;
    text-align: left
}

.propInfoCell {
    color: #333;
    display: inline-block;
    display: table-cell;
    font-size: .65rem;
    height: 2rem;
    vertical-align: middle;
    word-break: break-word
}

.productNewDetail .propName {
    color: #b8b8b8;
    text-indent: 1rem;
    width: 33%
}

.productNewDetail div.propName {
    overflow: hidden;
    padding-left: .4rem;
    padding-right: .4rem;
    text-indent: 0
}

.productNewDetail .gbNewMembers {
    align-items: center;
    border-top: 1px solid #f1f1f1;
    color: #666;
    display: flex;
    font-size: .5rem;
    height: 2.15rem;
    overflow: hidden;
    padding-left: .65rem;
    position: relative
}

.productNewDetail .gbNewMembers .plaque {
    opacity: .1
}

.productNewDetail .gbNewMembers .plaque,
.productNewDetail .gbNewMembers .plaqueTxt {
    align-items: center;
    border-radius: .12rem;
    display: flex;
    font-size: .4286rem;
    height: .762rem;
    justify-content: center;
    margin-right: .333rem;
    width: 2.19rem
}

.productNewDetail .gbNewMembers .plaqueTxt {
    position: absolute
}

.fk_otherGroupBuy {
    padding: 0 .45rem;
    width: calc(100% - .9rem)
}

.fk_otherGroupBuy .gbHeader {
    border-bottom: 1px solid #f5f5f5;
    color: #333;
    font-size: .6rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: left;
    width: 100%
}

.fk_otherGroupBuy .gbItemList {
    padding-bottom: .275rem;
    padding-top: .7rem;
    width: 100%
}

.fk_otherGroupBuy .gbItemList .gbItem {
    height: 1.6rem;
    margin-bottom: .6rem;
    position: relative;
    width: 100%
}

.fk_otherGroupBuy .gbItemList .gbItem .leaderImg {
    border-radius: 2rem;
    display: inline-block;
    height: 1.6rem;
    margin-right: .6rem;
    width: 1.6rem
}

.fk_otherGroupBuy .gbItemList .gbItem .gbItemInfo {
    display: inline-block;
    height: 1.6rem;
    width: calc(100% - 2.2rem)
}

.fk_otherGroupBuy .gbItemList .gbItem .gbItemInfo .leaderName {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-size: .6rem;
    margin-bottom: .125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
    word-break: break-all
}

.fk_otherGroupBuy .gbItemList .gbItem .gbItemInfo .otherInfo {
    color: #999;
    font-size: .45rem
}

.fk_otherGroupBuy .gbItemList .gbItem .joinGroupBtn {
    border-radius: .1rem;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: .45rem;
    height: .85rem;
    line-height: .85rem;
    position: absolute;
    right: 0;
    text-align: center;
    width: 2rem
}

.productMallOptionMargin {
    max-height: calc(100% - 11.5rem)
}

.productMallBuy.g_button {
    flex: 1 1;
    width: auto
}

.productMallOptionPanel .productImmeCutPrice,
.productMallOptionPanel .productImmePdTimedAdd,
.productMallOptionPanel .productImmeRdSecKill,
.productMallOptionPanel .productImmeSecKill {
    border-radius: 0;
    font-size: .6rem;
    margin: 0
}

.webPagePanel .productMallOptionPanel .productMallShop .productImmeSecKillAmountOver {
    background: #eee;
    color: #999;
    font-size: .6rem
}

.webPagePanel .productMallOptionPanel .productMallShop .productAmountAllOver {
    height: 2rem;
    line-height: 2rem;
    width: 100%
}

.g_opacity50 {
    opacity: .5
}

.icon-shopCartIcon:before {
    content: "";
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.memberPrice {
    background-color: #fff;
    border-radius: .1rem;
    bottom: .1rem;
    color: #fff;
    display: inline-block;
    font-size: .5rem;
    height: .675rem;
    line-height: .675rem;
    margin-left: .35rem;
    position: relative;
    text-align: center;
    width: 1.8rem
}

#g_web div .mallGreyBtn {
    background: #eee;
    border-color: #999;
    color: #999
}

#g_web .productMallShop_gb .g_gbButton {
    border: 0;
    display: inline-block;
    height: 2rem;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 50%
}

#g_web .productMallShop .isNewTheme.g_bookingButton {
    width: 100%
}

.productDetailName {
    position: absolute;
    top: 32%;
    transform: translateY(-50%)
}

.icon-Off:before {
    content: "";
    font-size: .7rem
}

.icon-share:before {
    content: "";
    font-size: 1rem
}

.icon-defaultColor:before {
    color: #3c414a
}

.productDetailName .productName {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 2rem;
    overflow: hidden;
    padding-right: 1rem
}

.productDetailName .productName .productNameWrap {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    width: 7.5rem;
    word-break: break-all
}

.productDetailName .priceWraper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10rem
}

.g_displayClamp2 {
    font-size: inherit;
    font-weight: inherit;
    vertical-align: middle
}

@media screen and (min-width:800px) {
    .preview-area_visit .g_displayClamp2 {
        min-height: 2rem
    }
}

.form.formStyle35 {
    margin: 0 auto;
    padding: 0;
    top: 0
}

.g_iconMiddle:before {
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.icon-gOther:before {
    color: #333;
    content: "";
    display: table-cell;
    font-size: 1rem;
    vertical-align: middle
}

.g_round {
    background: hsla(0, 0%, 100%, .7);
    border-radius: 100%;
    height: 1.35rem;
    position: absolute;
    width: 1.35rem
}

.tabBody .showMoreComment {
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center
}

.webPagePanel .userCommentPanel {
    background: #f7f7f7;
    height: 100%;
    max-width: 768px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translate3d(100%, 0, 0);
    transition: transform 0s;
    width: 100%;
    z-index: 99
}

.userCommentPanel .userCommentHead {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #4e4e4e;
    font-size: .8rem;
    height: 2.4rem;
    line-height: 2.4rem;
    max-width: 768px;
    text-align: center;
    width: 100%
}

.userCommentPanel .userCommentHead .icon-gHome:before {
    color: #4e4e4e
}

.icon-gHome:before {
    content: "";
    display: table-cell;
    font-size: 1rem;
    vertical-align: middle
}

.userCommentGoBack {
    left: 0
}

.userCommentGoBack,
.userCommentGoHome {
    height: 2.4rem;
    position: absolute;
    width: 2.4rem
}

.userCommentGoHome {
    display: inline-block;
    right: 0
}

.productNewDetailPanel .g_globalLine {
    margin: 0 auto;
    width: 100%
}

.userCommentInfo {
    border-radius: 2px;
    margin: .5rem .5rem .75rem
}

.userCommentInfo .captchaImg {
    top: .5rem
}

.userCommentInfo .icon-update:before {
    top: .7rem
}

.g_locale2052 .userCommentInfo .itemEdit {
    padding-left: 2.1rem
}

.userCommentInfo .g_textArea {
    background-color: #fff;
    height: 5.1rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem
}

.userCommentInfo .upImgSet {
    padding-bottom: .6rem;
    padding-top: .1rem
}

.uploadify-button:hover {
    background: #e8f3fe;
    border: 1px solid #3298fe;
    color: #666
}

.userCommentInfo .uploadify-button {
    background-image: url(/image/mobi/msgUpImg/upload.png?v=202306291520);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    border-width: 0;
    height: 2.5rem;
    padding: 0 !important;
    width: 2.5rem
}

.userCommentInfo .comm-find-tb {
    height: 2.5rem;
    padding-right: .3rem;
    width: 2.5rem
}

.userCommentInfo .comm-show-td-bd {
    border: 1px solid #aaa;
    height: 2.5rem;
    width: 2.5rem
}

.userCommentInfo .comm-up-set {
    display: block;
    width: 2.5rem
}

.userCommentInfo .comm-up-div {
    position: relative
}

.userCommentInfo .comm-up-div-set {
    background-image: url(/image/mobi/msgUpImg/delete.png?v=202306291520);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: .8rem;
    margin-left: 1.95rem;
    margin-top: -2.9rem;
    position: absolute;
    width: .8rem;
    z-index: 1
}

.userCommentInfo .comm-up-div-set:hover {
    cursor: pointer
}

.userCommentInfo .l-star-list {
    color: #eaeaea;
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding: .35rem 0
}

.g_locale1031 .userCommentInfo .l-star-list .score-tip {
    margin-left: 0
}

.userCommentInfo .l-star-list .score-tip {
    border: 1px solid;
    display: none;
    font-size: .7rem;
    line-height: .7rem;
    margin: .2em .5rem;
    padding: .15rem;
    vertical-align: top
}

.userCommentGoBack.icon-gClose:before {
    color: #4e4e4e;
    font-size: 1.4rem
}

.commentBoxPanel .commentBox .msgArea {
    border-bottom: 1px solid #f2f2f2
}

.g_locale2052 .icon-Twitter-text:after {
    content: "推特"
}

.g_locale2052 .shareListPanel .shareListShow {
    height: 9rem
}

.icon-gbgraphic_poster:before {
    border-radius: 100%;
    color: #fa8844;
    content: "򰍣"
}

.f_gbshareListPanel .gbshareListContent {
    background-color: #fff;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.f_gbshareListPanel .gbshareListSwipe {
    text-align: center
}

.f_gbshareListPanel .gbshareLink {
    display: inline-block;
    margin-bottom: .7rem;
    margin-top: .2rem
}

.f_gbshareListPanel .marginLeft {
    margin-left: 3.75rem
}

.f_gbshareListPanel .marginRight {
    float: right;
    margin-right: 3.75rem
}

.f_gbshareListPanel .gbicon-Weixin-text:after {
    content: "直接邀请";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.f_gbshareListPanel .gbicon-graphic_poster-text:after {
    content: "海报邀请";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.f_gbshareListPanel .cancelBtn {
    background-color: #f9f9f9;
    font-size: .64rem;
    height: 2.1rem;
    line-height: 2.1rem
}

.f_gbshareListPanel .cancelBtn .cancelBtnSpan {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 2rem
}

.f_gpgraphicPoster .gpgraphicPosterContent {
    background-color: #fff;
    bottom: 0;
    max-height: 90%;
    overflow-y: scroll;
    position: absolute;
    width: 100%
}

.f_gpgraphicPoster .gbContentTitle {
    background-color: #f7f7f7;
    height: 2rem
}

.f_gpgraphicPoster .gbContentTitle .gbTitle {
    color: #333;
    display: inline-block;
    font-size: .6rem;
    margin-left: .575rem;
    margin-top: .675rem
}

.f_gpgraphicPoster .gbContentTitle .closeIcon {
    background: url(/image/share/gbsharehaibao_close.png?v=202306291520) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    cursor: pointer;
    display: block;
    float: right;
    height: .575rem;
    margin: .75rem .6rem 0 0;
    width: .575rem
}

.f_gpgraphicPoster .gbpage_graphicPoster {
    border-radius: .3rem;
    overflow: hidden;
    top: 4rem;
    width: 100%
}

.f_gpgraphicPoster .myCanvasContain {
    box-shadow: 0 5px 29px 0 hsla(0, 0%, 87%, .6);
    margin: 1rem 2.35rem
}

.f_gpgraphicPoster .promptTextContain {
    background-color: #fff;
    color: #353535;
    font-size: .55rem;
    height: 1.2rem;
    margin-top: -.1rem;
    text-align: center;
    width: 100%
}

.webPagePanel {
    -ms-overflow-style: none
}

@media only screen and (min-width:1280px) {
    .webPagePanel {
        max-width: 512px
    }
}

#g_web.gwNoScroll {
    -ms-overflow-style: none
}

.product_audio_player_normal_header {
    padding-top: 2.3rem
}

.product_audio_player_wrapper {
    background-color: #f7f7f7
}

.commentBoxPanel .commentBox div.productCommentPanel {
    margin-top: -.5rem;
    padding-bottom: .25rem
}

.commentBoxPanel .commentBox div.productCommentPanel .noCommentList {
    background: url(/image/v2/defaultIcon04.png?v=202306291520) no-repeat 50%;
    background-size: contain;
    height: 4rem;
    margin: 1.3rem auto .8rem;
    width: 5.5rem
}

.commentBoxPanel .commentBox div.productCommentPanel .noCommentListDescribe {
    color: #888;
    font-size: .45rem;
    margin-bottom: 1rem;
    text-align: center
}

.commentBox:first-child {
    margin-top: .5rem !important
}

.statisticCommBox {
    border-bottom: .4rem solid #f5f5f5;
    display: inline-block;
    height: 2.5rem;
    padding: .625rem 0;
    width: 100%
}

.statisticCommBox .fk-left-statisBox {
    border-right: 1px solid #ddd;
    display: inline-block;
    height: 2.5rem;
    text-align: center;
    vertical-align: top;
    width: 5.8rem
}

.statisticCommBox .fk-left-statisBox .fk-comm-avgScore {
    color: #f60;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    height: 1.5rem;
    width: 100%
}

.commentBox .fk-star-list,
.statisticCommBox .fk-left-statisBox .fk-star-list {
    font-size: .8rem;
    height: 1rem;
    width: 100%
}

.faisco-icons-star3.select_more {
    color: #ffb600
}

.faisco-icons-star3.select_less {
    color: #d6d6d6
}

.faisco-icons-star3.no_select {
    color: #eaeaea
}

.commentBox .fk-star-list li,
.fk-left-statisBox .fk-star-list li,
.l-star-list li {
    display: inline-block;
    list-style: none;
    position: relative
}

.fk-left-statisBox .fk-star-list li span {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.statisticCommBox .fk-right-statisBox {
    display: inline-block;
    height: 2.5rem;
    width: calc(100% - 6rem)
}

.statisticCommBox .fk-right-statisBox>div {
    color: #666;
    display: inline-block;
    text-align: center;
    width: 33%
}

.statisticCommBox .fk-right-statisBox>div div:first-child {
    color: #333;
    height: 1.5rem
}

.swipImgBox .mobiProductVideoDialog {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%
}

.swipImgBox .productVideoMask {
    background-color: #000;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.productBullet .bfFont {
    display: inline-block;
    height: 100%;
    width: 100%
}

.productBullet .bfFont:before {
    border: 3px solid transparent;
    border-bottom: 5px solid #fff;
    color: #fff;
    content: "";
    display: block;
    font-size: 10px;
    margin-left: 5.3px;
    margin-top: 2px;
    position: absolute;
    transform: rotate(90deg);
    transition: left .2s
}

.knowPayProduct .videoTryTipContainer {
    align-items: center;
    border-radius: .55rem;
    bottom: .4rem;
    display: flex;
    font-size: .5rem;
    font-weight: 500;
    justify-content: center;
    left: .4rem;
    max-width: 70%;
    position: absolute;
    text-align: left
}

.knowPayProduct .videoTryTipContainer .videoTryBg {
    background: #000;
    border: .05rem solid hsla(0, 0%, 100%, .6);
    border-radius: .6rem;
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.knowPayProduct .videoTryTipContainer .videoTryTip {
    align-items: center;
    border-radius: .55rem;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: .1rem .15rem;
    width: 100%;
    z-index: 1
}

.knowPayProduct .videoTryTipContainer .videoTryTipSvg {
    fill: #fff;
    height: .4rem;
    width: .4rem
}

.knowPayPopupContainer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.knowPayPopupContainer .knowPayPopupBg {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.knowPayPopupContainer .knowPayPopupContent {
    background-color: #fff;
    border-radius: .15rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 6.9rem;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 13.5rem;
    z-index: 11
}

.knowPayPopupContainer .knowPayPopupTip {
    box-sizing: border-box;
    flex: 1 1
}

.knowPayPopupContainer .knowPayPopupTip .knowPayPopupTitle {
    color: #333;
    font-size: .7rem;
    padding-top: 1.375rem;
    text-align: center
}

.knowPayPopupContainer .knowPayPopupTip .knowPayPopupTips {
    color: #999;
    font-size: .55rem;
    padding-top: .9rem;
    text-align: center
}

.knowPayPopupContainer .knowPayPopupBtnGroup {
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: flex;
    font-size: .6rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center
}

.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupClip {
    background-color: #f2f2f2;
    height: 100%;
    width: 1px
}

.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupCancel {
    color: #333;
    flex: 1 1
}

.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupConfirm {
    color: #3786fb;
    flex: 1 1
}

.knowPayProduct #knowproductVideoMask {
    background-color: #000;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.knowPayProduct .mobiProductVideoDialog {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%
}

.videoQuit {
    background-color: rgba(60, 60, 60, .6);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: .5rem;
    height: 1.2rem;
    line-height: 1rem;
    position: absolute;
    right: .5rem;
    text-align: center;
    top: .5rem;
    width: 1.2rem
}

.videoQuit-close {
    box-sizing: border-box;
    height: 100%;
    padding: .2rem;
    width: 100%
}

.productNotAdded-icon {
    background: url(/image/v2/defaultIcon10.png?v=202306291520) no-repeat 50%;
    background-size: contain
}

.productNotAdded-icon2 {
    background: url(/image/merchants/notFoundSm.png?v=202306291520) no-repeat 50%;
    background-size: contain
}

.productNotAdded {
    background-color: #fff;
    height: 5rem;
    line-height: 6.4rem;
    margin: 2.9rem auto .65rem;
    text-align: center;
    width: 5.5rem
}

.icon-noProduct:before {
    color: #666;
    content: "";
    font-size: 4.5rem
}

.noProductTips,
.productNotAdded-tip {
    color: #666;
    font-size: .6rem;
    margin-bottom: 2.5rem;
    text-align: center
}

.detail_file_download {
    align-items: center;
    display: flex;
    font-size: .5547rem;
    height: 2.048rem;
    padding: 0 .4267rem
}

.detail_file_download .label {
    color: #999;
    display: inline-block;
    margin-right: .3413rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 2.7307rem
}

.detail_file_download .filename {
    color: #333;
    flex: 1;
    max-width: 11.0933rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_file_download .download {
    color: #999;
    height: 18px;
    width: 18px
}

.detail_file_download a {
    display: inline-block;
    height: 18px;
    width: 18px
}

.productCommentPanel .pdMsgLine {
    margin-bottom: .512rem
}

.productCommentPanel .pdMsgLine .pdMsgTime {
    color: #b3b3b3;
    font-size: .512rem
}

.productCommentPanel .pdMsgLine .pdMsgDel {
    color: #666;
    cursor: pointer;
    font-size: .512rem;
    margin-left: .4267rem
}

.productDetail_v1 .swipImgBox {
    font-size: 0
}

.productDetail_v1 .paramCollection .paramName {
    font-size: inherit;
    font-weight: inherit
}

.pagenation.disable .icon-pageNext.icon-cnListN,
.pagenation.disable .icon-pagePrev.icon-cnListP {
    background: transparent
}

.pagenation.disable .icon-pageNext.icon-cnListN:before,
.pagenation.disable .icon-pagePrev.icon-cnListP:before {
    color: #ccc !important
}

.pagenation.disable .icon-pageNext.icon-cnListN a,
.pagenation.disable .icon-pagePrev.icon-cnListP a {
    pointer-events: none
}

.pagenation.disable .pageNext,
.pagenation.disable .pagePrev {
    border-color: #ccc !important
}

.photoGroupDetailPanel .photoGroupDetailHeader {
    height: 2.4rem;
    max-width: 768px;
    position: fixed;
    width: 100%;
    z-index: 10
}

.photoGroupDetailPanel .photoGroupDetailBack {
    left: .45rem;
    top: .4rem
}

.photoGroupDetailPanel .icon-gClose:before {
    color: #333;
    font-size: 1.4rem;
    padding-left: 0
}

.photoGroupDetailPanel .photoGroupDetailShare {
    right: .45rem;
    top: .4rem
}

.photoGroupDetailPanel .photoGroupDetail {
    overflow: hidden
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPicPanel {
    position: relative;
    width: 100%
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet {
    background: none;
    bottom: 0;
    display: none;
    height: .65rem;
    line-height: 0px;
    position: absolute;
    top: auto;
    width: 100%
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet .bullets li {
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    margin: 0 .1rem;
    width: .35rem
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet .bullets .off {
    background: rgba(0, 0, 0, .15);
    background: #999
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPicList {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPic {
    float: left;
    height: 100%;
    position: relative
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPicImg {
    background-position: 50% 50%;
    background-size: cover;
    height: 15rem;
    margin: 0
}

.photoGroupDetailPanel .photoGroupDetailContent {
    word-wrap: break-word;
    padding-bottom: .5rem;
    word-break: break-all
}

.photoGroupDetailContent .title {
    color: #1f1f1f;
    font-family: 微软雅黑;
    font-size: 1.4rem;
    font-weight: inherit;
    line-height: 1.6rem;
    padding: 1rem .75rem;
    word-break: normal
}

.photoGroupDetailPanel .photoGroupDetailContent .separateLine {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: .4rem;
    width: 100%
}

.photoGroupDetailPanel .f-photoNumber {
    background-color: #000;
    bottom: 0;
    color: #fff;
    line-height: 30px;
    opacity: .5;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px
}

.photoGroupDetailPanel .f-preBtn {
    left: 0
}

.photoGroupDetailPanel .f-nextBtn {
    right: 0
}

.photoGroupDetailPanel .f-btn {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: none;
    font-size: 2.27rem;
    height: 2.27rem;
    margin-top: -25px;
    opacity: .5;
    position: absolute;
    top: 50%;
    width: 2.27rem
}

.quick_in {
    background: #557ce1 url(/image/v2/mbg01.png?v=202312111117) -1420px -42px no-repeat;
    cursor: pointer;
    display: none;
    height: 18px;
    position: absolute;
    right: 0;
    top: 2.05rem;
    width: 18px;
    z-index: 1000
}

.productNewGroup .firstGroupList .firstGroupItem {
    font-size: 0
}

.fk-photoGroupResult {
    overflow: hidden;
    padding: .5rem
}

.fk-photoGroupResult .f-photoGroupItem {
    float: left;
    height: 8rem;
    margin-top: 2%;
    width: 49%
}

.fk-photoGroupResult .f-photoGroupItem .f-photoGroupR-a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: 微软雅黑;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3
}

.fk-photoGroupResult .f-photoGroupR-img {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.fk-photoGroupResult .f-photoGroupR-curtain {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.fk-photoGroupResult .f-photoGroupR-curtainDefault {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .2) 30%, #000 83%);
    height: 1.5rem
}

.fk-photoGroupResult .f-photoGroupR-FontDiv {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.fk-photoGroupResult .f-photoGroupR-title {
    bottom: 2%;
    font-size: .7rem;
    font-weight: 700;
    left: 2%;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 62%;
    z-index: 2
}

.fk-photoGroupResult .f-photoGroupR-photoNum {
    bottom: 2%;
    font-size: .6rem;
    position: absolute;
    right: 2%;
    text-align: right;
    width: 34%;
    z-index: 2
}

.fk-photoGroupResult .f-photoGroupItem:first-child,
.fk-photoGroupResult .f-photoGroupItem:nth-child(2) {
    margin-top: 0
}

.fk-photoGroupResult .f-photoGroupItem:nth-child(2n+2) {
    margin-left: 2%
}

.navBaseIcon .navItem .fk-fixNavIconStyle {
    display: inline-block;
    width: auto
}

.newsLine.line.wWLineOne[data-v-ed03d078] {
    padding-left: .3rem
}

.newsList .f-cardGraphicNews[data-v-b4d13ab0] {
    overflow: hidden;
    position: relative;
    width: 100%
}

.newsList .cardGraphicNewsStyle[data-v-b4d13ab0] {
    float: left
}

.newsList .cardGraphicNewsStyle .lineBody[data-v-b4d13ab0] {
    overflow: hidden;
    padding: .4rem 0 .45rem .7rem;
    position: relative
}

.isNewAddModule .newsList .cardGraphicNewsStyle .lineBody[data-v-b4d13ab0] {
    padding: .4rem 0 .45rem .7rem !important
}

.newsList .cardGraphicNewsStyle .f_mixNewsStyleImgBox5_link[data-v-b4d13ab0] {
    background: #fff;
    display: block;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-shadow: none;
    width: 100%
}

.newsList .cardGraphicNewsStyle .mixNewsStyleImgBox5[data-v-b4d13ab0] {
    border: 1px solid #e6e6e6;
    clear: both;
    width: 12.5rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5[data-v-b4d13ab0] {
    padding: .55rem .65rem .75rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitle1[data-v-b4d13ab0] {
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    letter-spacing: .02rem;
    max-height: 1.9rem;
    overflow: hidden;
    width: auto
}

.newsList .cardGraphicNewsStyle .justifyTextAlign[data-v-b4d13ab0] {
    text-align: justify
}

.newsList .cardGraphicNewsStyle .centerTextAlign[data-v-b4d13ab0] {
    text-align: center
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1[data-v-b4d13ab0] {
    word-wrap: break-word;
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    letter-spacing: .02rem;
    max-height: 1.9rem;
    overflow: hidden;
    text-align: justify;
    width: auto
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitle2[data-v-b4d13ab0] {
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .02rem;
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.newsList .cardGraphicNewsStyle.wWLine .lineBody .g_topFlag[data-v-b4d13ab0] {
    display: inline-block;
    height: .95rem;
    margin-right: .1rem;
    margin-top: .04rem;
    position: relative;
    vertical-align: top;
    width: .95rem
}

.newsList .cardGraphicNewsStyle .lineBody .g_topFlag[data-v-b4d13ab0] {
    display: inline-block;
    height: .95rem;
    margin-right: .1rem;
    margin-top: .2rem;
    position: relative;
    vertical-align: top;
    width: .95rem
}

.newsList .cardGraphicNewsStyle .separatorLine[data-v-b4d13ab0] {
    border-top: 1px solid #e6e6e6;
    margin: .55rem 0 .45rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleSummary[data-v-b4d13ab0] {
    word-break: break-all
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleSummary[data-v-b4d13ab0],
.newsList .cardGraphicNewsStyle .mixNewsStyleSummary[data-v-b4d13ab0] {
    word-wrap: break-word;
    color: #ababab;
    display: block;
    font-size: .6rem;
    height: auto;
    line-height: 1rem;
    max-height: 1.82rem;
    overflow: hidden;
    white-space: normal;
    width: auto
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleSummary[data-v-b4d13ab0] {
    text-align: justify;
    word-break: normal
}

.newsList .f-cardGraphicNewsSlide[data-v-b4d13ab0] {
    left: 0;
    position: absolute
}

.newsList .mixNewsStyleImgBox5 .newsTitlePic[data-v-b4d13ab0] {
    background-color: #f2f2f2;
    box-sizing: border-box;
    height: 7.8rem;
    width: 12.5rem
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6[data-v-09b5b0b8] {
    background: rgba(0, 0, 0, .5)
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleImgBox6 .newsElementsPanel .ne_newsComment[data-v-09b5b0b8] {
    margin-left: 0;
    margin-right: .5rem
}

.newsList .isNewAddModule .newsElementsPanel[data-v-09b5b0b8] {
    letter-spacing: 0
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1[data-v-09b5b0b8] {
    font-size: .7rem;
    margin: 0 auto;
    max-width: 9.75rem;
    text-align: center
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleSummary[data-v-09b5b0b8] {
    box-sizing: border-box;
    color: #fff;
    font-size: .55rem;
    max-height: none;
    opacity: .8
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitlePanel[data-v-09b5b0b8] {
    border-radius: 2.5rem;
    margin-top: 2.325rem;
    padding-top: 0
}

.newsList .largeImageNewsStyle .isNewAddModule .f_mixNewsStyleImgBox6_link[data-v-09b5b0b8] {
    border-radius: .2rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6[data-v-09b5b0b8] {
    padding: .75rem .75rem .5rem
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1[data-v-09b5b0b8] {
    display: -webkit-box;
    max-height: none;
    max-width: none
}

.newsList .largeImageNewsStyle .lineBody .noDescriptionLine[data-v-09b5b0b8] {
    white-space: inherit
}

.newsList .isNewAddModule .newsElementsPanel .ne_newsTime.fix1[data-v-09b5b0b8] {
    line-height: normal
}

.isNewAddModule .newsList .largeImageNewsStyle .lineBody[data-v-09b5b0b8] {
    padding: .75rem .75rem 0
}

.isNewAddModule .newsList .largeImageNewsStyle[data-v-09b5b0b8] {
    margin-bottom: 0
}

.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleImgBox6[data-v-09b5b0b8] {
    padding: 0 0 .1rem
}

.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6[data-v-09b5b0b8] {
    align-items: center;
    display: flex;
    max-height: none
}

.isNewAddModule .newsList .largeImageNewsStyle .f_mixNewsStyleImgBox6_link[data-v-09b5b0b8] {
    max-height: none
}

.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleTitlePanel[data-v-09b5b0b8] {
    margin-top: 0;
    padding: .7rem 1.5rem;
    width: 100%
}

.newsList .line[data-v-cd12f722] {
    cursor: pointer;
    padding-left: 1.3rem
}

.newsMore.newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName {
    margin-left: .8rem
}

.cookie_policy_content {
    overflow: hidden;
    padding: 15px
}

.adsPictureCusor[data-v-1a6ca513] {
    cursor: default
}

.adsPicture a[data-v-1a6ca513] {
    display: block;
    font-size: 0;
    overflow: hidden
}

.formStyle40 .adsPicture a img[data-v-1a6ca513] {
    float: left;
    width: 100%
}

.m_button_link[data-v-16e66aa3] {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m_floatBtnStyle_color[data-v-16e66aa3] {
    color: #fff
}

.m_button_default_radius[data-v-16e66aa3] {
    border-radius: 5px
}

.formStyle54 .moduleContent {
    overflow: visible;
    overflow: initial
}

.form.formStyle54 {
    box-shadow: none;
    padding: 0
}

.form.formStyle54,
.form.formStyle54 .formMiddle {
    background: none;
    overflow: visible
}

.form .floatBtnBox .middle {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form .floatBtnStyle .middle {
    display: block;
    height: 1.9512195122rem;
    line-height: 2.0487804878rem;
    outline: 0;
    width: 5.8536585366rem
}

.form .floatBtnStyle0 .middle {
    border-radius: 5px
}

.form .floatBtnStyle1 .middle {
    border-radius: 0
}

.form .floatBtnStyle2 .middle {
    border-radius: 0;
    border-style: solid;
    border-width: 1px
}

.form .floatBtnStyle3 .middle {
    border-radius: 3px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .2)
}

.form .floatBtnStyle4 .middle {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 1.5px 5px -1px #fff
}

.floatBtnStyle5 .floatBtn,
.floatBtnStyle6 .floatBtn {
    border-radius: 1.9512195122rem
}

.floatBtnStyle7 .floatBtn,
.floatBtnStyle8 .floatBtn {
    border-radius: 5px
}

.floatBtnStyle5 .floatBtn,
.floatBtnStyle7 .floatBtn {
    border-style: solid;
    border-width: 1px
}

.select_list .select_item:hover,
.select_list .selectActive {
    color: #fff !important
}

.variable_select .arrow {
    color: #333;
    cursor: pointer;
    font-size: .55rem;
    position: absolute;
    right: .65rem;
    top: .65rem;
    transform-origin: center;
    transition: transform .1s
}

.variable_select .focuAcitive .arrow {
    transform: rotate(-180deg)
}

.calculationModalFrame {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998
}

.calculationModalFrameBg {
    align-items: center;
    background: rgba(0, 0, 0, .7);
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9998
}

.calculationModalFrame .content_box {
    background: #fff;
    border-radius: .25rem;
    height: auto;
    max-height: 22.75rem;
    min-height: 10rem;
    overflow-y: auto;
    position: relative;
    width: 13.5rem
}

.calculationModalFrame .close_btn {
    fill: #bdbdbd;
    height: .8rem;
    position: absolute;
    right: .4rem;
    top: .4rem;
    width: .8rem
}

.calculationModalFrame .result_content {
    box-sizing: border-box;
    padding: .75rem;
    text-align: center
}

.calculationModalFrame .result_content .formula_result {
    margin-bottom: .5rem;
    text-align: center;
    width: 100%
}

.calculationModalFrame .formula_result .formula_result_text {
    color: #999;
    font-size: .6rem;
    font-weight: 500;
    line-height: 1.5rem
}

.calculationModalFrame .formula_result .formula_result_money {
    color: #333;
    font-family: PingFang SC;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    width: 100%;
    word-break: break-all
}

.calculationModalFrame .variable_list {
    border-bottom: .025rem dashed #e0e0e0;
    display: inline-block;
    padding: .3rem .75rem .4rem;
    width: 10.5rem
}

.calculationModalFrame .variable_list .vaiable_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: .6rem
}

.calculationModalFrame .vaiable_item .variable_name {
    color: #666;
    font-size: .6rem;
    max-width: 60%
}

.calculationModalFrame .vaiable_item .variable_value {
    color: #333;
    font-size: .6rem
}

.calculationModalFrame .result_content .result_img {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: .75rem;
    width: 100%
}

.calculationModalFrame .result_content .result_img img {
    max-height: 4.5rem;
    max-width: 100%
}

.calculationModalFrame .result_content .result_note_text {
    color: #999;
    font-size: .6rem;
    margin: .6rem 0 .5rem
}

.calculationQuotation {
    margin: .75rem
}

.calculationQuotation .variable_item {
    margin-bottom: .75rem
}

.calculationQuotation .variable_item.manage_mode_wrap:hover {
    outline: 1px dashed #999
}

.variable_item .variable_name {
    color: #333;
    font-size: .62rem;
    margin-bottom: .6rem
}

.variable_item .variable_content {
    align-items: center;
    background-color: transparent;
    display: flex;
    position: relative;
    width: 100%
}

.variable_item .variable_input {
    background: #f6f6f6;
    border-radius: .1rem;
    box-sizing: border-box;
    color: #333;
    flex: 1;
    height: 1.8rem
}

.variable_item .variable_input input {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    font-size: .6rem;
    height: 100%;
    line-height: 1.2rem;
    outline: 0;
    overflow: hidden;
    padding: 0 .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.variable_select input {
    cursor: pointer
}

.variable_select select:focus {
    outline: none
}

.variable_input input::-webkit-input-placeholder {
    color: #888
}

.variable_input input::-moz-input-placeholder {
    color: #888
}

.variable_input input::-ms-input-placeholder {
    color: #888
}

.variable_input input::-o-input-placeholder {
    color: #888
}

.variable_input input:focus::-webkit-input-placeholder {
    color: transparent
}

.variable_input input:focus:-moz-placeholder,
.variable_input input:focus::-moz-placeholder {
    color: transparent
}

.variable_input input:focus:-ms-input-placeholder {
    color: transparent
}

.holderUnderLine .variable_input input::-webkit-input-placeholder {
    text-decoration: underline
}

.holderUnderLine .variable_input input::-moz-input-placeholder {
    text-decoration: underline
}

.holderUnderLine .variable_input input::-ms-input-placeholder {
    text-decoration: underline
}

.holderUnderLine .variable_input input::-o-input-placeholder {
    text-decoration: underline
}

.variable_item .variable_unit {
    align-items: center;
    font-size: .6rem;
    position: absolute;
    right: .6rem;
    top: .45rem
}

.calculation_submit_wrap {
    margin: 1.3rem 0 0;
    text-align: center
}

.variable_select .mobileSelect {
    -webkit-appearance: none;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: initial;
    border-radius: .086rem;
    box-sizing: border-box;
    color: #888;
    font-size: .6rem;
    height: 1.8rem;
    line-height: 1.9rem;
    padding: 0 1.5rem 0 .5rem;
    text-indent: inherit;
    width: 100%
}

.calculation_submit {
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: .7rem;
    height: 2rem;
    outline: none;
    overflow: hidden;
    padding: 0 .5rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.variable_select {
    position: relative;
    width: 100%
}

.variable_select .variable_select_input {
    align-items: center;
    display: flex
}

.select_list_wrap {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin-top: 10px;
    padding: 8px 6px;
    position: absolute;
    z-index: 999
}

.select_list_wrap .select_list {
    max-height: 10.5rem;
    overflow: hidden;
    overflow-y: visible
}

.select_list_wrap .select_item {
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    font-size: .6rem;
    height: 1.75rem;
    line-height: normal;
    padding: .45rem 0 .45rem .6rem
}

.calculationQuotation.moduleStyle2 .variable_input {
    background-color: transparent;
    border: 1px solid #e3e2e8
}

.calculationQuotation.moduleStyle3 .variable_input {
    background-color: transparent;
    border-bottom: 1px solid #e3e2e8
}

.moduleStyle3 .variable_item .variable_input input {
    padding: 0 .5rem 0 0
}

.itemUnitShow.variable_item .variable_input input,
.variable_item_select.variable_item .variable_input input {
    padding-right: 1.5rem
}

.jz_themeV3 .photoModule.styleForm6,
.jz_themeV3 .photoModule.styleForm7 {
    margin: 0;
    outline: .2rem solid #fff
}

.carouselMultiPhoto .photoModule.styleForm6 {
    margin-bottom: 0;
    margin-top: 0
}

.carouselMultiPhoto .photoModule.styleForm6 .photoSwipeBox {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 0
}

.photoModule.styleForm6 .photoSwipeBox .swipImgArea {
    align-items: center;
    display: flex
}

.imageDivStyle {
    display: none
}

.form .formMiddle .stretchImg {
    height: 100%;
    width: 100%
}

.bulletsHide {
    display: none
}

a.imgHref {
    align-items: center;
    display: flex;
    height: 100%
}

.carouselMultiPhoto .photoModule.styleForm7 {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.formStyle42.form .formMiddle {
    overflow: hidden;
    padding-bottom: 0;
    z-index: 99
}

.photoModule.styleForm7 .imageMiddleSpan {
    display: inline;
    height: 100%;
    vertical-align: middle
}

.swipe {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    transform: rotateX(0deg) rotateY(0deg) translateZ(0);
    visibility: hidden
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem {
    border-radius: .2rem;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .photoImageItemContent {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgLink {
    display: block;
    height: 7.75rem;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgLink.picScale1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgLink.picScale2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgLink.picScale3 {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgLink.picScale4 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-size: initial
}

.formStyle42 .newCarouselMultiPhoto.outerBox2 .photoImageItem .imgLink {
    width: auto
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem img {
    height: auto;
    vertical-align: middle;
    width: auto
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgCover {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 0;
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 1
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgCover.imgCoverHide {
    background-color: transparent !important;
    background-color: initial !important
}

.formStyle42 .newCarouselMultiPhoto.innerBox .photoImageItem .imgDescBox {
    bottom: 0;
    box-sizing: border-box;
    padding: .5rem .5rem .4rem .6rem;
    position: absolute;
    width: 100%;
    z-index: 1
}

.formStyle42 .newCarouselMultiPhoto.innerBox .photoImageItem .imgCoverAuto .imgDescBox {
    height: auto;
    position: relative
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgName {
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    text-align: inherit
}

.formStyle42 .newCarouselMultiPhoto .photoImageItem .imgDesc {
    color: #fff;
    font-size: .5rem;
    margin: .1rem 0 0;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.formStyle42 .newCarouselMultiPhoto.innerBox .photoImageItem .imgDesc,
.formStyle42 .newCarouselMultiPhoto.innerBox .photoImageItem .imgName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.formStyle42 .newCarouselMultiPhoto.outerBox1 .photoImageItem .imgDescBox {
    box-sizing: border-box;
    flex: 1;
    min-height: 3.4rem;
    padding: .4rem .5rem .65rem;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto.outerBox2 .photoImageItem .imgDescBox {
    padding: .65rem .5rem .4rem
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgDescBox.noDesc,
.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgDescBox.noName {
    min-height: 0;
    min-height: auto
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgName.default {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #222;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
    word-break: break-all
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgDesc.default {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.formStyle42 .outerBox .photoImageItem .photoImageItemContent {
    background-color: #fff;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
    vertical-align: top;
    width: auto
}

.formStyle42 .outerBox2 .photoImageItem .photoImageItemContent {
    justify-content: space-between
}

.formStyle42 .photoImageItem .photoImageItemContent.textCenter {
    text-align: center
}

.formStyle42 .photoImageItem .photoImageItemContent.textLeft {
    text-align: left
}

.formStyle42 .photoImageItem .photoImageItemContent.textRight {
    text-align: right
}

.formStyle42 .outerBox.imgTextType1 .photoImageItem .photoImageItemContent {
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1)
}

.formStyle42 .outerBox.imgTextType2 .photoImageItem .photoImageItemContent {
    border: 1px solid #eee;
    box-sizing: border-box
}

.formStyle42 .outerBox.imgTextType3 .photoImageItem .photoImageItemContent {
    background-color: #f6f6f6
}

.formStyle42 .outerBox.imgTextType4 .photoImageItem .photoImageItemContent .imgLink {
    border-radius: .2rem
}

.formStyle42 .outerBox.imgTextType4 .photoImageItem .photoImageItemContent {
    background-color: transparent !important;
    background-color: initial !important;
    border-radius: 0
}

.formStyle42 .newCarouselMultiPhoto.outerBox1.imgTextType4 .photoImageItem .imgDescBox {
    min-height: 3rem;
    padding: .4rem 0 .25rem
}

.formStyle42 .newCarouselMultiPhoto.outerBox2.imgTextType4 .photoImageItem .imgDescBox {
    padding: .65rem 0 .4rem
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgName.nowrap {
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgDesc.wrap {
    color: #666;
    overflow: hidden;
    white-space: normal;
    word-break: break-all
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgName.wrap {
    color: #222;
    overflow: hidden;
    white-space: normal;
    word-break: break-all
}

.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgDesc.nowrap {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.formStyle42 .imgBulletGroup {
    bottom: 0;
    font-size: 0;
    line-height: 0;
    margin: .75rem 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 8
}

.formStyle42 .imgBulletGroup1 .imgBullet {
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .45rem
}

.formStyle42 .imgBulletGroup1 .imgBullet .imgBulletBall {
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .3rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .3rem
}

.formStyle42 .imgBulletGroup1 .imgBullet .imgBulletBall:not(.active) {
    background: #d9d9d9;
    transform: scale(.75)
}

.formStyle42 .imgBulletGroup1 .imgBullet.offsetBullect .imgBulletBall {
    transform: scale(.5)
}

.formStyle42 .imgBulletGroup1 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.formStyle42 .imgBulletGroup1 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.formStyle42 .innerBox .imgBulletGroup1 .imgBullet {
    width: .4rem
}

.formStyle42 .innerBox .imgBulletGroup1 .imgBullet .imgBulletBall {
    background-color: hsla(0, 0%, 100%, .6)
}

.formStyle42 .innerBox .imgBullet .imgBulletBall.active {
    background-color: #fff
}

.formStyle42 .innerBox .imgBulletGroup2 .imgBullet {
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .3rem
}

.formStyle42 .innerBox .imgBulletGroup2 .imgBullet.active {
    width: .65rem
}

.formStyle42 .imgBulletGroup2 .imgBullet .imgBulletBall {
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .15rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .15rem
}

.formStyle42 .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall.active {
    border-radius: .15rem;
    cursor: pointer;
    display: inline-block;
    height: .15rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .5rem
}

.formStyle42 .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall:not(.active) {
    background: hsla(0, 0%, 100%, .6)
}

.formStyle42 .outerBox .imgBulletGroup2 .imgBullet {
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .4rem
}

.formStyle42 .outerBox .imgBulletGroup2 .imgBullet.active {
    width: .9rem
}

.formStyle42 .outerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .2rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .2rem
}

.formStyle42 .outerBox .imgBulletGroup2 .imgBullet .imgBulletBall.active {
    border-radius: .3rem;
    cursor: pointer;
    display: inline-block;
    height: .2rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .7rem
}

.formStyle42 .outerBox .imgBulletGroup2 .imgBullet .imgBulletBall:not(.active) {
    background: #d9d9d9
}

.formStyle42 .imgBulletGroup2 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.formStyle42 .imgBulletGroup2 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.formStyle42 .innerBox .imgBulletGroup3 {
    align-items: center;
    display: flex
}

.formStyle42 .innerBox .imgBulletGroup3 .imgBullet {
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    opacity: 1;
    position: relative;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .35rem
}

.formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
    border-radius: 100%;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: .15rem;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 50% 50%;
    width: .15rem
}

.formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
    border-radius: .075rem;
    cursor: pointer;
    display: inline-block;
    height: .25rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .125rem
}

.formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall:not(.active) {
    background: hsla(0, 0%, 100%, .6)
}

.formStyle42 .innerBox .imgBulletGroup3 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.formStyle42 .innerBox .imgBulletGroup3 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.formStyle42 .innerBox .imgBulletGroup4 {
    align-items: center;
    display: flex
}

.formStyle42 .innerBox .imgBulletGroup4 .imgBullet {
    cursor: pointer;
    display: inline-block;
    height: .45rem;
    opacity: 1;
    position: relative;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .45rem
}

.formStyle42 .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
    border: 1px solid #fff;
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: .25rem;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 50% 50%;
    width: .25rem
}

.formStyle42 .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall:not(.active) {
    background: transparent;
    opacity: .6
}

.formStyle42 .innerBox .imgBulletGroup4 .imgBullet.offsetBullect .imgBulletBall {
    transform: scale(.75)
}

.formStyle42 .innerBox .imgBulletGroup4 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.formStyle42 .innerBox .imgBulletGroup4 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.formStyle42 .innerBox .imgBulletGroup5 .bulletBox {
    background-color: rgba(0, 0, 0, .5);
    border-radius: .7rem;
    cursor: pointer;
    display: inline-block
}

.formStyle42 .innerBox .imgBulletGroup5 .bulletText {
    color: #fff;
    display: inline-block;
    font-size: .4rem;
    height: .4rem;
    padding: .15rem .25rem;
    vertical-align: middle
}

.formStyle42 .innerBox .imgBulletGroup5 .bulletText .bulletTextSep {
    margin: 0 .05rem
}

.formStyle42 .innerBox .imgBulletGroup5 .bulletText:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

@media only screen and (max-width:640px) {
    .formStyle42 .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
        height: 6px;
        width: 6px
    }

    .formStyle42 .outerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
        height: 8px;
        width: 8px
    }

    .formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
        height: 6px;
        width: 6px
    }

    .formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
        height: 10px;
        width: 5px
    }

    .formStyle42 .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
        height: 10px;
        width: 10px
    }
}

@media only screen and (max-width:528px) {
    .formStyle42 .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
        height: 5px;
        width: 5px
    }

    .formStyle42 .outerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
        height: 6px;
        width: 6px
    }

    .formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
        height: 5px;
        width: 5px
    }

    .formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
        height: 8px;
        width: 4px
    }

    .formStyle42 .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
        height: 8px;
        width: 8px
    }
}

@media only screen and (max-width:414px) {
    .formStyle42 .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
        height: 4px;
        width: 4px
    }

    .formStyle42 .outerBox .imgBulletGroup2 .imgBullet .imgBulletBall {
        height: 5px;
        width: 5px
    }

    .formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
        height: 4px;
        width: 4px
    }

    .formStyle42 .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
        height: 6px;
        width: 3px
    }

    .formStyle42 .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
        height: 6px;
        width: 6px
    }
}

.formStyle42 .styleForm8 {
    width: 100%
}

.formStyle42 .styleForm8 .photoSwipe {
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.formStyle42 .styleForm8 .photoImageItem {
    flex: 1
}

.formStyle42 .styleForm8.outerBox .photoImageItem {
    overflow: hidden
}

.formStyle42 .styleForm8.outerBox .photoImageItem .photoImageItemContent {
    height: calc(100% - 1.5rem);
    margin: .65rem .75rem;
    width: auto
}

.formStyle42 .styleForm8 .autoSwipeBox,
.formStyle42 .styleForm8 .photoSwipeBox {
    backface-visibility: hidden;
    font-size: 0;
    height: 100%;
    text-align: left;
    transform-style: preserve-3d;
    transition: all;
    transition-timing-function: ease;
    width: 100%
}

.formStyle42 .styleForm8 .photoSwipeBox {
    transition: transform
}

.formStyle42 .styleForm8.innerBox .photoImageItem {
    margin: 0
}

.formStyle42 .styleForm8 .imgBulletGroup {
    margin: 0 0 .75rem
}

.formStyle42 .styleForm8.innerBox .photoSwipe .imgBulletGroup {
    align-items: center;
    bottom: .5rem;
    display: flex;
    height: .7rem;
    margin-bottom: 0;
    position: absolute;
    right: .5rem;
    width: auto;
    z-index: 88
}

.formStyle42 .styleForm8 .photoSwipeAnim {
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    clear: both;
    position: absolute
}

.formStyle42 .photoSwipeBox.photoSwipeReset {
    transition: none !important
}

.formStyle42 .photoSwipeItem_3 *,
.photoSwipeItem_5 * {
    backface-visibility: hidden
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_3 {
    display: none;
    transform: rotateX(90deg)
}

.formStyle42 .photoSwipeAnim.photoSwipeItem_3_start {
    position: relative;
    transform: rotateX(0deg)
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_3_on {
    animation-name: photoSwipeItem_3_on;
    display: inline-block
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_3_off {
    animation-name: photoSwipeItem_3_off;
    display: inline-block
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_4 {
    display: none;
    opacity: 0
}

.formStyle42 .photoSwipeAnim.photoSwipeItem_4_start {
    opacity: 1;
    position: relative
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_4_on {
    animation-name: photoSwipeItem_4_on;
    display: inline-block
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_4_off {
    animation-name: photoSwipeItem_4_off;
    display: inline-block
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_5 {
    display: none;
    transform: rotateY(90deg)
}

.formStyle42 .photoSwipeAnim.photoSwipeItem_5_start {
    position: relative;
    transform: rotateY(0deg)
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_5_on {
    animation-name: photoSwipeItem_5_on;
    display: inline-block
}

.formStyle42 .newCarouselMultiPhoto.styleForm8 .photoSwipeItem_5_off {
    animation-name: photoSwipeItem_5_off;
    display: inline-block
}

.formStyle42 .styleForm8.newCarouselMultiPhoto.innerBox .photoImageItem .imgDescBox .imgDesc,
.formStyle42 .styleForm8.newCarouselMultiPhoto.innerBox .photoImageItem .imgDescBox.noDesc .imgName {
    width: 75%
}

.formStyle42 .styleForm9 {
    width: 100%
}

.formStyle42 .styleForm9 .photoSwipe {
    display: block;
    font-size: 0;
    margin-left: 2.0625%;
    overflow: hidden;
    padding-left: 2%;
    position: relative;
    text-align: center
}

.formStyle42 .styleForm9 .photoSwipeBox {
    display: flex;
    margin: .5rem 0;
    perspective: none;
    position: relative;
    transform-style: preserve-3d;
    transition: all;
    transition-duration: 0ms;
    transition-timing-function: ease;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto.styleForm9 .photoSwipeBox .photoImageItem {
    border-radius: .2rem;
    margin: 0;
    padding-right: .5rem
}

.formStyle42 .styleForm9 .photoImageItem.outerBox {
    border-radius: .2rem;
    margin-right: .5rem
}

.formStyle42 .autoSwipeBox,
.formStyle42 .photoSwipeBox {
    font-size: 0;
    text-align: left
}

.formStyle42 .innerBox.styleForm9 .photoImageItem .photoImageItemContent {
    border-radius: .2rem;
    box-shadow: 0 .35rem .35rem -.2rem rgba(0, 0, 0, .25)
}

.formStyle42 .styleForm10 {
    overflow: hidden;
    text-align: center;
    width: 100%
}

.formStyle42 .styleForm10 .photoSwipe {
    display: block;
    display: inline-block;
    font-size: 0;
    perspective: none;
    position: relative;
    text-align: center;
    width: 86%
}

.formStyle42 .styleForm10 .photoSwipeBox {
    display: flex;
    font-size: 0;
    margin: .75rem 0;
    perspective: none
}

.formStyle42 .newCarouselMultiPhoto.styleForm10 .itemOuterBox {
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    text-align: center;
    transform-style: preserve-3d;
    transition: all .5s ease-in-out;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto.styleForm10 .photoImageItem {
    border-radius: .2rem;
    height: 100%
}

.formStyle42 .styleForm10 .photoImageItem.outerBox {
    border-radius: .2rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm10 .photoImageItem .imgLink {
    height: 7.75rem
}

.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.center {
    opacity: 1;
    transform: translateZ(0) scale(1);
    z-index: 9999
}

.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.left {
    opacity: 1;
    transform: translate3d(-93%, 0, -50px) scale(.8);
    z-index: 2
}

.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.right {
    opacity: 1;
    transform: translate3d(93%, 0, -50px) scale(.8);
    z-index: 2
}

.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.hide,
.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.off {
    opacity: 0;
    transform: translateZ(-1000px) scale(.64);
    z-index: -1
}

.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.hide {
    visibility: hidden
}

.formStyle42 .styleForm10 .photoSwipeBox .itemOuterBox.hide .imgLink {
    display: none
}

.formStyle42 .styleForm10.innerBox .photoImageItem .photoImageItemContent {
    border-radius: .2rem;
    box-shadow: 0 .4rem .48rem -.2rem rgba(0, 0, 0, .25)
}

.formStyle42 .styleForm11 {
    overflow: hidden;
    text-align: center;
    width: 100%
}

.formStyle42 .styleForm11 .photoSwipe {
    display: block;
    display: inline-block;
    font-size: 0;
    perspective: none;
    position: relative;
    text-align: center;
    width: 78%
}

.formStyle42 .styleForm11 .photoSwipeBox {
    display: flex;
    font-size: 0;
    margin: .75rem 0;
    perspective: none
}

.formStyle42 .newCarouselMultiPhoto.styleForm11 .itemOuterBox {
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    text-align: center;
    transform-style: preserve-3d;
    transition: all .5s;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto.styleForm11 .photoImageItem {
    border-radius: .2rem;
    height: 100%
}

.formStyle42 .styleForm11 .photoImageItem.outerBox {
    border-radius: .2rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm11 .photoImageItem .imgLink {
    height: 7.75rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm11.outerBox .photoImageItem .imgLink {
    border-radius: .1rem;
    height: 7.75rem;
    margin: .4rem .4rem 0;
    width: auto
}

.formStyle42 .newCarouselMultiPhoto.styleForm11.outerBox2 .photoImageItem .imgLink {
    margin: 0 .4rem .4rem
}

.formStyle42 .styleForm11 .photoSwipeBox .itemOuterBox.center {
    opacity: 1;
    transform: translateZ(0) scale(1);
    z-index: 9999
}

.formStyle42 .styleForm11 .photoSwipeBox .itemOuterBox.left {
    opacity: .6;
    transform: translate3d(-17.5%, 0, -50px) scale(.84);
    z-index: 2
}

.formStyle42 .styleForm11 .photoSwipeBox .itemOuterBox.right {
    opacity: .6;
    transform: translate3d(17.5%, 0, -50px) scale(.84);
    z-index: 2
}

.formStyle42 .styleForm11 .photoSwipeBox .itemOuterBox.off {
    opacity: 0;
    transform: translateZ(-1000px) scale(.7);
    z-index: -1
}

.formStyle42 .styleForm11 .photoSwipeBox .itemOuterBox.hide {
    opacity: 0;
    transform: translate3d(-100%, 0, -1000px) scale(.7);
    transition: none;
    visibility: hidden;
    z-index: -1
}

.formStyle42 .styleForm11 .photoSwipeBox .itemOuterBox.hide .imgLink {
    display: none
}

.formStyle42 .styleForm11.innerBox .photoImageItem .photoImageItemContent {
    border-radius: .2rem;
    box-shadow: 0 .4rem .48rem -.2rem rgba(0, 0, 0, .25)
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .photoViewBox {
    display: block;
    margin: .75rem .75rem .55rem
}

.formStyle42 .innerBox.styleForm12 .photoImageItem .photoImageItemContent {
    border-radius: .2rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .photoViewBox .imgLink {
    display: block;
    height: 7.75rem;
    overflow: hidden;
    position: relative
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .selectedImgBox {
    display: block;
    height: 2.2rem;
    margin: 0 .75rem 1rem .65rem;
    overflow: hidden;
    padding-left: .1rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .selectedImgList {
    align-items: center;
    display: flex;
    height: 2.2rem;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .selectedImgList.touchEnd {
    transition: all .3s !important
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .selectedImgList .selectItem {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .1rem;
    cursor: pointer;
    height: 2.05rem;
    margin-right: .2rem;
    width: 16.875%
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .selectedImgList .selectItem:last-child {
    margin: 0
}

.formStyle42 .newCarouselMultiPhoto.styleForm12 .selectedImgList .selectItem.selected {
    cursor: pointer;
    transform: scale(1.05)
}

.formStyle42 .styleForm13 {
    width: 100%
}

.formStyle42 .styleForm13 .photoSwipe {
    display: block;
    font-size: 0;
    margin: .5rem;
    overflow: hidden;
    position: relative;
    text-align: center
}

.formStyle42 .styleForm13 .photoSwipeBox {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: all .5s;
    transition-timing-function: ease;
    width: 100%
}

.formStyle42 .styleForm13 .photoSwipeBox .imagePage .imgRow {
    display: flex;
    width: 100%
}

.formStyle42 .styleForm13 .photoSwipeBox .imagePage .imgRow .imgItem {
    display: inline-block
}

.formStyle42 .styleForm13 .imgItem .photoImageItem .imgLink {
    height: 5.25rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm13 .photoImageItem {
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: .25rem;
    width: auto
}

.formStyle42 .newCarouselMultiPhoto.styleForm13 .photoImageItem .imgName {
    font-size: .6rem
}

.formStyle42 .newCarouselMultiPhoto.styleForm13 .photoImageItem .imgDesc {
    font-size: .5rem;
    margin: .2rem 0 0
}

.formStyle42 .newCarouselMultiPhoto.styleForm13 .photoImageItem .imgDescBox {
    box-sizing: border-box;
    min-height: 0;
    min-height: auto;
    padding: .35rem .35rem .6rem;
    width: 100%
}

.formStyle42 .newCarouselMultiPhoto.styleForm13 .photoImageItem .photoImageItemContent {
    border-radius: .2rem
}

.progress_ring_wrap {
    font-size: 0;
    position: relative
}

.progress_ring {
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.progress_ring_text_wrap {
    align-items: center;
    border-radius: 50%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.progress_ring_top {
    font-size: .9rem
}

.progress_ring_bottom {
    font-size: .45rem
}

.count_down_time_item {
    align-items: flex-start;
    display: flex
}

.count_down_time_item:last-child .count_down_sign {
    display: none
}

.count_down[data-v-38ca1f96] {
    padding: .75rem 0
}

.ring_count_down[data-v-38ca1f96] {
    padding: 0 .75rem
}

.ring_count_down_text[data-v-38ca1f96] {
    font-size: .75rem;
    margin-bottom: .7rem;
    text-align: center
}

.count_down_progress_ring_wrap[data-v-38ca1f96] {
    align-items: center;
    display: flex;
    justify-content: center
}

.count_down_time_item:last-child .count_down_sign[data-v-38ca1f96] {
    display: none
}

.progress_ring_wrap[data-v-38ca1f96]:not(:last-child) {
    margin-right: .5rem
}

.count_down_time_item_wrap[data-v-38ca1f96] {
    display: flex;
    justify-content: center
}

.cubeNavigationAreaContent {
    -webkit-overflow-scrolling: touch
}

.cubeNavigationArea.page_style .cubeNavigationAreaContent {
    overflow: hidden
}

.page_style .cubeNavigationAreaWrap {
    display: flex;
    left: 0;
    position: relative;
    transform: translateZ(0);
    transition-property: left
}

.cubeNavigationArea.page_style .cubeNavigationAreaContent .rows_wrap {
    width: 100%
}

.cubeNavigationAreaBox .page_wrap,
.cubeNavigationAreaBox .progress_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: .75rem;
    margin-top: .25rem
}

.cubeNavigationAreaBox .progress_wrap {
    margin-top: .584rem
}

.cubeNavigationAreaBox .pageno {
    background: #ededed;
    border-radius: .05rem;
    cursor: pointer;
    height: .075rem;
    margin-left: .25rem;
    width: .25rem
}

.cubeNavigationAreaBox .pageno:first-child {
    margin-left: 0
}

.cubeNavigationAreaBox .progress_wrap2 {
    background: #e2e2e2;
    border-radius: .05rem;
    height: .075rem;
    position: relative
}

.cubeNavigationAreaBox .progress_thume {
    border-radius: .05rem;
    height: .075rem;
    left: 0;
    position: relative;
    transform: translate(0);
    transition: transform .2s linear;
    width: .75rem
}

.cubeNavigationArea .icon-cube {
    color: #fff;
    font-size: 2rem
}

.cubeNavigationArea .cubeLink_text_p {
    font-size: .7rem
}

.cubeNavigationArea {
    min-height: .5rem;
    overflow: hidden;
    padding-top: 1.5%
}

.cubeNavigationArea .cubeLink {
    float: left;
    min-height: 4.7rem;
    padding-bottom: 1.5%;
    padding-left: 1.5%;
    width: 100%
}

.cubeNavigationArea .cubeLink .cubeLink_a {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_bg,
.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_curtain {
    height: 100%;
    position: absolute;
    width: 100%
}

.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_ico {
    background-size: 40px 40px;
    height: 2.1rem;
    margin: auto;
    position: absolute;
    width: 2rem
}

.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text {
    position: absolute;
    table-layout: fixed;
    width: 100%
}

.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: hidden;
    white-space: nowrap
}

.cubeNavigationArea .cubeLink_fixWidth_1 {
    width: 97% !important
}

.cubeNavigationArea .cubeLink_fixWidth_2 {
    width: 47.75% !important
}

.cubeNavigationArea1 .cubeLink {
    height: auto;
    width: 31.33%
}

.cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_bg {
    background: #1e2225
}

.cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    position: relative;
    right: 0;
    top: .7rem
}

.cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 14px;
    margin-top: 1rem;
    position: relative;
    text-align: center
}

.cubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.cubeNavigationArea1 .cubeLink .cubeLink_a:hover .cubeLink_bg {
    background: #3c3058
}

.cubeNavigationArea1 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.cubeNavigationArea1 .cubeLink:nth-child(3n+3) {
    width: 31.34%
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e6aa"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e642"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e65f"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e6ed"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e67a"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6c0"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e6df"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6de"
}

.cubeNavigationArea1 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6b8"
}

.cubeNavigationArea2 .cubeLink {
    height: 7.75rem!important;
    width: 31.33%;
    padding-bottom: 0!important;
    padding-left: 0!important;
    box-sizing: border-box
}

.cubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    position: relative;
    right: 0;
    top: .7rem
}

.cubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 16px;
    margin-top: .8rem;
    position: relative;
    text-align: center
}

.cubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.cubeNavigationArea2 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.cubeNavigationArea2 .cubeLink:nth-child(3n+3) {
    width: 31.34%
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #d87570
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #bbd1c4
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .cubeLink_a .cubeLink_bg {
    background-color: #febf02
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #bc4040
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #6f9c97
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .cubeLink_a .cubeLink_bg {
    background-color: #ff8b00
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #d87570
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #bbd1c4
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .cubeLink_a .cubeLink_bg {
    background-color: #febf02
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e641"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6a1"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e66a"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e637"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e687"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6c1"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e6de"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e682"
}

.cubeNavigationArea2 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6e0"
}

.cubeNavigationArea3 .cubeLink {
    width: 47.75%
}

.cubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 10%;
    top: 10%
}

.cubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 15%;
    color: #fff;
    font-size: 16px;
    text-align: right
}

.cubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding-right: 10%
}

.cubeNavigationArea3 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #148cfc
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #99b802
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #00aea5
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #fe8705
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #5a35b8
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #ea0001
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e6aa"
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e688"
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e674"
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6a0"
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e630"
}

.cubeNavigationArea3 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6dd"
}

.cubeNavigationArea4 .cubeLink {
    width: 47.75%
}

.cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #f37e39;
    border-radius: 10px
}

.cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 0;
    right: 10%;
    top: 0
}

.cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    display: table;
    font-size: 16px;
    height: 100%;
    position: relative;
    text-align: left
}

.cubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    padding-left: 10%;
    vertical-align: middle
}

.cubeNavigationArea4 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.cubeNavigationArea4 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e667"
}

.cubeNavigationArea4 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e686"
}

.cubeNavigationArea4 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e61b"
}

.cubeNavigationArea4 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6ef"
}

.cubeNavigationArea4 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e6ed"
}

.cubeNavigationArea4 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e636"
}

.cubeNavigationArea5 .cubeLink {
    height: 4.7rem
}

.cubeNavigationArea5 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 16px
}

.cubeNavigationArea5 .cubeLink:first-child,
.cubeNavigationArea5 .cubeLink:nth-child(2),
.cubeNavigationArea5 .cubeLink:nth-child(3) {
    padding-top: 2%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+1) {
    width: 38%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+2),
.cubeNavigationArea5 .cubeLink:nth-child(8n+3) {
    width: 28%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+4),
.cubeNavigationArea5 .cubeLink:nth-child(8n+5) {
    height: 5.7rem;
    width: 47.75%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+6) {
    width: 38%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+7),
.cubeNavigationArea5 .cubeLink:nth-child(8n+8) {
    width: 28%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_a .cubeLink_bg {
    background-color: #f4b613
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+2) .cubeLink_a .cubeLink_bg {
    background-color: #ff8a4a
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+3) .cubeLink_a .cubeLink_bg {
    background-color: #fc5265
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_a .cubeLink_bg {
    background-color: #84d018
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_a .cubeLink_bg {
    background-color: #14c761
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_a .cubeLink_bg {
    background-color: #36aae7
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+7) .cubeLink_a .cubeLink_bg {
    background-color: #688ce2
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+8) .cubeLink_a .cubeLink_bg {
    background-color: #8d67e0
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_ico {
    bottom: 10%;
    right: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+2) .cubeLink_ico {
    left: 0;
    right: 0;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+3) .cubeLink_ico {
    bottom: 10%;
    left: 0;
    right: 0
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_ico,
.cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_ico,
.cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_ico {
    bottom: 10%;
    right: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+7) .cubeLink_ico {
    left: 0;
    right: 0;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+8) .cubeLink_ico {
    bottom: 10%;
    left: 0;
    right: 0
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+1) .icon-cube:before {
    content: "\e642"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+2) .icon-cube:before {
    content: "\e694"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+3) .icon-cube:before {
    content: "\e686"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+4) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+5) .icon-cube:before {
    content: "\e630"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+6) .icon-cube:before {
    content: "\e6b2"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+7) .icon-cube:before {
    content: "\e65f"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+8) .icon-cube:before {
    content: "\e6de"
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_text {
    text-align: left;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+1) .cubeLink_text .cubeLink_text_p {
    padding-left: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+2) .cubeLink_text {
    bottom: 10%;
    text-align: center
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+3) .cubeLink_text {
    text-align: center;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_text {
    text-align: left;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+4) .cubeLink_text .cubeLink_text_p {
    padding-left: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_text {
    text-align: left;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+5) .cubeLink_text .cubeLink_text_p {
    padding-left: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_text {
    text-align: left;
    top: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+6) .cubeLink_text .cubeLink_text_p {
    padding-left: 10%
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+7) .cubeLink_text {
    bottom: 10%;
    text-align: center
}

.cubeNavigationArea5 .cubeLink:nth-child(8n+8) .cubeLink_text {
    text-align: center;
    top: 10%
}

.cubeNavigationArea6 .cubeLink {
    box-sizing: border-box;
    color: #fff;
    height: 3.75rem;
    min-height: 3.75rem
}

.cubeNavigationArea6 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    right: 0;
    top: 6%
}

.cubeNavigationArea6 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 5%;
    color: #fff;
    font-size: 16px
}

.cubeNavigationArea6 .cubeLink:first-child,
.cubeNavigationArea6 .cubeLink:nth-child(2) {
    padding-top: 1%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+1) {
    height: 7.5rem;
    width: 60%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+2),
.cubeNavigationArea6 .cubeLink:nth-child(7n+3) {
    padding-right: 1.5%;
    width: 40%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+4) {
    clear: left;
    width: 60%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+5) {
    padding-right: 1.5%;
    width: 40%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+6) {
    width: 60%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+7) {
    padding-right: 1.5%;
    width: 40%
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+1) .cubeLink_a .cubeLink_bg {
    background-color: #6abf48
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+2) .cubeLink_a .cubeLink_bg {
    background-color: #47b8e0
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+3) .cubeLink_a .cubeLink_bg {
    background-color: #e19024
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+4) .cubeLink_a .cubeLink_bg {
    background-color: #14b4f0
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+5) .cubeLink_a .cubeLink_bg {
    background-color: #27bbd5
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+6) .cubeLink_a .cubeLink_bg {
    background-color: #ed9d24
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+7) .cubeLink_a .cubeLink_bg {
    background-color: #59ab3f
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+1) .icon-cube:before {
    content: "\e606"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+2) .icon-cube:before {
    content: "\e642"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+3) .icon-cube:before {
    content: "\e62c"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+4) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+5) .icon-cube:before {
    content: "\e6c4"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+6) .icon-cube:before {
    content: "\e64f"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+7) .icon-cube:before {
    content: "\e6f3"
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+1) .cubeLink_text {
    bottom: 10%;
    text-align: center
}

.cubeNavigationArea6 .cubeLink:nth-child(7n+2) .cubeLink_text,
.cubeNavigationArea6 .cubeLink:nth-child(7n+3) .cubeLink_text,
.cubeNavigationArea6 .cubeLink:nth-child(7n+4) .cubeLink_text,
.cubeNavigationArea6 .cubeLink:nth-child(7n+5) .cubeLink_text,
.cubeNavigationArea6 .cubeLink:nth-child(7n+6) .cubeLink_text,
.cubeNavigationArea6 .cubeLink:nth-child(7n+7) .cubeLink_text {
    text-align: center
}

.cubeNavigationArea7 .cubeLink {
    color: #fff;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 3.5rem;
    padding-bottom: 4%;
    vertical-align: top;
    width: 24%
}

.cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: auto !important;
    height: 2.6rem;
    left: 0 !important;
    margin: auto !important;
    position: relative !important;
    right: 0 !important;
    top: auto !important;
    width: 2.6rem
}

.cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 14px
}

.cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 50%;
    height: 2.6rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 2.6rem
}

.cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 0 !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin-top: 2.95rem;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    font-size: .6rem;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.cubeNavigationArea7 .cubeLink_row:first-child .cubeLink {
    padding-top: 4.5%
}

.cubeNavigationArea7 .cubeLink:nth-child(4n+1) {
    padding-left: 2%
}

.cubeNavigationArea7 .cubeLink:nth-child(4n+2),
.cubeNavigationArea7 .cubeLink:nth-child(4n+3),
.cubeNavigationArea7 .cubeLink:nth-child(4n+4) {
    padding-left: 0
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e606";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e688";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e694";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\e61b";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e64c";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e67c";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e640";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\e652";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e65f";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e686";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6e1";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\e70d";
    font-size: 1.5rem;
    margin-left: .55rem
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .cubeLink_bg {
    background-color: #37a1db
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .cubeLink_bg {
    background-color: #678be0
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .cubeLink_bg {
    background-color: #8c66de
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(4) .cubeLink_bg {
    background-color: #83d017
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .cubeLink_bg {
    background-color: #f2b513
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background-color: #14c761
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background-color: #fc5366
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(4) .cubeLink_bg {
    background-color: #3b6ddf
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .cubeLink_bg {
    background-color: #688ce3
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .cubeLink_bg {
    background-color: #36a1da
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .cubeLink_bg {
    background-color: #83cf16
}

.cubeNavigationArea7 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(4) .cubeLink_bg {
    background-color: #8d65e0
}

.cubeNavigationArea8 .cubeLink {
    box-sizing: border-box;
    color: #fff;
    height: 3.75rem;
    min-height: 3.75rem;
    width: 25%
}

.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #0180e1
}

.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    right: 0;
    top: 10%
}

.cubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 10%;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+1) {
    clear: left;
    height: 7.5rem;
    width: 50%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+2) {
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+3) {
    padding-right: 1.5%;
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+4) {
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+5) {
    padding-right: 1.5%;
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+6) {
    clear: left;
    width: 50%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+7) {
    padding-right: 1.5%;
    width: 50%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+8) {
    height: 7.5rem;
    width: 50%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+9) {
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+10) {
    padding-right: 1.5%;
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+11) {
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+12) {
    padding-right: 1.5%;
    width: 25%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+1) .cubeLink_a .cubeLink_ico {
    top: 23%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+1) .cubeLink_a .cubeLink_text {
    bottom: 36%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+8) .cubeLink_a .cubeLink_ico {
    top: 23%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+8) .cubeLink_a .cubeLink_text {
    bottom: 36%
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+6) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/1.jpg?v=201711250607);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+7) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/2.jpg?v=201711250607);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+1) .icon-cube:before {
    content: "\e694"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+2) .icon-cube:before {
    content: "\e62c"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+3) .icon-cube:before {
    content: "\e688"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+4) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+5) .icon-cube:before {
    content: "\e61f"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+8) .icon-cube:before {
    content: "\e642"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+9) .icon-cube:before {
    content: "\e648"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+10) .icon-cube:before {
    content: "\e636"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+11) .icon-cube:before {
    content: "\e63a"
}

.cubeNavigationArea8 .cubeLink:nth-child(12n+12) .icon-cube:before {
    content: "\e6c6"
}

.cubeNavigationArea9 {
    width: 101%
}

.cubeNavigationArea9 .cubeLink {
    height: auto;
    padding-bottom: 0;
    padding-left: 0;
    width: 33.33%
}

.cubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    margin-top: 15%;
    position: relative;
    right: 0
}

.cubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 14px;
    position: relative;
    text-align: center
}

.cubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.cubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #5c5c5d, #111212)
}

.cubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #9bd7d2, #2c7f81)
}

.cubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .cubeLink_bg {
    background: linear-gradient(to bottom right, #5c5c5d, #111212)
}

.cubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #9bd7d2, #2c7f81)
}

.cubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #5c5c5d, #111212)
}

.cubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background: linear-gradient(to bottom right, #9bd7d2, #2c7f81)
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e642"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6a6"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6ac"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e678"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e638"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e615"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e62c"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea9 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6b8"
}

.cubeNavigationArea9 .cubeLink_fixWidth_1 {
    width: 100% !important
}

.cubeNavigationArea9 .cubeLink_fixWidth_2 {
    width: 50% !important
}

.cubeNavigationArea10 .icon-cube {
    color: #5c6066
}

.cubeNavigationArea10 .cubeLink {
    color: #fff;
    height: auto;
    min-height: 4.5rem;
    padding-bottom: 4%;
    padding-left: 3%;
    width: 45.5%
}

.cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #fff;
    border-radius: 5px 5px;
    opacity: .8
}

.cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    position: relative;
    right: 0;
    top: .9rem
}

.cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 16px;
    margin-top: 12%;
    position: relative;
    text-align: center
}

.cubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.cubeNavigationArea10 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e62e"
}

.cubeNavigationArea10 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e61f"
}

.cubeNavigationArea10 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e688"
}

.cubeNavigationArea10 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea10 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e65f"
}

.cubeNavigationArea10 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e640"
}

.cubeNavigationArea10 .cubeLink_fixWidth_1 {
    width: 94% !important
}

.cubeNavigationArea11 .cubeLink {
    color: #fff;
    font-size: 16px;
    height: 5rem;
    padding-bottom: 2%;
    width: 31%
}

.cubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #fff;
    border-radius: 1px 1px;
    opacity: .8
}

.cubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_ico {
    left: 0;
    right: 0;
    top: 24%
}

.cubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 20%;
    color: #333;
    font-size: 14px;
    text-align: center
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+8) {
    padding-left: 2%
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+9) {
    padding-left: 11%
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+10) {
    padding-left: 2%
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+11) {
    padding-left: 11%
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+12) {
    padding-left: 2%
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+13) {
    padding-left: 11%
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+8) .icon-cube:before {
    content: "\e640"
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+9) .icon-cube:before {
    content: "\e62e"
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+10) .icon-cube:before {
    content: "\e6dd"
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+11) .icon-cube:before {
    content: "\e6aa"
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+12) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea11 .cubeLink:nth-child(6n+13) .icon-cube:before {
    content: "\e6e1"
}

.cubeNavigationArea11 .icon-cube {
    color: #5c6066
}

.cubeNavigationArea11 .cubeLink:first-child .cubeLink_a .cubeLink_ico {
    background-image: none !important
}

.cubeNavigationArea11 .cubeLink:first-child .cubeLink_a .cubeLink_ico:before {
    content: none !important
}

.cubeNavigationArea11 .cubeLink:first-child .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    display: table !important;
    font-size: 22px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea11 .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.cubeNavigationArea11 .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e640"
}

.cubeNavigationArea11 .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e62e"
}

.cubeNavigationArea11 .cubeLink:nth-child(4) .icon-cube:before {
    content: "\e6dd"
}

.cubeNavigationArea11 .cubeLink:nth-child(5) .icon-cube:before {
    content: "\e6aa"
}

.cubeNavigationArea11 .cubeLink:nth-child(6) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea11 .cubeLink:nth-child(7) .icon-cube:before {
    content: "\e6e1"
}

.cubeNavigationArea11 .cubeLink:first-child {
    float: right;
    padding-left: 2%;
    width: 56%
}

.cubeNavigationArea11 .cubeLink:nth-child(2),
.cubeNavigationArea11 .cubeLink:nth-child(3) {
    padding-left: 11%
}

.cubeNavigationArea11 .cubeLink:nth-child(4) {
    padding-left: 2%
}

.cubeNavigationArea11 .cubeLink:nth-child(5) {
    padding-left: 11%
}

.cubeNavigationArea11 .cubeLink:nth-child(6) {
    padding-left: 2%
}

.cubeNavigationArea11 .cubeLink:nth-child(7) {
    padding-left: 11%
}

.cubeNavigationArea12 .cubeLink {
    color: #fff;
    height: auto;
    min-height: 1.8rem;
    width: 40%
}

.cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #fff;
    border-radius: 1px;
    box-shadow: 0 0 1px 1px #cacaca;
    opacity: .5
}

.cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_ico {
    background-image: none !important;
    left: 0;
    right: 0
}

.cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_ico:before {
    content: none !important
}

.cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    color: #333;
    display: table !important;
    font-size: 14px;
    height: 100% !important;
    left: auto !important;
    margin-top: 0 !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    overflow: visible !important;
    padding: 0 !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: break-all !important
}

.cubeNavigationArea12 .cubeLink:nth-child(odd) {
    padding-left: 10%
}

.cubeNavigationArea12 .cubeLink_fixWidth_1 {
    width: 81.5% !important
}

.cubeNavigationArea13 .icon-cube {
    font-size: 2.2rem
}

.cubeNavigationArea13 {
    padding-top: 0;
    width: 100%
}

.cubeNavigationArea13 .cubeLink {
    background: transparent;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 5.2rem;
    padding: 0 0 2px;
    vertical-align: top;
    width: 33%
}

.cubeNavigationArea13 .cubeLink .cubeLink_a {
    background: #fff
}

.cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: auto !important;
    height: 2.8rem;
    left: 0 !important;
    margin: auto !important;
    position: relative !important;
    right: 0 !important;
    top: .5rem !important;
    width: 2.8rem
}

.cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 14px
}

.cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 50%;
    height: 2.8rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: .5rem;
    width: 2.8rem
}

.cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: .5rem !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin-top: 1.4rem !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.cubeNavigationArea13 .cubeLink_row .cubeLink:nth-child(2) {
    padding-left: 2px;
    padding-right: 2px;
    width: 34%
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\e6e4";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6ea";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e65a";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\e6fa";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6ec";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e613";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\e6da";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e614";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6c3";
    font-size: 1.7rem;
    margin-left: .55rem
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .cubeLink_bg {
    background-color: #fdc200
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .cubeLink_bg {
    background-color: #96a3fc
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(3) .cubeLink_bg {
    background-color: #f99161
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .cubeLink_bg {
    background-color: #c697d8
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background-color: #8fa5ad
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background-color: #ed6492
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .cubeLink_bg {
    background-color: #54d0e3
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .cubeLink_bg {
    background-color: #fcbd15
}

.cubeNavigationArea13 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(3) .cubeLink_bg {
    background-color: #98ce5a
}

.cubeNavigationArea14 {
    padding-top: 0;
    width: 100%
}

.cubeNavigationArea14 .icon-cube {
    color: #5c6066
}

.cubeNavigationArea14 .cubeLink {
    background: transparent;
    box-sizing: border-box;
    color: #fff;
    height: 4.2rem;
    min-height: 4.2rem;
    padding: 0 0 .5%;
    width: 25%
}

.cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_bg {
    background: #fff
}

.cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: auto !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important
}

.cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: .6rem !important;
    color: #333;
    display: block !important;
    font-size: 14px;
    height: auto !important;
    left: auto !important;
    position: absolute !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    font-size: .6rem;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.cubeNavigationArea14 .cubeLink_row_head .cubeLink {
    height: auto;
    padding-right: .5%
}

.cubeNavigationArea14 .cubeLink_row_head .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 0 !important;
    margin-top: .5rem !important;
    position: relative !important;
    top: auto !important
}

.cubeNavigationArea14 .cubeLink_row_head .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 0 !important;
    margin-top: .2rem !important;
    position: relative !important
}

.cubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:first-child .icon-cube:before {
    content: "\e6f2"
}

.cubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e6fa"
}

.cubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6f6"
}

.cubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:nth-child(4) .icon-cube:before {
    content: "\e6e8"
}

.cubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:first-child .icon-cube:before {
    content: "\e709"
}

.cubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\e70b"
}

.cubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e6e6"
}

.cubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\e6c3"
}

.cubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:first-child {
    padding-right: .5%;
    width: 50%
}

.cubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:nth-child(2) {
    width: 50%
}

.cubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p,
.cubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    display: block
}

.cubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    display: table !important;
    font-size: 20px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.cubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.cubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg,
.cubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/3.jpg?v=201711250607);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    display: table !important;
    font-size: 20px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.cubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.formStyle31.moduleStyle15 {
    margin-top: 0
}

.cubeNavigationArea15 {
    padding-top: 0;
    width: 100%
}

.cubeNavigationArea15 .cubeLink {
    box-sizing: border-box;
    height: 3.7rem;
    min-height: 3.7rem;
    padding: 0 0 .5%;
    width: 50%
}

.cubeNavigationArea15 .cubeLink .cubeLink_a {
    overflow: hidden
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_curtain {
    background: linear-gradient(180deg, #fbfbfb, #d2cfd0);
    right: -14%;
    transform: skew(-30deg, 0deg);
    width: 57%
}

@media only screen and (min-width:480px) {
    .cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_curtain {
        width: 55%
    }
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_ico {
    background-image: none !important;
    left: 0;
    right: 0
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_ico:before {
    content: none !important
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    color: #333;
    display: table !important;
    font-size: 16px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: right !important;
    top: auto !important
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 4% 0 0 !important;
    vertical-align: middle !important
}

.cubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.cubeNavigationArea15 .cubeLink:nth-child(odd) {
    padding-right: .5%
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+1) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/7.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+2) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/8.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+3) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/4.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+4) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/9.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+5) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/5.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+6) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/10.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+7) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/6.jpg?v=201711250607)
}

.cubeNavigationArea15 .cubeLink:nth-child(8n+8) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/cube/cover/11.jpg?v=201711250607)
}

.formStyle31.moduleStyle16 {
    margin-top: 0
}

.cubeNavigationArea16 {
    padding-top: 0;
    width: 100%
}

.cubeNavigationArea16 .cubeLink {
    height: 3.7rem;
    min-height: 3.7rem;
    padding: 0;
    width: 50%
}

.cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 0;
    left: 10%;
    top: 0
}

.cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    display: table;
    font-size: 16px;
    height: 100%;
    position: relative;
    text-align: left
}

.cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    padding-left: 42%;
    vertical-align: middle
}

.cubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.cubeNavigationArea16 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_ico {
    left: 37%
}

.cubeNavigationArea16 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding-left: 53%
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+1) .cubeLink_a .cubeLink_bg {
    background: linear-gradient(180deg, #f9aa2f, #fc9408)
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+2) .cubeLink_a .cubeLink_bg {
    background: linear-gradient(90deg, #514a4c, #302c33)
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+3) .cubeLink_a .cubeLink_bg {
    background: linear-gradient(180deg, #d74428, #ce2302)
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+4) .cubeLink_a .cubeLink_bg {
    background: linear-gradient(180deg, #00658a, #014c76)
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+5) .cubeLink_a .cubeLink_bg {
    background: linear-gradient(180deg, #5f7285, #3c5f6d)
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+6) .cubeLink_a .cubeLink_bg {
    background: linear-gradient(180deg, #3dc4bd, #20b4b5)
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+1) .icon-cube:before {
    content: "\e686"
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+2) .icon-cube:before {
    content: "\e6ac"
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+3) .icon-cube:before {
    content: "\e67c"
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+4) .icon-cube:before {
    content: "\e6aa"
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+5) .icon-cube:before {
    content: "\e62c"
}

.cubeNavigationArea16 .cubeLink:nth-child(6n+6) .icon-cube:before {
    content: "\e6b8"
}

.cubeNavigationArea16 .cubeLink_fixWidth_1 {
    width: 100% !important
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_ico {
    bottom: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 10%
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_text {
    bottom: 10%;
    display: block;
    height: auto;
    left: auto;
    position: absolute;
    right: auto;
    text-align: center;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_ico {
    bottom: 10%;
    left: 0;
    position: absolute;
    right: 0;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_text {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    margin-top: 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: 10%
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-left: 0;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_ico {
    bottom: 0;
    left: 10%;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_text {
    bottom: auto;
    display: table;
    height: 100%;
    left: auto;
    margin: auto;
    position: relative;
    text-align: right;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    overflow: hidden;
    padding-right: 10%;
    vertical-align: middle;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_ico {
    bottom: 0;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10%;
    top: 0
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_text {
    bottom: auto;
    display: table;
    height: 100%;
    margin: auto;
    position: relative;
    right: auto;
    text-align: left;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    overflow: hidden;
    padding-left: 10%;
    vertical-align: middle;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_ico {
    bottom: 10%;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10%;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_text {
    bottom: auto;
    display: block;
    height: auto;
    position: absolute;
    right: auto;
    text-align: left;
    top: 10%
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-left: 10%;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_ico {
    bottom: auto;
    left: 10%;
    margin: auto;
    position: absolute;
    right: auto;
    top: 10%
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_text {
    bottom: 10%;
    display: block;
    height: auto;
    left: auto;
    position: absolute;
    text-align: right;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-right: 10%;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_ico {
    bottom: 10%;
    left: 10%;
    margin: auto;
    position: absolute;
    right: auto;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_text {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    position: absolute;
    text-align: right;
    top: 10%
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-right: 10%;
    white-space: nowrap;
    word-break: normal
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_ico {
    bottom: auto;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10%;
    top: 10%
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_text {
    bottom: 10%;
    display: block;
    height: auto;
    position: absolute;
    right: auto;
    text-align: left;
    top: auto
}

.cubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-left: 10%;
    white-space: nowrap;
    word-break: normal
}

.formMiddleContent .cubeNavigationArea .cubeLink .cubeLink_a .for-lazyload.cubeLink_bg {
    background-image: none
}

.cubeNavigationArea17 .cubeLink {
    color: #fff;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 3.5rem;
    padding-bottom: 4%;
    vertical-align: top;
    width: 19.6%
}

.cubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: auto !important;
    font-size: .9rem;
    height: 2.1rem;
    left: -.1rem !important;
    line-height: 2.1rem;
    margin: auto !important;
    position: relative !important;
    right: 0 !important;
    top: auto !important;
    width: 2.1rem
}

.cubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 14px
}

.cubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 50%;
    height: 2.1rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 2.1rem
}

.cubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 0 !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin-top: 2.45rem;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.cubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    font-size: .5rem;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.cubeNavigationArea17 .cubeLink_row:first-child .cubeLink {
    padding-top: 4.5%
}

.cubeNavigationArea17 .cubeLink:nth-child(5n+1) {
    padding-left: 2%
}

.cubeNavigationArea17 .cubeLink:nth-child(5n+2),
.cubeNavigationArea17 .cubeLink:nth-child(5n+3),
.cubeNavigationArea17 .cubeLink:nth-child(5n+4),
.cubeNavigationArea17 .cubeLink:nth-child(5n+5) {
    padding-left: 0
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0823";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0961";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0102";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0814";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(5) .icon-cube:before {
    content: "\a0826";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a0045";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0883";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\ec53";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0477";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(5) .icon-cube:before {
    content: "\a0111";
    font-size: .9rem;
    margin-left: .75rem
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_bg {
    background: #26a9fd
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background: #32ce9a
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .cubeLink_bg {
    background: #ffa352
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(4) .cubeLink_bg {
    background: #fd6190
}

.cubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(5) .cubeLink_bg {
    background: #dc4154
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg {
    background: #fe6469
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background: #8e8ffb
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background: #76c951
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(4) .cubeLink_bg {
    background: #6edcfe
}

.cubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(5) .cubeLink_bg {
    background: #ffc72e
}

.newCubeNavigationArea .icon-cube {
    color: #fff;
    font-size: 2rem
}

.newCubeNavigationArea {
    min-height: .5rem;
    overflow: hidden;
    padding-top: 1.5%
}

.newCubeNavigationArea .cubeLink {
    float: left;
    min-height: 4.7rem;
    padding-bottom: 1.5%;
    padding-left: 1.5%;
    width: 100%
}

.newCubeNavigationArea .cubeLink .cubeLink_a {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_bg,
.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_curtain {
    height: 100%;
    position: absolute;
    width: 100%
}

.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_ico {
    background-size: contain;
    height: 2.1rem;
    margin: auto;
    position: absolute;
    width: 2rem
}

.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text {
    position: absolute;
    table-layout: fixed;
    width: 100%
}

.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: hidden;
    white-space: nowrap
}

.newCubeNavigationArea .cubeLink_fixWidth_1 {
    width: 92%
}

.newCubeNavigationArea .cubeLink_fixWidth_2 {
    width: 45.75% !important
}

.newCubeNavigationArea1 .cubeLink_fixWidth_1 {
    width: 97% !important
}

.newCubeNavigationArea1 .cubeLink {
    height: auto;
    width: 31.33%
}

.newCubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_bg {
    background: #404040
}

.newCubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1rem;
    height: 1rem;
    left: 0;
    position: relative;
    right: 0;
    top: .85rem;
    width: 1rem
}

.newCubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: .65rem;
    margin-top: 1.67rem;
    position: relative;
    text-align: center
}

.newCubeNavigationArea1 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.newCubeNavigationArea1 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.newCubeNavigationArea1 .cubeLink:nth-child(3n+3) {
    width: 31.34%
}

.newCubeNavigationArea1 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0851"
}

.newCubeNavigationArea1 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0869"
}

.newCubeNavigationArea1 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0103"
}

.newCubeNavigationArea1 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a1066"
}

.newCubeNavigationArea1 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0341"
}

.newCubeNavigationArea1 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0872"
}

.newCubeNavigationArea1 .cubeLink_fixWidth_2 {
    width: 47.75% !important
}

.newCubeNavigationArea2 .cubeLink .cubeLink_a {
    min-height: 4rem;
    overflow: hidden;
    width: 95.5%
}

.newCubeNavigationArea2 .cubeLink {
    min-height: 4rem;
    min-height: 0;
    padding-bottom: 4%;
    padding-left: 3.38%;
    width: 28.9%
}

.newCubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_ico {
    color: #7a85f2;
    font-size: 1rem;
    height: 1rem;
    left: 0;
    position: relative;
    right: 0;
    top: 1rem;
    width: 1rem
}

.newCubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_text {
    color: #000;
    font-size: 16px;
    position: relative;
    text-align: center
}

.newCubeNavigationArea2 .cubeLink .textLayout0 .cubeLink_text {
    margin-top: 1.5rem
}

.newCubeNavigationArea2 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.newCubeNavigationArea2 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.newCubeNavigationArea2 .cubeLink:nth-child(2n+3) {
    width: 30%
}

.newCubeNavigationArea2 .cubeLink_row .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #fff;
    border-radius: 4px
}

.newCubeNavigationArea2 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0622"
}

.newCubeNavigationArea2 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0625"
}

.newCubeNavigationArea2 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0631"
}

.newCubeNavigationArea2 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a0682"
}

.newCubeNavigationArea2 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0676"
}

.newCubeNavigationArea2 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0667"
}

.newCubeNavigationArea2 .cubeLink_fixWidth_1 {
    width: 97.5% !important
}

.cubeNavigationArea2 .cubeLink_fixWidth_1 {
    width: 97%
}

.formStyle31.moduleStyle3 .cubeLink_row:first-child {
    margin-top: .8rem
}

.newCubeNavigationArea3 .cubeLink {
    height: 4.3rem;
    min-height: 0;
    padding-bottom: 5%;
    width: 45%
}

.newCubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 16%;
    font-size: 1rem;
    height: 1rem;
    right: 10%;
    width: 1rem
}

.newCubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 16px;
    text-align: left;
    text-indent: .8rem;
    top: 10%
}

.newCubeNavigationArea3 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding-right: 10%
}

.newCubeNavigationArea3 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.newCubeNavigationArea3 .cubeLink_row .cubeLink:first-child {
    padding-left: 2.5%
}

.newCubeNavigationArea3 .cubeLink_row .cubeLink:nth-child(2) {
    padding-left: 5%
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #fdb92c
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #34cfee
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_a .cubeLink_bg {
    background-color: #fc562e
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_bg {
    background-color: #424446
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0841"
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0591"
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a0105"
}

.newCubeNavigationArea3 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0456"
}

.newCubeNavigationArea3 .cubeLink_fixWidth_1 {
    width: 95% !important
}

.newCubeNavigationArea4 .cubeLink {
    padding-bottom: 5.5%;
    width: 43.4%
}

.newCubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 0;
    font-size: 1rem;
    height: 1rem;
    right: 10%;
    top: 0;
    width: 1rem
}

.newCubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    display: table;
    font-size: 16px;
    height: 100%;
    position: relative;
    text-align: left
}

.newCubeNavigationArea4 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    padding-left: 10%;
    vertical-align: middle
}

.newCubeNavigationArea4 .cubeLink_row:first-child .cubeLink {
    padding-top: 1%
}

.newCubeNavigationArea4 .cubeLink_row .cubeLink:nth-child(2) {
    padding-left: 4.5%
}

.newCubeNavigationArea4 .cubeLink_row .cubeLink:first-child {
    padding-left: 3.5%
}

.newCubeNavigationArea4 .cubeLink {
    height: 2.8rem;
    min-height: 0
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    content: "\a0841"
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0591"
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a0105"
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0456"
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    content: "\a1077"
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0111"
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #fda931, #fed337);
    border-radius: 5px
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #1996fc, #22cdfd);
    border-radius: 5px
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #a163f8, #c196fc);
    border-radius: 5px
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #39db53, #79e868);
    border-radius: 5px
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #fd5454, #fa6e6e);
    border-radius: 5px
}

.newCubeNavigationArea4 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #644deb, #6684e7);
    border-radius: 5px
}

.newCubeNavigationArea4 .cubeLink_fixWidth_1 {
    width: 92% !important
}

.newCubeNavigationArea5 .cubeLink {
    height: 4.5rem;
    min-height: 0
}

.newCubeNavigationArea5 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 16px
}

.newCubeNavigationArea5 .cubeLink:first-child,
.newCubeNavigationArea5 .cubeLink:nth-child(2),
.newCubeNavigationArea5 .cubeLink:nth-child(3) {
    padding-top: 2%
}

.newCubeNavigationArea5 .cubeLink:nth-child(8n+1) {
    width: 38%
}

.newCubeNavigationArea5 .cubeLink:nth-child(8n+2),
.newCubeNavigationArea5 .cubeLink:nth-child(8n+3) {
    width: 28%
}

.newCubeNavigationArea5 .cubeLink:nth-child(8n+4),
.newCubeNavigationArea5 .cubeLink:nth-child(8n+5) {
    height: 5.7rem;
    width: 47.75%
}

.newCubeNavigationArea5 .cubeLink:nth-child(8n+6) {
    width: 38%
}

.newCubeNavigationArea5 .cubeLink:nth-child(8n+7),
.newCubeNavigationArea5 .cubeLink:nth-child(8n+8) {
    width: 28%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+1) .cubeLink_a .cubeLink_bg {
    background-color: #4791ff
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+2) .cubeLink_a .cubeLink_bg {
    background-color: #ffbf37
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+3) .cubeLink_a .cubeLink_bg {
    background-color: #9284fa
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+4) .cubeLink_a .cubeLink_bg {
    background-color: #26c865
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+5) .cubeLink_a .cubeLink_bg {
    background-color: #86d030
}

.newCubeNavigationArea5 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1.2rem;
    height: 1.2rem;
    width: 1.2rem
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+1) .cubeLink_ico {
    left: 12%;
    top: 10%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+2) .cubeLink_ico {
    bottom: 20%;
    left: 0;
    right: 0
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+3) .cubeLink_ico {
    left: 0;
    right: 0;
    top: 16%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+4) .cubeLink_ico {
    left: 12%;
    top: 12%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+5) .cubeLink_ico {
    left: 10%;
    top: 10%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+1) .icon-cube:before {
    content: "\a0339"
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+2) .icon-cube:before {
    content: "\a0473"
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+3) .icon-cube:before {
    content: "\a0038"
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+4) .icon-cube:before {
    content: "\a0873"
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+5) .icon-cube:before {
    content: "\a1042"
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+1) .cubeLink_text {
    bottom: 10%;
    text-align: right
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+1) .cubeLink_text .cubeLink_text_p {
    padding-right: 10%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+2) .cubeLink_text {
    text-align: center;
    top: 16%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+3) .cubeLink_text {
    bottom: 22%;
    text-align: center
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+4) .cubeLink_text {
    bottom: 14%;
    text-align: right
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+4) .cubeLink_text .cubeLink_text_p {
    padding-right: 10%
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+5) .cubeLink_text {
    bottom: 10%;
    text-align: right
}

.newCubeNavigationArea5 .cubeLink:nth-child(5n+5) .cubeLink_text .cubeLink_text_p {
    padding-right: 10%
}

.newCubeNavigationArea6 {
    padding-left: 1.5%;
    width: 16rem
}

.newCubeNavigationArea6 .cubeLink {
    box-sizing: border-box;
    color: #fff;
    height: 3.75rem;
    min-height: 3.75rem
}

.newCubeNavigationArea6 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 16px
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+3) .cubeLink_a .cubeLink_text {
    bottom: 20%
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+4) .cubeLink_a .cubeLink_text,
.newCubeNavigationArea6 .cubeLink:nth-child(5n+5) .cubeLink_a .cubeLink_text {
    bottom: 16%
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+1) {
    height: 9.3rem;
    padding-bottom: 0;
    padding-left: 0;
    width: 8.75rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+2),
.newCubeNavigationArea6 .cubeLink:nth-child(5n+3) {
    height: 4.5rem;
    margin-bottom: .25rem;
    margin-left: .25rem;
    padding-bottom: 0;
    padding-left: 0;
    width: 6.5rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+4) {
    clear: left;
    padding-bottom: .25rem;
    padding-left: 0;
    width: 8.75rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+5) {
    margin-left: .25rem;
    padding-bottom: .25rem;
    padding-left: 0;
    width: 6.5rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+1) .cubeLink_a .cubeLink_bg {
    background-color: #ff9f51;
    background-image: url(/image/styleDesign/newcube/newcover/3.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+2) .cubeLink_a .cubeLink_bg {
    background-color: #ffc140
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+3) .cubeLink_a .cubeLink_bg {
    background-color: #7aa3ff
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+4) .cubeLink_a .cubeLink_bg {
    background-color: #ff6a6a
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+5) .cubeLink_a .cubeLink_bg {
    background-color: #4d4d4d
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+1) .icon-cube:before {
    font-size: 2.25rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+2) .icon-cube:before {
    content: "\a0607"
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+3) .icon-cube:before {
    content: "\a0700"
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+4) .icon-cube:before {
    content: "\a0703"
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+5) .icon-cube:before {
    content: "\a0201"
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+1) .cubeLink_text {
    text-align: center;
    top: 10%
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+2) .cubeLink_text {
    text-align: left;
    top: .6rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+2) .textLayout0 .cubeLink_text {
    padding-left: .5rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+3) .cubeLink_text,
.newCubeNavigationArea6 .cubeLink:nth-child(5n+4) .cubeLink_text,
.newCubeNavigationArea6 .cubeLink:nth-child(5n+5) .cubeLink_text {
    text-align: center
}

.newCubeNavigationArea6 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1.2rem;
    height: 1.2rem;
    width: 1.2rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+1) .cubeLink_a .cubeLink_ico {
    bottom: 2rem;
    height: 2.25rem;
    width: 2.25rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+1) .cubeLink_a.textLayout0 .cubeLink_ico {
    left: 0;
    right: 0
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+2) .cubeLink_a .cubeLink_ico {
    bottom: .6rem;
    font-size: 1.2rem;
    height: 1.2rem;
    right: .7rem;
    width: 1.2rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+3) .cubeLink_a .cubeLink_ico {
    font-size: 1.2rem;
    height: 1.2rem;
    left: 0;
    right: 0;
    top: 20%;
    width: 1.2rem
}

.newCubeNavigationArea6 .cubeLink:nth-child(5n+4) .cubeLink_a .cubeLink_ico,
.newCubeNavigationArea6 .cubeLink:nth-child(5n+5) .cubeLink_a .cubeLink_ico {
    font-size: 1.2rem;
    height: 1.2rem;
    left: 0;
    right: 0;
    top: 13%;
    width: 1.2rem
}

.newCubeNavigationArea7 .cubeLink {
    color: #fff;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 3.5rem;
    padding-bottom: 4%;
    vertical-align: top;
    width: 24%
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 1rem;
    height: 1rem;
    left: 50%;
    position: relative !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1rem
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 14px
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 50%;
    height: 2.6rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 2.602rem
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 0 !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin-top: .3rem;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: 1.7rem
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    font-size: .6rem;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.newCubeNavigationArea7 .cubeLink_row:first-child .cubeLink {
    padding-top: 4.5%
}

.newCubeNavigationArea7 .cubeLink:nth-child(4n+1) {
    padding-left: 2%
}

.newCubeNavigationArea7 .cubeLink:nth-child(4n+2),
.newCubeNavigationArea7 .cubeLink:nth-child(4n+3),
.newCubeNavigationArea7 .cubeLink:nth-child(4n+4) {
    padding-left: 0
}

.newCubeNavigationArea7 .cubeLink_row .cubeLink .icon-cube:before {
    position: absolute
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0269"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0105"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\e694"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0133"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a1043"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0343"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0874"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0847"
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #ff2517, #ff5451)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #7063ff, #8c7ff1)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .cubeLink_bg {
    background: linear-gradient(to bottom right, #ffbc24, #ffe006)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(4) .cubeLink_bg {
    background: linear-gradient(to bottom right, #1473fb, #1dadfc)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #33c4f6, #0ae9f1)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #ff6e00, #ff8a00)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background: linear-gradient(to bottom right, #f45c6e, #fba867)
}

.newCubeNavigationArea7 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(4) .cubeLink_bg {
    background: linear-gradient(to bottom right, #3edb56, #74ecaf)
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a,
.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_bg {
    position: relative
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_ico {
    position: absolute !important
}

.newCubeNavigationArea7 .cubeLink .cubeLink_a .cubeLink_text {
    margin-top: 10%;
    position: relative;
    top: 0
}

.newCubeNavigationArea8 .cubeLink {
    box-sizing: border-box;
    color: #fff;
    height: 3.75rem;
    min-height: 3.75rem;
    width: 25%
}

.newCubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1rem;
    height: 1rem;
    left: 0;
    right: 0;
    top: 16%;
    width: 1rem
}

.newCubeNavigationArea8 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 16%;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+1) {
    clear: left;
    height: 7.5rem;
    width: 50%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+2) {
    width: 25%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+3) {
    padding-right: 1.5%;
    width: 25%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+4) {
    width: 25%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+5) {
    padding-right: 1.5%;
    width: 25%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+6) {
    clear: left;
    width: 50%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+7) {
    padding-right: 1.5%;
    width: 50%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+1) .cubeLink_a .cubeLink_ico {
    top: 23%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+1) .cubeLink_a .cubeLink_text {
    bottom: 36%
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+1) .cubeLink_a .cubeLink_bg,
.newCubeNavigationArea8 .cubeLink:nth-child(7n+2) .cubeLink_a .cubeLink_bg,
.newCubeNavigationArea8 .cubeLink:nth-child(7n+5) .cubeLink_a .cubeLink_bg,
.newCubeNavigationArea8 .cubeLink:nth-child(7n+7) .cubeLink_a .cubeLink_bg {
    background: #f44
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+3) .cubeLink_a .cubeLink_bg,
.newCubeNavigationArea8 .cubeLink:nth-child(7n+4) .cubeLink_a .cubeLink_bg,
.newCubeNavigationArea8 .cubeLink:nth-child(7n+6) .cubeLink_a .cubeLink_bg {
    background: #3e3e3e
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+1) .icon-cube:before {
    content: "\a0853"
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+2) .icon-cube:before {
    content: "\a0441"
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+3) .icon-cube:before {
    content: "\a0573"
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+4) .icon-cube:before {
    content: "\a0111"
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+5) .icon-cube:before {
    content: "\a0343"
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+6) .icon-cube:before {
    content: "\a0913"
}

.newCubeNavigationArea8 .cubeLink:nth-child(7n+7) .icon-cube:before {
    content: "\a0102"
}

.newCubeNavigationArea9 {
    width: 101%
}

.newCubeNavigationArea9 .cubeLink {
    height: auto;
    padding-bottom: 0;
    padding-left: 0;
    width: 33.33%
}

.newCubeNavigationArea9 .cubeLink .cubeLink_a {
    min-height: 4.7rem
}

.newCubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1rem;
    height: 1.2rem;
    left: 0;
    margin-top: 20%;
    position: relative;
    right: 0;
    width: 1.2rem
}

.newCubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_text {
    color: #fff;
    font-size: 14px;
    margin-top: .6rem;
    position: relative;
    text-align: center
}

.newCubeNavigationArea9 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_bg {
    background: linear-gradient(to bottom right, #5c5c5d, #111212)
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background: #fdaa2a
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .cubeLink_bg {
    background: linear-gradient(to bottom right, #5c5c5d, #111212)
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg {
    background: #fdaa2a
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background: linear-gradient(to bottom right, #5c5c5d, #111212)
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background: #fdaa2a
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0993"
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0844"
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0852"
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a1067"
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0342"
}

.newCubeNavigationArea9 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0569"
}

.newCubeNavigationArea9 .cubeLink_fixWidth_1 {
    width: 100% !important
}

.newCubeNavigationArea9 .cubeLink_fixWidth_2 {
    width: 50% !important
}

.newCubeNavigationArea9 .cubeLink_fixWidth_1 .icon-cube {
    margin-top: 8% !important
}

.newCubeNavigationArea9 .cubeLink_fixWidth_1 .cubeLink_text {
    margin-top: .7rem !important
}

.newCubeNavigationArea10 {
    padding-top: 4.5%
}

.newCubeNavigationArea10 .icon-cube {
    color: #5c6066
}

.template349.formStyle31.moduleStyle10:first-child {
    margin-bottom: 50px;
    margin-top: 215px
}

.newCubeNavigationArea10 .cubeLink {
    color: #fff;
    height: auto;
    min-height: 4.5rem;
    padding-bottom: 4%;
    padding-left: 2.5%;
    width: 45%
}

.newCubeNavigationArea10 .cubeLink:nth-child(2) {
    padding-left: 5%
}

.newCubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #fff;
    border-radius: 5px 5px;
    opacity: .8
}

.newCubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1.2rem;
    height: 1.2rem;
    left: 0;
    position: relative;
    right: 0;
    top: .9rem;
    width: 1.2rem
}

.newCubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 16px;
    margin-top: 20%;
    position: relative;
    text-align: center
}

.newCubeNavigationArea10 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: visible;
    white-space: normal;
    word-break: break-all
}

.newCubeNavigationArea10 .cubeLink_row:nth-child(3n+1) .cubeLink:first-child .icon-cube:before {
    color: #333;
    content: "\a0706"
}

.newCubeNavigationArea10 .cubeLink_row:nth-child(3n+1) .cubeLink:nth-child(2) .icon-cube:before {
    color: #333;
    content: "\a0703"
}

.newCubeNavigationArea10 .cubeLink_row:nth-child(3n+2) .cubeLink:first-child .icon-cube:before {
    color: #333;
    content: "\a0700"
}

.newCubeNavigationArea10 .cubeLink_row:nth-child(3n+2) .cubeLink:nth-child(2) .icon-cube:before {
    color: #333;
    content: "\a0628"
}

.newCubeNavigationArea10 .cubeLink_row:nth-child(3n+3) .cubeLink:first-child .icon-cube:before {
    color: #333;
    content: "\a0710"
}

.newCubeNavigationArea10 .cubeLink_row:nth-child(3n+3) .cubeLink:nth-child(2) .icon-cube:before {
    color: #333;
    content: "\a0697"
}

.newCubeNavigationArea10 .cubeLink_fixWidth_1 {
    width: 95% !important
}

.newCubeNavigationArea10 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_text {
    margin-top: 11% !important
}

.formStyle31.moduleStyle11 .cubeLink_row:first-child {
    margin-top: .8rem
}

.newCubeNavigationArea11 .cubeLink {
    color: #fff;
    font-size: 16px;
    height: 4.5rem;
    min-height: 0;
    padding-bottom: 3%;
    width: 5rem
}

.newCubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #f7f7f7;
    border-radius: 1px 1px;
    opacity: .8
}

.newCubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_ico {
    font-size: 1rem;
    height: 1.2rem;
    left: 0;
    right: 0;
    top: 24%;
    width: 1.2rem
}

.newCubeNavigationArea11 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 20%;
    color: #333;
    font-size: 14px;
    text-align: center
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+8) {
    padding-left: 3%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+9) {
    padding-left: 3.5%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+10) {
    padding-left: 3%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+11) {
    padding-left: 3.5%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+12) {
    padding-left: 3%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+13) {
    padding-left: 3.5%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+8) .icon-cube:before {
    content: "\e640"
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+9) .icon-cube:before {
    content: "\e62e"
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+10) .icon-cube:before {
    content: "\e6dd"
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+11) .icon-cube:before {
    content: "\e6aa"
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+12) .icon-cube:before {
    content: "\e67c"
}

.newCubeNavigationArea11 .cubeLink:nth-child(6n+13) .icon-cube:before {
    content: "\e6e1"
}

.newCubeNavigationArea11 .icon-cube {
    color: #5c6066
}

.newCubeNavigationArea11 .cubeLink:first-child .cubeLink_a.noIcon .cubeLink_ico {
    background-image: none !important
}

.newCubeNavigationArea11 .cubeLink:first-child .cubeLink_a.noIcon .cubeLink_ico:before {
    content: none !important
}

.newCubeNavigationArea11 .cubeLink:first-child .cubeLink_a.noIcon .cubeLink_text {
    bottom: auto !important;
    display: table !important;
    font-size: 22px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea11 .cubeLink:first-child .cubeLink_a.noIcon .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.newCubeNavigationArea11 .cubeLink:first-child .icon-cube:before {
    content: ""
}

.newCubeNavigationArea11 .cubeLink:nth-child(2) .icon-cube:before {
    content: "\ec53"
}

.newCubeNavigationArea11 .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0823"
}

.newCubeNavigationArea11 .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0820"
}

.newCubeNavigationArea11 .cubeLink:nth-child(5) .icon-cube:before {
    content: "\a0991"
}

.newCubeNavigationArea11 .cubeLink:nth-child(6) .icon-cube:before {
    content: "\a0102"
}

.newCubeNavigationArea11 .cubeLink:nth-child(7) .icon-cube:before {
    content: "\e6e1"
}

.newCubeNavigationArea11 .cubeLink:first-child {
    float: right;
    margin-right: 5.89%;
    width: 9rem
}

.jz_theme_1028 .newCubeNavigationArea11 .cubeLink:first-child {
    margin-right: 2.8%
}

.jz_theme_1022 .newCubeNavigationArea11 .cubeLink:first-child,
.jz_theme_1030 .newCubeNavigationArea11 .cubeLink:first-child {
    margin-right: 3.3%
}

.newCubeNavigationArea11 .cubeLink:nth-child(2),
.newCubeNavigationArea11 .cubeLink:nth-child(3) {
    padding-left: 3.5%
}

.newCubeNavigationArea11 .cubeLink:nth-child(4) {
    padding-left: 3%
}

.newCubeNavigationArea11 .cubeLink:nth-child(5) {
    padding-left: 3.5%
}

.newCubeNavigationArea11 .cubeLink:nth-child(6) {
    padding-left: 3%
}

.newCubeNavigationArea11 .cubeLink:nth-child(7) {
    padding-left: 3.5%
}

.formStyle31.moduleStyle12 .cubeLink_row:first-child {
    margin-top: .8rem
}

.template350.formStyle31.moduleStyle12:first-child {
    margin-bottom: 50px;
    margin-top: 212px
}

.newCubeNavigationArea12 .cubeLink {
    color: #fff;
    height: auto;
    min-height: 1.8rem;
    padding-bottom: 5.8%;
    width: 40%
}

.newCubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_bg {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    opacity: .7
}

.newCubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_ico {
    background-image: none !important;
    left: 0;
    right: 0
}

.newCubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_ico:before {
    content: none !important
}

.newCubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    color: #333;
    display: table !important;
    font-size: 14px;
    height: 100% !important;
    left: auto !important;
    margin-top: 0 !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea12 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    overflow: visible !important;
    padding: 0 !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: break-all !important
}

.newCubeNavigationArea12 .cubeLink:nth-child(2n) {
    padding-left: 5.8%
}

.newCubeNavigationArea12 .cubeLink:nth-child(odd) {
    padding-left: 6.6%
}

.newCubeNavigationArea12 .cubeLink_fixWidth_1 {
    width: 40% !important
}

.newCubeNavigationArea13 .icon-cube {
    font-size: 2.2rem
}

.newCubeNavigationArea13 {
    padding-top: 0;
    width: 100%
}

.newCubeNavigationArea13 .cubeLink {
    background: transparent;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 5.2rem;
    padding: 0 0 2px;
    vertical-align: top;
    width: 33%
}

.newCubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: auto !important;
    font-size: 1rem;
    height: 1rem;
    left: 0 !important;
    margin: auto !important;
    position: relative !important;
    right: 0 !important;
    top: 1.5rem !important;
    width: 1rem
}

.newCubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 14px
}

.newCubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    height: 2.8rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: .5rem;
    width: 2.8rem
}

.newCubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: .5rem !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin-top: 3.1rem !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea13 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.newCubeNavigationArea13 .cubeLink_row .cubeLink:nth-child(2) {
    padding-left: 2px;
    padding-right: 2px;
    width: 34%
}

.newCubeNavigationArea13 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    color: #fd6e20;
    content: "\a1015"
}

.newCubeNavigationArea13 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    color: #64abfa;
    content: "\a1012"
}

.newCubeNavigationArea13 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    color: #e84653;
    content: "\a0030"
}

.newCubeNavigationArea13 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    color: #fba942;
    content: "\a0069"
}

.newCubeNavigationArea13 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    color: #35cb96;
    content: "\a1009"
}

.newCubeNavigationArea13 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    color: #568ee8;
    content: "\a0045"
}

.formStyle31.moduleStyle14 {
    margin-top: 0
}

.newCubeNavigationArea14 {
    padding-top: 0;
    width: 100%
}

.newCubeNavigationArea14 .icon-cube {
    color: #5c6066
}

.newCubeNavigationArea14 .cubeLink {
    background: transparent;
    box-sizing: border-box;
    color: #fff;
    height: 4.2rem;
    min-height: 4.2rem;
    padding: 0 0 .5%;
    width: 25%
}

.newCubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: auto !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important
}

.newCubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: .6rem !important;
    color: #333;
    display: block !important;
    font-size: 14px;
    height: auto !important;
    left: auto !important;
    position: absolute !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea14 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    font-size: .6rem;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-all !important
}

.newCubeNavigationArea14 .cubeLink_row_head .cubeLink {
    height: auto;
    padding-right: .5%
}

.newCubeNavigationArea14 .cubeLink_row_head .cubeLink:nth-child(4n+4) {
    padding-right: 0
}

.newCubeNavigationArea14 .cubeLink_row_head .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 0 !important;
    margin-top: .5rem !important;
    position: relative !important;
    top: auto !important
}

.newCubeNavigationArea14 .cubeLink_row_head .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 0 !important;
    margin-top: .2rem !important;
    position: relative !important
}

.newCubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:first-child .icon-cube:before {
    content: "\a0406"
}

.newCubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0427"
}

.newCubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0439"
}

.newCubeNavigationArea14 .cubeLink_row_head:first-child .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0699"
}

.newCubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:first-child .icon-cube:before {
    content: "\a0478"
}

.newCubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0457"
}

.newCubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0490"
}

.newCubeNavigationArea14 .cubeLink_row_head:nth-child(2) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0612"
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:first-child {
    padding-right: .5%;
    width: 50%
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:nth-child(2) {
    width: 50%
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p,
.newCubeNavigationArea14 .cubeLink_row:nth-child(n+3) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    display: block
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    display: table !important;
    font-size: 20px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/1.jpg?v=201711250607);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/2.jpg?v=201711250607);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    display: table !important;
    font-size: 20px;
    height: 100% !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.newCubeNavigationArea14 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.formStyle31.moduleStyle15 {
    margin-top: .7rem
}

.newCubeNavigationArea15 {
    padding-top: .45rem;
    width: 100%
}

.newCubeNavigationArea15 .cubeLink {
    box-sizing: border-box;
    height: 3rem;
    margin-bottom: .75rem;
    min-height: 3rem;
    padding: 0 0 .5%;
    width: 7rem
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a {
    border-radius: 5px;
    overflow: hidden
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_curtain {
    background: #f2f2f2;
    right: 0;
    width: 60%
}

@media only screen and (min-width:480px) {
    .newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_curtain {
        width: 60%
    }
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_ico {
    background-image: none !important;
    left: 0;
    right: 0
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_ico:before {
    content: none !important
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: auto !important;
    color: #333;
    display: table !important;
    font-size: 16px;
    height: 100% !important;
    left: 40% !important;
    position: relative !important;
    right: auto !important;
    text-align: left !important;
    text-indent: 17%;
    top: auto !important;
    width: 56%
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell !important;
    padding: 0 10% 0 0 !important;
    vertical-align: middle !important
}

.newCubeNavigationArea15 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    -moz-column-rule: #666;
    column-rule: #666;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.newCubeNavigationArea15 .cubeLink:nth-child(odd) {
    margin-left: .5rem
}

.newCubeNavigationArea15 .cubeLink:nth-child(2n+2) {
    margin-left: .75rem
}

.newCubeNavigationArea15 .cubeLink:nth-child(6n+1) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/4.jpg?v=201711250607)
}

.newCubeNavigationArea15 .cubeLink:nth-child(6n+2) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/5.jpg?v=201711250607)
}

.newCubeNavigationArea15 .cubeLink:nth-child(6n+3) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/6.jpg?v=201711250607)
}

.newCubeNavigationArea15 .cubeLink:nth-child(6n+4) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/7.jpg?v=201711250607)
}

.newCubeNavigationArea15 .cubeLink:nth-child(6n+5) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/8.jpg?v=201711250607)
}

.newCubeNavigationArea15 .cubeLink:nth-child(6n+6) .cubeLink_a .cubeLink_bg {
    background-image: url(/image/styleDesign/newcube/newcover/9.jpg?v=201711250607)
}

.formStyle31.moduleStyle16 {
    margin-top: .3rem
}

.newCubeNavigationArea16 {
    padding-top: 0;
    width: 100%
}

.newCubeNavigationArea16 .cubeLink {
    height: 3.7rem;
    min-height: 3.7rem;
    overflow: hidden;
    padding: 0;
    width: 50%
}

.newCubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_ico {
    bottom: 0;
    color: #f13a3a;
    font-size: 1.2rem;
    height: 1.2rem;
    left: 10%;
    top: 0;
    width: 1.2rem
}

.newCubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text {
    color: #000;
    display: table;
    font-size: 16px;
    height: 100%;
    position: relative;
    text-align: left
}

.newCubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    padding-left: 36%;
    vertical-align: middle
}

.newCubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p .cubeLink_subText_p {
    color: #666;
    display: block;
    font-family: Arial;
    font-size: .6rem;
    font-weight: 400
}

.newCubeNavigationArea16 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_ico {
    left: 37%
}

.newCubeNavigationArea16 .cubeLink_fixWidth_1 .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding-left: 53%
}

.newCubeNavigationArea16 .cubeLink .cubeLink_a .cubeLink_bg {
    box-sizing: border-box
}

.newCubeNavigationArea16 .cubeLink:nth-child(odd) .cubeLink_a .cubeLink_bg {
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0
}

.newCubeNavigationArea16 .cubeLink:nth-child(2n+2) .cubeLink_a .cubeLink_bg {
    border-bottom: 1px solid #f0f0f0
}

.newCubeNavigationArea16 .cubeLink:nth-child(6n+1) .icon-cube:before {
    content: "\a0841"
}

.newCubeNavigationArea16 .cubeLink:nth-child(6n+2) .icon-cube:before {
    content: "\a0591"
}

.newCubeNavigationArea16 .cubeLink:nth-child(6n+3) .icon-cube:before {
    content: "\a0105"
}

.newCubeNavigationArea16 .cubeLink:nth-child(6n+4) .icon-cube:before {
    content: "\a0456"
}

.newCubeNavigationArea16 .cubeLink:nth-child(6n+5) .icon-cube:before {
    content: "\a0346"
}

.newCubeNavigationArea16 .cubeLink:nth-child(6n+6) .icon-cube:before {
    content: "\a0910"
}

.newCubeNavigationArea16 .cubeLink_fixWidth_1 {
    width: 100% !important
}

.newCubeNavigationArea17 .cubeLink {
    color: #fff;
    display: inline-block;
    float: none;
    height: auto;
    min-height: 3.5rem;
    padding-bottom: 4%;
    vertical-align: top;
    width: 19.6%
}

.newCubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: .9rem;
    height: .9rem;
    left: 1% !important;
    position: relative !important;
    top: 50%;
    transform: translateY(-50%);
    width: .9rem
}

.newCubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text {
    color: #333;
    font-size: 14px
}

.newCubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 50%;
    height: 2.1rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.1rem
}

.newCubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: 0 !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin-top: 2.4rem;
    position: relative !important;
    right: auto !important;
    text-align: center !important;
    top: auto !important
}

.newCubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-all !important
}

.newCubeNavigationArea17 .cubeLink_row:first-child .cubeLink {
    padding-top: 4.5%
}

.newCubeNavigationArea17 .cubeLink:nth-child(5n+1) {
    padding-left: 1%
}

.newCubeNavigationArea17 .cubeLink:nth-child(5n+2),
.newCubeNavigationArea17 .cubeLink:nth-child(5n+3),
.newCubeNavigationArea17 .cubeLink:nth-child(5n+4),
.newCubeNavigationArea17 .cubeLink:nth-child(5n+5) {
    padding-left: 0
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:first-child .icon-cube:before {
    content: "\a0823"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0961"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\a0102"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0814"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(5) .icon-cube:before {
    content: "\a0826"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .icon-cube:before {
    content: "\a0045"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .icon-cube:before {
    content: "\a0883"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .icon-cube:before {
    content: "\ec53"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(4) .icon-cube:before {
    content: "\a0477"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(5) .icon-cube:before {
    content: "\a0111"
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:first-child .cubeLink_bg {
    background: #26a9fd
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(2) .cubeLink_bg {
    background: #32ce9a
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(3) .cubeLink_bg {
    background: #ffa352
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(4) .cubeLink_bg {
    background: #fd6190
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(odd) .cubeLink:nth-child(5) .cubeLink_bg {
    background: #dc4154
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:first-child .cubeLink_bg {
    background: #fe6469
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(2) .cubeLink_bg {
    background: #8e8ffb
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(3) .cubeLink_bg {
    background: #76c951
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(4) .cubeLink_bg {
    background: #6edcfe
}

.newCubeNavigationArea17 .cubeLink_row:nth-child(2n+2) .cubeLink:nth-child(5) .cubeLink_bg {
    background: #ffc72e
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_ico {
    bottom: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10%
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_text {
    bottom: 10%;
    display: block;
    height: auto;
    left: auto;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout1 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_ico {
    bottom: 10%;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_text {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    margin-top: 0;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: 10%
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout2 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_ico {
    bottom: 0;
    left: 10%;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_text {
    bottom: auto;
    display: table;
    height: 100%;
    left: auto;
    margin: auto;
    position: relative;
    text-align: right;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout3 .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    overflow: hidden;
    padding-right: 10%;
    vertical-align: middle;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_ico {
    bottom: 0;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10%;
    top: 0
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_text {
    bottom: auto;
    display: table;
    height: 100%;
    margin: auto;
    position: relative;
    right: auto;
    text-align: left;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout4 .cubeLink_text .cubeLink_text_p {
    display: table-cell;
    overflow: hidden;
    padding-left: 10%;
    vertical-align: middle;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_ico {
    bottom: 10%;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10%;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_text {
    bottom: auto;
    display: block;
    height: auto;
    margin-top: 0;
    position: absolute;
    right: auto;
    text-align: left;
    top: 10%
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout5 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-left: 10%;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_ico {
    bottom: auto;
    left: 10%;
    margin: auto;
    position: absolute;
    right: auto;
    top: 10%
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_text {
    bottom: 10%;
    display: block;
    height: auto;
    left: auto;
    position: absolute;
    text-align: right;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout6 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-right: 10%;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_ico {
    bottom: 10%;
    left: 10%;
    margin: auto;
    position: absolute;
    right: auto;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_text {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    margin-top: 0;
    position: absolute;
    text-align: right;
    top: 10%
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout7 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-right: 10%;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_ico {
    bottom: auto;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10%;
    top: 10%
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_text {
    bottom: 10%;
    display: block;
    height: auto;
    position: absolute;
    right: auto;
    text-align: left;
    top: auto
}

.newCubeNavigationArea .cubeLink .cubeLink_a.textLayout8 .cubeLink_text .cubeLink_text_p {
    display: block;
    overflow: hidden;
    padding-left: 10%;
    white-space: nowrap;
    word-break: normal
}

.newCubeNavigationArea6 .cubeLink1 .cubeLink_a.textLayout3 .cubeLink_ico {
    margin-left: 1.5rem
}

.newCubeNavigationArea6 .cubeLink1 .cubeLink_a.textLayout4 .cubeLink_ico {
    margin-right: -.7rem
}

.newCubeNavigationArea6 .cubeLink1 .cubeLink_a.textLayout6 .cubeLink_ico,
.newCubeNavigationArea6 .cubeLink1 .cubeLink_a.textLayout7 .cubeLink_ico {
    margin-left: 2.3rem
}

.newCubeNavigationArea3 .cubeLink .cubeLink_a.textLayout5 .cubeLink_text,
.newCubeNavigationArea3 .cubeLink .cubeLink_a.textLayout8 .cubeLink_text {
    text-indent: 0
}

.newCubeNavigationArea14 .cubeLink .cubeLink_a .icon-cube {
    font-size: 1.2rem;
    height: 1.2rem;
    width: 1.2rem
}

.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    font-size: .6rem
}

.newCubeNavigationArea17 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    font-size: .5rem
}

.newCubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_subText_p {
    font-size: .5rem;
    line-height: .8rem
}

.formMiddleContent .newCubeNavigationArea .cubeLink .cubeLink_a .for-lazyload.cubeLink_bg {
    background-image: none
}

.cubeNavigationArea .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    word-break: break-word !important
}

.newCubeNavigationArea1.cus_space .cubeLink_row {
    display: flex;
    justify-content: center
}

.newCubeNavigationArea1.cus_space .cubeLink_row .cubeLink:first-child {
    padding-left: 1.5% !important
}

.newCubeNavigationArea1.cus_space .cubeLink_row .cubeLink:last-child {
    padding-right: 1.5% !important
}

.newCubeNavigationArea1.cus_space .cubeLink_row:last-child .cubeLink {
    padding-bottom: 1.5% !important
}

.newCubeNavigationArea2.cus_space .cubeLink_row {
    display: flex;
    justify-content: center
}

.newCubeNavigationArea2.cus_space .cubeLink_row .cubeLink:first-child {
    padding-left: 3% !important
}

.newCubeNavigationArea2.cus_space .cubeLink_row .cubeLink:last-child {
    padding-right: 3% !important
}

.newCubeNavigationArea2.cus_space .cubeLink_row:last-child .cubeLink {
    padding-bottom: 4% !important
}

.newCubeNavigationArea12.cus_space .cubeLink_row {
    display: flex;
    justify-content: center
}

.newCubeNavigationArea12.cus_space .cubeLink_row .cubeLink:first-child {
    padding-left: 6.6% !important
}

.newCubeNavigationArea12.cus_space .cubeLink_row .cubeLink:last-child {
    padding-right: 6.6% !important
}

.newCubeNavigationArea12.cus_space .cubeLink_row:last-child .cubeLink {
    padding-bottom: 5.8% !important
}

.newCubeNavigationArea10.cus_space .cubeLink_row {
    display: flex;
    justify-content: center
}

.newCubeNavigationArea10.cus_space .cubeLink_row .cubeLink:first-child {
    padding-left: 2.5% !important
}

.newCubeNavigationArea10.cus_space .cubeLink_row .cubeLink:last-child {
    padding-right: 2.5% !important
}

.newCubeNavigationArea10.cus_space .cubeLink_row:last-child .cubeLink {
    padding-bottom: 4% !important
}

.newCubeNavigationArea4.cus_space .cubeLink_row {
    display: flex;
    justify-content: center
}

.newCubeNavigationArea4.cus_space .cubeLink_row .cubeLink:first-child {
    padding-left: 3.5% !important
}

.newCubeNavigationArea4.cus_space .cubeLink_row .cubeLink:last-child {
    padding-right: 3.5% !important
}

.newCubeNavigationArea4.cus_space .cubeLink_row:last-child .cubeLink {
    padding-bottom: 5.5% !important
}

.newCubeNavigationArea3.cus_space .cubeLink_row {
    display: flex;
    justify-content: center
}

.newCubeNavigationArea3.cus_space .cubeLink_row .cubeLink:first-child {
    padding-left: 2.5% !important
}

.newCubeNavigationArea3.cus_space .cubeLink_row .cubeLink:last-child {
    padding-right: 2.5% !important
}

.newCubeNavigationArea3.cus_space .cubeLink_row:last-child .cubeLink {
    padding-bottom: 5% !important
}

.cubeNavigationBoxContent.cus_height .cubeLink {
    min-height: 2rem
}

.cubeNavigationBoxContent2.cus_height .cubeLink_a.textLayout0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cubeNavigationBoxContent2.cus_height .cubeLink .cubeLink_a.textLayout0 .cubeLink_ico {
    margin: 0;
    position: static;
    z-index: 1
}

.cubeNavigationBoxContent2.cus_height .cubeLink .textLayout0 .cubeLink_text {
    margin-top: .73rem
}

.cubeNavigationBoxContent10.cus_height .cubeLink_a.textLayout0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cubeNavigationBoxContent10.cus_height .cubeLink .cubeLink_a.textLayout0 .cubeLink_ico {
    margin: 0;
    position: static;
    z-index: 1
}

.cubeNavigationBoxContent10.cus_height .cubeLink .textLayout0 .cubeLink_text {
    margin-top: .73rem
}

.cubeNavigationBoxContent9.cus_height .cubeLink_a.textLayout0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cubeNavigationBoxContent9.cus_height .cubeLink .cubeLink_a.textLayout0 .cubeLink_ico {
    margin: 0;
    position: static;
    z-index: 1
}

.cubeNavigationBoxContent9.cus_height .cubeLink .textLayout0 .cubeLink_text {
    margin-top: .73rem
}

.cubeNavigationBoxContent1.cus_height .cubeLink .textLayout0 .cubeLink_text {
    margin-top: 0;
    position: relative;
    top: 56.5%
}

.cubeNavigationBoxContent1.cus_height .cubeLink .textLayout0 .cubeLink_ico {
    position: absolute;
    top: 18%
}

.cubeNavigationBoxContent.main_no_wrap .cubeLink_a .cubeLink_text .cube_text,
.cubeNavigationBoxContent.sub_no_wrap .cubeLink_a .cubeLink_text .cubeLink_subText_p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cubeNavigationBoxContent.main_wrap .cubeLink_a .cubeLink_text .cube_text,
.cubeNavigationBoxContent.sub_wrap .cubeLink_a .cubeLink_text .cubeLink_subText_p {
    word-wrap: break-word;
    white-space: normal;
    word-break: normal
}

.cubeNavigationBoxContent.main_no_wrap .cubeLink_a .cubeLink_text .cubeLink_text_p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cubeNavigationBoxContent .cubeLink_a {
    overflow: hidden
}

.cubeNavigationBoxContent12 .cubeLink_a {
    overflow: visible
}

.cubeNavigationBoxContent8 .cubeLink .cubeLink_a .cubeLink_text {
    bottom: auto;
    top: 60%
}

.newCubeNavigationArea .cubeNavigationBoxContent15 .cubeLink .cubeLink_a .cubeLink_text {
    left: 49.5% !important;
    text-indent: 0
}

.cubeNavigationBoxContent3 .cubeLink .cubeLink_a .cubeLink_text {
    text-indent: 0
}

.cubeNavigationBoxContent3 .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding-left: 10%
}

.cubeNavigationBoxContent3 .cubeLink_text .cubeLink_text_p {
    text-overflow: ellipsis
}

.cubeNavigationBoxContent1.main_no_wrap .cube_text,
.cubeNavigationBoxContent2.main_no_wrap .cube_text,
.cubeNavigationBoxContent7.main_no_wrap .cube_text,
.cubeNavigationBoxContent9.main_no_wrap .cube_text,
.cubeNavigationBoxContent10.main_no_wrap .cube_text,
.cubeNavigationBoxContent12.main_no_wrap .cube_text,
.cubeNavigationBoxContent13.main_no_wrap .cube_text,
.cubeNavigationBoxContent14.main_no_wrap .cube_text,
.cubeNavigationBoxContent15.main_no_wrap .cube_text,
.cubeNavigationBoxContent17.main_no_wrap .cube_text {
    display: block
}

.cubeNavigationBoxContent .cubeLink .cubeLink_a.textLayout0 .cubeLink_text,
.cubeNavigationBoxContent .cubeLink .cubeLink_a.textLayout1 .cubeLink_text,
.cubeNavigationBoxContent .cubeLink .cubeLink_a.textLayout2 .cubeLink_text {
    box-sizing: border-box;
    max-width: 100%
}

.cubeNavigationBoxContent .cubeLink_text_p {
    padding: 0 .3rem
}

.cubeNavigationBoxContent11 .cubeLink:first-child .cubeLink_a.noIcon .cubeLink_text .cubeLink_text_p {
    padding: 0 .3rem !important
}

.cubeNavigationBoxContent1 .cubeNavigationAreaWrap .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p,
.cubeNavigationBoxContent5 .cubeNavigationAreaWrap .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p,
.cubeNavigationBoxContent9 .cubeNavigationAreaWrap .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p,
.cubeNavigationBoxContent11 .cubeNavigationAreaWrap .cubeLink .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding: 0 .3rem
}

.cubeNavigationBoxContent .cubeLink_bg {
    overflow: hidden
}

.cubeNavigationBoxContent .cubeLink_a_wrap {
    height: 100%;
    width: 100%
}

.cubeNavigationBoxContent18 .cubeLink {
    height: 2.925rem;
    padding: 0
}

.cubeNavigationBoxContent18 .cube_text {
    color: #fff;
    display: block;
    font-size: .7rem;
    width: 100%
}

.cubeNavigationBoxContent18 .cubeLink_bg {
    background-color: #161e22
}

.cubeNavigationBoxContent18 .cubeLink_subText_p {
    color: hsla(0, 0%, 100%, .7);
    font-size: .55rem
}

.cubeNavigationBoxContent18 .cubeLink .cubeLink_a .cubeLink_bg {
    height: 100%;
    width: 50%
}

.cubeNavigationBoxContent18 .cubeLink .cubeLink_a .cubeLink_ico {
    align-items: center;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

.cubeNavigationBoxContent18 .cubeLink .cubeLink_a .cubeLink_text {
    height: 100%;
    overflow: hidden;
    width: 50%
}

.cubeNavigationBoxContent18 .cubeLink_text {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.cubeNavigationBoxContent18 .cubeLink.even .cubeLink_bg,
.cubeNavigationBoxContent18 .cubeLink.even .cubeLink_text {
    right: 0
}

.cubeNavigationBoxContent18 .cubeLink.odd .icon-cube {
    align-items: center;
    display: flex;
    justify-content: center;
    right: 0
}

.cubeNavigationBoxContent18 .cubeLink:nth-child(3n+1) .cubeLink_ico {
    background-image: url(/image/styleDesign/newcube/newcover/10.jpg?v=201909251255)
}

.cubeNavigationBoxContent18 .cubeLink:nth-child(3n+2) .cubeLink_ico {
    background-image: url(/image/styleDesign/newcube/newcover/12.jpg?v=201909251255)
}

.cubeNavigationBoxContent18 .cubeLink:nth-child(3n+3) .cubeLink_ico {
    background-image: url(/image/styleDesign/newcube/newcover/11.jpg?v=201909251255)
}

.cubeNavigationBoxContent .cubeLink.icon_hide .cubeLink_a {
    align-items: center;
    display: flex;
    justify-content: center
}

.cubeNavigationBoxContent .cubeLink.icon_hide .cubeLink_a .cubeLink_text {
    position: static;
    text-align: center;
    z-index: 1
}

.cubeNavigationBoxContent .cubeLink.icon_hide .cubeLink_a .cubeLink_ico {
    display: none
}

.cubeNavigationBoxContent18 .cubeLink.icon_hide .cubeLink_bg,
.cubeNavigationBoxContent18 .cubeLink.icon_hide .cubeLink_text {
    width: 100% !important
}

.cubeNavigationBoxContent1 .cubeLink.icon_hide .cubeLink_a .cubeLink_text,
.cubeNavigationBoxContent9 .cubeLink.icon_hide .cubeLink_a .cubeLink_text,
.cubeNavigationBoxContent10 .cubeLink.icon_hide .cubeLink_a .cubeLink_text {
    margin-top: 0
}

.cubeNavigationBoxContent16 .cubeLink.icon_hide .cubeLink_a .cubeLink_text .cubeLink_text_p {
    padding: 0
}

.cubeNavigationBoxContent2 .cubeLink.icon_hide .cubeLink_text {
    margin: auto
}

.cubeNavigationBoxContent .cubeLink.title_hide .cubeLink_a {
    align-items: center;
    display: flex;
    justify-content: center
}

.cubeNavigationBoxContent .cubeLink.title_hide .cubeLink_a .cubeLink_ico {
    position: static;
    text-align: center;
    z-index: 1
}

.cubeNavigationBoxContent .cubeLink.title_hide .cubeLink_a .cubeLink_text {
    display: none
}

.cubeNavigationBoxContent18 .cubeLink.title_hide .cubeLink_ico {
    width: 100% !important
}

.cubeNavigationBoxContent14 .cubeLink.title_hide .cubeLink_a .cubeLink_text {
    display: none !important
}

.cubeNavigationBoxContent14 .cubeLink_row_head .cubeLink.title_hide .cubeLink_a .cubeLink_ico {
    margin-top: auto !important
}

.cubeNavigationBoxContent9 .cubeLink.title_hide .cubeLink_a .cubeLink_ico {
    margin: auto
}

.newCubeNavigationArea14 .cubeLink_row_head {
    overflow: hidden
}

.u_custom_search_entry--input_line:focus {
    outline: none
}

.p_popup_layer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.p_popup_layer .popup_mask {
    background: rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.p_popup_layer .popup_content {
    bottom: 0;
    position: absolute;
    transform: translateY(100%);
    transition: transform .3s;
    width: 100%
}

.p_popup_layer .popup_content.active {
    transform: none
}

.p_mobi_picker {
    background: #fff;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.p_mobi_picker:before {
    border: 1px solid #e3e2e8;
    border-left: 0;
    border-right: 0;
    bottom: 76px;
    box-sizing: border-box;
    height: 38px;
    width: 100%
}

.p_mobi_picker:after,
.p_mobi_picker:before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute
}

.p_mobi_picker:after {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: 100% 76px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 42px
}

.p_mobi_picker .header {
    border-bottom: 1px solid #eee;
    height: 41px;
    line-height: 41px
}

.p_mobi_picker .list {
    height: 190px;
    list-style: none;
    overflow: hidden
}

.p_mobi_picker .list:after,
.p_mobi_picker .list:before {
    content: "";
    display: block;
    height: 76px
}

.p_mobi_picker .list .item {
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    text-align: center
}

.p_mobi_picker .header .btn {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 0 30px
}

.p_mobi_picker .header .confirm {
    color: #5874d8;
    float: right
}

.select_style {
    position: relative
}

.select_style .arrow {
    color: #666;
    cursor: pointer;
    font-size: .55rem;
    line-height: 2rem;
    position: absolute;
    right: .65rem;
    top: 0
}

.select_style .select_input {
    cursor: pointer;
    outline: none;
    text-indent: .5rem
}

.select_style .select_item {
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    font-size: .6rem;
    line-height: 1.8rem;
    padding-left: .6rem
}

.select_style .select_item:hover {
    background: #f0f0f0
}

.select_style .select_list {
    overflow: auto
}

.select_style .select_list::-webkit-scrollbar {
    width: .2rem
}

.select_style .select_list::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

.select_style .select_list::-webkit-scrollbar-track {
    background-color: #f7f7f7
}

.select_style .select_list_wrap {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin-top: 10px;
    padding: 8px 6px;
    z-index: 999
}

.u_custom_search_entry--multiLine_wrap .u_custom_search_entry--textArea[data-v-ed38ca4c] {
    background-color: #fff;
    display: block;
    font-family: inherit;
    height: 3.25rem;
    line-height: normal;
    margin: .7rem 0 0;
    outline: 0;
    padding: .413rem .6rem;
    resize: none
}

.u_custom_search_entry--phone_wrap {
    border: 1px solid #e3e2e8;
    display: flex;
    justify-content: space-around
}

.u_custom_search_entry--phone_wrap .u_custom_search_entry--text:focus {
    outline: none
}

.u_custom_search_entry--phone_wrap.u_custom_search_entry--text {
    padding: 0
}

.u_custom_search_entry--phone_wrap .u_custom_search_entry--input.u_custom_search_entry--text {
    border: 0
}

.u_custom_search_entry--input::-webkit-inner-spin-button,
.u_custom_search_entry--input::-webkit-outer-spin-button {
    -moz-appearance: textfield;
    -webkit-appearance: none
}

.mobi_form_style_2 .u_custom_search_entry--text:focus {
    border: 0
}

.u_custom_search_entry--phone_wrap .form_phone_cn_warp {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.u_custom_search_entry--phone_wrap .cn_value {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    right: 1.64rem;
    top: 0;
    width: 1.5rem
}

.u_custom_search_entry--phone_wrap .cn_select {
    opacity: 0
}

.u_custom_search_entry--phone_wrap .drop_down_icon {
    color: #b7b7b7;
    font-size: .45rem;
    position: absolute;
    right: .85rem
}

.u_custom_search_entry--date_wrap {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.u_custom_search_entry--date_wrap .fk-dateRangeUtil {
    text-align: center;
    width: 1.25rem
}

.m_mobi_form_multi_dropdown_wrap .select_wrap:not(:last-of-type) {
    margin-bottom: .68rem
}

.u_custom_search_entry--form {
    font-size: .6rem
}

.m_custom_search .select_style {
    position: relative
}

.m_custom_search .select_style .arrow {
    color: #666;
    cursor: pointer;
    font-size: .55rem;
    line-height: 2rem;
    position: absolute;
    right: .65rem
}

.m_custom_search .select_style .select_input {
    cursor: pointer;
    outline: none;
    text-indent: .5rem
}

.m_custom_search .select_style .select_item {
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    font-size: .6rem;
    line-height: 1.8rem;
    padding-left: .6rem
}

.m_custom_search .select_style .select_item:hover {
    background: #f0f0f0
}

.m_custom_search .select_style .select_list {
    overflow: auto
}

.m_custom_search .select_style .select_list::-webkit-scrollbar {
    width: .2rem
}

.m_custom_search .select_style .select_list::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

.m_custom_search .select_style .select_list::-webkit-scrollbar-track {
    background-color: #f7f7f7
}

.m_custom_search .select_style .select_list_wrap {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin-top: 10px;
    padding: 8px 6px;
    z-index: 999
}

.m_custom_search .item_type_checkbox {
    padding-top: 2px
}

.m_custom_search .item_type_checkbox.required {
    padding-left: 20px
}

.m_custom_search .form_item .item_type_checkbox .required_icon {
    line-height: 21px
}

.m_custom_search .m_custom_search .checkbox_style .checkbox_item:not(.checkbox_active) .checkbox_inner {
    background: #fff
}

.m_custom_search .checkbox_style .checkbox_item {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: .65rem;
    line-height: .8rem;
    list-style-type: none;
    margin-right: .9rem
}

.m_custom_search .checkbox_style .checkbox_inner {
    border: 1px solid #e0e0e0;
    border-radius: .1rem;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: .6rem;
    height: .8rem;
    line-height: .8rem;
    margin-right: .4rem;
    position: relative;
    text-align: center;
    width: .8rem
}

.m_custom_search .checkbox_style .checkbox_active .checkbox_inner:before {
    color: #000;
    content: "򰄡";
    font-size: .6rem;
    font-weight: 700
}

.m_custom_search .checkbox_style .checkbox_item:last-child {
    margin-right: 0
}

.m_custom_search .item_type_radio {
    padding-top: .1rem
}

.m_custom_search .radio_style {
    margin-top: -.8rem
}

.m_custom_search .radio_style .radio_item:not(.radio_active) .radio_inner {
    background: #fff
}

.m_custom_search .radio_style .radio_item {
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    margin: .8rem .8rem 0 0
}

.m_custom_search .radio_style .radio_inner {
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: .6rem;
    height: .8rem;
    line-height: .8rem;
    margin-right: .4rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: .8rem
}

.m_custom_search .radio_style .radio_text {
    color: #333;
    font-size: .65rem;
    line-height: 1;
    vertical-align: middle
}

.m_custom_search .radio_style .radio_inner:after {
    background-color: #828282;
    border-left: 0;
    border-radius: 50%;
    border-top: 0;
    content: " ";
    display: table;
    height: .3rem;
    left: 50%;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: .3rem
}

.m_custom_search .radio_style .radio_active .radio_inner:after {
    opacity: 1
}

.m_custom_search .radio_style .radio_item:last-child {
    margin-right: 0
}

.m_custom_search .input_style {
    -webkit-appearance: none;
    background: none;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    border-radius: .1rem;
    box-sizing: border-box;
    color: #333;
    font-size: .6rem;
    height: 1.8rem;
    line-height: 1.2rem;
    padding: 0;
    text-indent: .25rem;
    text-indent: .5rem;
    width: 100%
}

.m_custom_search .required .input_style {
    padding-left: 1.8rem
}

.m_custom_search .u_custom_search_entry--text {
    -webkit-appearance: none;
    background-color: #fff;
    border: .025rem solid #e3e2e8;
    border-radius: .086rem;
    box-sizing: border-box;
    font-size: .6rem;
    height: 1.9rem;
    line-height: 1.9rem;
    padding: 0 .725rem;
    width: 100%
}

.m_custom_search .select_style .select_list_wrap {
    position: relative
}

.m_custom_search .select_style .select_item {
    height: auto;
    padding: 0
}

.m_custom_search .select_style .select_item:hover {
    color: #333 !important
}

.jz_themeV2 .m_custom_search .select_style .select_item {
    line-height: normal
}

.noProjecrtContainer .empty_tips_panel {
    padding-bottom: 2.4rem;
    padding-top: 1.7rem;
    text-align: center
}

.noProjecrtContainer .empty_tips_panel .text {
    color: #666;
    font-size: 14px;
    margin-bottom: .9rem
}

.m_custom_search {
    font-size: .6rem;
    line-height: 1;
    padding: 1rem .8rem
}

.m_custom_search_projectName {
    color: #333;
    font-size: .78rem;
    max-width: 100%;
    text-align: center;
    word-break: break-word
}

.m_custom_search_projectTips {
    color: #666;
    font-size: .65rem;
    margin-top: .8rem;
    max-width: 100%;
    text-align: center;
    word-break: break-word
}

.m_custom_search_field {
    margin: .75rem auto 0
}

.m_custom_search_field_item {
    margin-bottom: .5rem;
    width: 100%
}

.m_custom_search_field_item:last-child {
    margin-bottom: 0
}

.jz_screen_mobi .m_custom_search_field_item {
    min-width: auto;
    width: 100%
}

.m_custom_search_field_item:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0
}

.m_custom_search_field_label {
    color: #666;
    font-size: .62rem;
    line-height: 1.35rem
}

.m_custom_search_field_content {
    font-size: 0
}

.m_custom_search_star {
    color: #f13a3a;
    font-size: .7rem;
    line-height: 1.4rem;
    margin-right: .25rem
}

.m_custom_search_submit_wrap {
    margin: 1.3rem 0 0;
    text-align: center
}

.m_custom_search_submit {
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: .7rem;
    height: 2rem;
    outline: none;
    text-align: center;
    width: 100%
}

.m_custom_search .item_type_input {
    display: inline-block;
    width: 100%
}

.m_custom_search_validator_wrap .m_custom_search_validator_img {
    cursor: pointer;
    height: 1.8rem
}

.m_custom_search_validator_wrap .item_type_input {
    width: 30%
}

.m_custom_search_entrance,
.m_custom_search_result_result {
    background-color: transparent
}

.m_custom_search_result_result {
    padding: 1.2rem .5rem 1.5rem
}

.m_custom_search_result_result_title {
    color: #333;
    font-size: .78rem;
    text-align: center
}

.m_custom_search_result_result_explain {
    color: #999;
    font-size: .6rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
    text-align: center
}

.m_custom_search_result_result_area {
    margin-top: .8rem
}

.m_custom_search_result_result_data {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: table;
    margin-top: .5rem;
    width: 100%
}

.m_custom_search_result_result_item {
    display: table;
    width: 100%
}

.m_custom_search_result_result_label,
.m_custom_search_result_result_value {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: table-cell;
    font-size: .55rem;
    height: 1.25rem;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    word-break: break-word
}

.m_custom_search_result_empty {
    text-align: center
}

.m_custom_search_result_empty_icon {
    background-image: url(/image/v2/void_content.png?v=202306291520);
    background-size: cover;
    display: inline-block;
    height: 7.25rem;
    margin: 1.5rem 0 1rem;
    width: 12rem
}

.m_custom_search_result_empty_tips {
    color: #333;
    font-size: .7rem;
    text-align: center
}

.m_custom_search_result .m_custom_search_result_result .m_custom_search_result_result_login {
    color: #5874d8;
    text-decoration: underline
}

.m_custom_search_result_result_pagenation {
    background-color: #fff;
    margin-top: -1rem;
    padding: 0
}

.m_custom_search_result_result_pageCover {
    background: rgba(0, 0, 0, .1);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.loadingImg {
    background: url(/image/loading/loading_2.gif?v=202306291520) no-repeat 50%;
    height: 100%;
    width: 100%
}

.m_custom_search_no_project_box {
    background-color: #fff
}

.m_custom_search_no_project_icon {
    background: url(/image/v2/defaultIcon10.png?v=202306291520) no-repeat 50%;
    background-size: contain
}

.m_custom_search_no_project {
    background-color: #fff;
    height: 5rem;
    line-height: 6.4rem;
    margin: 2.9rem auto .65rem;
    text-align: center;
    width: 5.5rem
}

.m_custom_search_no_project_tip {
    color: #666;
    font-size: .6rem;
    margin-bottom: 2.5rem;
    text-align: center
}

.m_custom_search_result_result_photo_wrap {
    height: auto
}

.m_custom_search_result_result_photo {
    background-repeat: no-repeat;
    cursor: zoom-in;
    height: 2.5rem;
    margin: .25rem auto;
    width: 6.25rem
}

.m_custom_search_result_result_ellipsis {
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 .35rem;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all
}

.m_custom_search_result_result_photo_default {
    background-position: 50% 50%;
    background-size: cover
}

.m_custom_search_result_result_photo_equalRatioScale {
    background-position: 50% 50%;
    background-size: contain
}

.m_custom_search_result_result_photo_stretchScale {
    background-size: 100% 100%
}

.m_custom_search_result_result_photo_tile {
    background-position: 50% 50%
}

.m_custom_search__result_result_projectDataTips {
    color: #333;
    font-size: .6rem;
    text-align: left
}

.newFileDownloadPanel {
    padding: 0 .25rem
}

.fileDownloadPanel .mainBodyContainer {
    word-wrap: break-word;
    border-bottom: .025rem solid #eee;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: .45rem .5rem;
    table-layout: fixed;
    width: 100%;
    word-break: keep-all
}

.fileDownloadPanel .mainBodyContainer:last-child {
    border: 0
}

.newFileDownloadPanel .mainBodyContainer {
    align-items: center;
    display: flex;
    padding: .45rem .2rem .45rem .3rem
}

.fileDownloadPanel .fileName {
    height: 1.15rem;
    padding-left: 1rem;
    width: 100%
}

.fileDownloadPanel .fileImg {
    height: 1.2rem;
    margin: 0;
    padding: 0;
    width: 1.2rem
}

.fileDownloadPanel .fileName .fileNameText {
    font-size: .7rem;
    line-height: 1.25rem
}

.fileDownloadPanel .fileName .fileNameText,
.newFileDownloadPanel .fileName .fileNameText {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 97%;
    word-break: keep-all
}

.newFileDownloadPanel .fileName .fileNameText {
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    line-height: normal
}

.fileDownloadPanel .fileName .fileNameWrap {
    word-wrap: break-word;
    height: auto;
    white-space: normal;
    word-break: break-all
}

.fileDownloadPanel .fileSize {
    color: #b3b3b3;
    font-size: .5rem;
    font-weight: 500;
    height: auto;
    line-height: 1.05rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    width: 9rem
}

.newFileDownloadPanel .fileSize {
    height: auto;
    line-height: normal
}

.newFileDownloadPanel .fileName {
    height: auto
}

.fileDownloadPanel .fileOperate {
    height: 100%;
    padding-left: 0;
    padding-right: .25rem;
    width: 1.5rem
}

.newFileDownloadPanel .fileOperate {
    padding-right: 0;
    width: auto
}

.fileDownloadPanel .iconAvi {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_01.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconWmv {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_02.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .icon3gp {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_03.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconMkv {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_04.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconFlv {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_05.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconMp4 {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_06.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconRmvb {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_07.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconSwf {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_08.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconMp3 {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_09.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconWav {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_10.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .downWma {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_11.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconOgg {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_12.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconApe {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_13.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconAcc {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_14.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconGif {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_15.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconJpg {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_16.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconPng {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_17.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconBmp {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_18.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconWps {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_19.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconEpub {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_20.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconTxt {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_21.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconPpt {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_22.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconPdf {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_23.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconXls {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_24.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconDoc {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_25.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconHtml {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_26.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconCss {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_27.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconJs {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_28.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconRar {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_29.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconZip {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_30.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconApk {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_31.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px;
    width: 1.75rem
}

.fileDownloadPanel .iconDefault {
    background-size: contain !important;
    background: url(/image/fileDownload/Format_icon_32.png?v=202306291520) no-repeat;
    height: 1.75rem;
    margin-left: 0;
    margin-right: .15rem;
    width: 1.75rem
}

.fileDownloadPanel .download {
    background-size: contain !important;
    background: url(/image/fileDownload/download_icon2.png?v=202306291520) no-repeat;
    height: 1.8rem;
    margin-bottom: 0;
    margin-right: .1rem;
    width: 1.8rem
}

#fileListDlButton:after {
    color: #666;
    content: "";
    font-family: icomoon;
    left: 21.15em;
    position: absolute;
    top: 1em
}

.fileDownloadPanel .fileSvgClass {
    height: 1.2rem;
    width: 1.2rem
}

.fileDownloadPanel .downloadSvg {
    height: 1.3rem;
    width: 1.3rem
}

.fileDownloadPanel .previewSvg {
    stroke: #666
}

.formStyle53.form {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    padding: 0
}

.formStyle53.form .formMiddle {
    background: none;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: visible;
    overflow: initial;
    padding: 0;
    width: 100%
}

.formStyle53.form .formMiddle .fk-floatImgContainer,
.formStyle53.form .formMiddle .formMiddleContent,
.formStyle53.form .formMiddle .middleCenter {
    height: 100%
}

.formStyle53 .formMiddle .formMiddleContent {
    background: none;
    overflow: visible;
    overflow-y: visible
}

.formStyle53 img {
    max-height: none;
    max-width: none
}

.formStyle53 .floatImgWrap {
    height: 100%;
    overflow: hidden
}

.formStyle53 .float_img_default {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.formStyle53 .f-fonticon {
    text-align: center
}

.f-formFoldContent .f-fromTabLoading {
    height: 8.5rem;
    position: relative
}

.fk-formFold .f-formFoldButton,
.fk-formFold .f-formFoldButton * {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.fk-formFold {
    overflow: hidden
}

.formStyle58 .formMiddleContent {
    margin-bottom: 0 !important
}

.fk-formFold .f-formFoldItem {
    height: auto;
    overflow: hidden
}

.fk-formFold .f-formFoldItem .f-formFoldContent {
    height: 0;
    transition: height .5s
}

.formStyle58.fk-nullModuleInFoldStyle .formBannerTitle {
    display: none
}

.fk-formFold .f-formFoldItem .f-formFoldContent .form {
    background: none;
    margin: 0
}

#webContainerBox .fk-formFold .f-formFoldItem .f-formFoldContent .form .formBannerTitle {
    display: none !important
}

.fk-formFold .f-formFoldItem .f-formFoldButton {
    cursor: pointer;
    position: relative
}

.fk-formFold .f-formFoldItem .f-formFoldButton .f-formFoldButtonText {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%;
    word-break: normal
}

.fk-foldStyle1 .f-formFoldItem {
    border: .5px solid #e5e5e5;
    border-radius: .2rem;
    margin: .5rem .3rem
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton {
    border-bottom: .5px solid #e5e5e5;
    height: 2.2rem;
    line-height: 2.2rem;
    padding-left: .8rem
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton .icon-fold {
    color: inherit;
    display: inline-block;
    height: .5rem;
    position: absolute;
    right: .6rem;
    top: .85rem;
    width: .5rem
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton .icon-fold:before {
    content: "򰈷";
    display: inline-block;
    font-size: .5rem;
    position: absolute;
    top: 0;
    transition: all .2s
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {
    transform: rotate(90deg)
}

.fk-foldStyle1 .f-formFoldItem .form .productCrossedSlide:nth-child(odd) {
    margin-left: .2rem
}

.fk-foldStyle1 .f-formFoldItem .form .productCrossedSlide:nth-child(2n) {
    margin-right: .2rem
}

.fk-foldStyle1 .f-formFoldItem .form .productWaterFall:nth-child(odd) {
    margin-left: .3rem
}

.fk-foldStyle1 .f-formFoldItem .form .productWaterFall:nth-child(2n) {
    right: .3rem
}

.fk-foldStyle2 .f-formFoldItem {
    margin: .5rem .3rem
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton .icon-fold {
    display: inline-block;
    height: .5rem;
    left: .5rem;
    position: absolute;
    top: .7rem;
    width: .5rem
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton .icon-fold:before {
    color: #ccc;
    content: "򰈷";
    display: inline-block;
    font-size: .5rem;
    position: absolute;
    top: 0;
    transition: all .2s
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {
    color: #fff;
    transform: rotate(90deg)
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.active {
    color: #fff
}

.fk-foldStyle2 .f-formFoldItem .form .productCrossedSlide:nth-child(odd) {
    margin-left: .2rem
}

.fk-foldStyle2 .f-formFoldItem .form .productCrossedSlide:nth-child(2n) {
    margin-right: .2rem
}

.fk-foldStyle2 .f-formFoldItem .form .productWaterFall:nth-child(odd) {
    margin-left: .3rem
}

.fk-foldStyle2 .f-formFoldItem .form .productWaterFall:nth-child(2n) {
    right: .3rem
}

.fk-foldStyle3 .f-formFoldItem {
    border-bottom: 1px solid #f0f0f0
}

.fk-foldStyle3 .f-formFoldItem:last-child {
    border: none
}

.fk-foldStyle3 .f-formFoldItem .f-formFoldButton {
    height: 2.2rem;
    line-height: 2.2rem;
    padding-left: .8rem
}

.fk-foldStyle3 .f-formFoldItem .f-formFoldButton .icon-fold {
    display: inline-block;
    height: .6rem;
    position: absolute;
    right: .6rem;
    top: .85rem;
    width: .6rem
}

.fk-foldStyle3 .f-formFoldItem .f-formFoldButton .icon-fold:before {
    content: "򰄆";
    display: inline-block;
    font-size: .6rem;
    position: absolute;
    top: 0;
    transition: all .2s
}

.fk-foldStyle3 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {
    transform: rotate(90deg)
}

.fk-formFold .f-formFoldItem .f-formFoldContent .formStyle2 .formMiddle {
    min-height: 1rem
}

.fk-formFold .f-formFoldItem .f-formFoldButton.f-formFoldButton-text-warp {
    align-items: center;
    display: flex;
    height: auto;
    line-height: inherit;
    padding-bottom: .652rem;
    padding-top: .652rem
}

.fk-formFold .f-formFoldItem .f-formFoldButton.f-formFoldButton-text-warp .f-formFoldButtonText {
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: inherit;
    word-break: inherit
}

.fk-formFold .f-formFoldItem .f-formFoldButton.f-formFoldButton-text-warp .icon-fold {
    position: relative;
    right: auto;
    top: auto
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.f-formFoldButton-text-warp {
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding-bottom: .502rem;
    padding-left: 0;
    padding-top: .502rem
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.f-formFoldButton-text-warp .icon-fold {
    left: auto;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    top: auto
}

.empty_tips_panel {
    padding-bottom: 1.375rem;
    padding-top: 1rem;
    text-align: center
}

.empty_tips_panel .text {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.cus_Empty_tips_panel {
    align-items: center;
    display: flex;
    height: 5rem;
    justify-content: center
}

.cus_Empty_tips_panel .text {
    color: #666;
    font-size: 14px
}

.scriptModuleMinH {
    min-height: 30px
}

.pagenation_btn {
    display: inline-block;
    height: 100%;
    width: 100%
}

.photo_wf_item {
    box-sizing: border-box;
    display: inline-block;
    width: 7rem
}

.photo_wf_container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: 100%
}

.photo_wf_container .photo_wf_columns {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 50%
}

.multi_photo_list .multi_photo_item {
    border-radius: .2rem
}

.multi_photo_list .multi_photo_item .vertical_title {
    color: #333;
    font-weight: 700
}

.multi_photo_list .multi_photo_item .vertical_desc {
    color: #222
}

.multi_photo_list .multi_photo_item .wrapText {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.photoHoverContainer {
    box-sizing: border-box;
    height: 7.75rem;
    margin-bottom: 1rem;
    width: 100%
}

.photoHoverContainer:first-child {
    margin-top: .75rem
}

.photoHoverContainer .photoHoverContent {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.photoHoverContainer .photoHoverContent .photoHoverText {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 1.4rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.photoHoverContainer .photoHoverContent .photoHover {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.photoHoverText .hoverTitle {
    font-weight: 700;
    margin-bottom: .5rem;
    width: 100%
}

.photoHoverText .hoverDesc {
    opacity: .8;
    width: 100%
}

.hoverContainer {
    padding: 0 .75rem
}

.horizonContainer {
    padding: 0 .675rem 0 .75rem
}

.horizonContainer .horizonContent {
    padding: .75rem 0
}

.horizonContainer a {
    display: block;
    position: relative
}

.horizonContainer .horizon_img {
    position: absolute
}

.horizonContainer .horizion_text {
    box-sizing: border-box;
    padding-top: .125rem
}

.horizion_text .horizon_title {
    color: #222;
    font-size: .65rem;
    font-weight: 700
}

.horizion_text .horizon_desc {
    color: #666;
    font-size: .55rem;
    font-weight: 500;
    line-height: .85rem;
    margin-top: .25rem
}

.noPhotoContainer .empty_tips_panel {
    padding-bottom: 2.4rem;
    padding-top: 1.7rem;
    text-align: center
}

.noPhotoContainer .empty_tips_panel .text {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.noPhotoContainer {
    margin: 0 !important;
    padding: 0 !important
}

.noPhotoContainer .cus_Empty_tips_panel {
    align-items: center;
    display: flex;
    height: 5rem;
    justify-content: center
}

.noPhotoContainer .cus_Empty_tips_panel .text {
    color: #666;
    font-size: 14px
}

.multi_photo_list.photoModule {
    margin-top: .74rem
}

.multi_photo_list.photoModule .photoLDiv {
    margin-left: 3.25%;
    margin-right: 1.75%
}

.multi_photo_list.photoModule .photoRDiv {
    margin-left: 1.75%;
    margin-right: 3.25%
}

.multi_photo_list.photoModule.verticalList .photoDiv .imgName {
    font-size: .6rem;
    line-height: .9rem;
    margin-top: .39rem
}

.multi_photo_list.photoModule .photoDiv {
    margin-bottom: .61rem
}

.multi_photo_list.mPhotoList {
    margin-top: .74rem
}

.multi_photo_list.mPhotoList .photoSlideList .photoCrossedSlideSec .imgName {
    color: #333;
    padding: .52rem .25rem
}

.multi_photo_list.mPhotoList .photoCrossedSlideSec {
    border-color: #eee
}

.multi_photo_list.mPhotoList:not(.multi_photo_richMarquee) .newPhotoCrossedSlideSec:last-child {
    margin-right: .5rem
}

.multi_photo_list .fk-photoListCard .f-photoDesc {
    color: #333
}

.multi_photo_list .title {
    font-weight: 700
}

.multi_photo_list .desc,
.multi_photo_list .title {
    color: #222;
    margin-top: .55rem;
    padding-left: .4rem;
    padding-right: .65rem
}

.multi_photo_list .wrapText {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.fk-photoListCard {
    color: #666;
    font-size: .65rem
}

.fk-photoListCard .f-cardContainer {
    height: 15.25rem;
    list-style: none;
    margin: 1.25rem;
    padding: 0;
    perspective: 1000px;
    perspective-origin: 50% -50%;
    position: relative;
    text-align: center;
    width: 13.55rem
}

.fk-photoListCard .f-cardContainer>li {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    transition: transform .25s
}

.fk-photoListCard .f-cardContainer img {
    height: 100%;
    left: 50%;
    max-height: none;
    max-width: none;
    pointer-events: none;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.fk-photoListCard .f-imgContainer {
    height: 11.25rem;
    overflow: hidden;
    position: relative;
    width: 13.5rem
}

.fk-photoListCard .f-imgContainer span.f-imageMiddle {
    display: none
}

.fk-photoListCard ul.f-cardContainer a {
    color: #666
}

.fk-photoListCard .f-photoDesc {
    display: block;
    margin: .75rem;
    max-height: 1.7rem;
    max-width: 12rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-all
}

.fk-photoListCard div.f-photoDescNoWrap {
    white-space: nowrap;
    word-break: break-all
}

.fk-photoListCard .f-showPic_0 {
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.fk-photoListCard .f-showPic_0 .f-imgContainer {
    display: none
}

.fk-photoListCard .f-showPic_1 .f-imgContainer,
.fk-photoListCard .f-showPic_2 .f-imgContainer,
.fk-photoListCard .f-showPic_3 .f-imgContainer {
    display: block
}

.fk-photoListCard .f-showPic_1 {
    opacity: 1;
    z-index: 3
}

.fk-photoListCard .f-showPic_2 {
    opacity: 1;
    pointer-events: none;
    transform: translate3d(0, 1.25rem, -40px);
    z-index: 2
}

.fk-photoListCard .f-showPic_3 {
    opacity: 1;
    pointer-events: none;
    transform: translate3d(0, 2.5rem, -80px);
    z-index: 1
}

.fk-photoListCard .f-cardAnimation_right {
    animation: krisnaAccept .5s forwards;
    z-index: 4
}

@keyframes krisnaAccept {
    to {
        transform: translate3d(100vw, 0, 0) rotate(5deg)
    }
}

.fk-photoListCard .f-cardAnimation_left {
    animation: krisnaAccept_left .5s forwards;
    z-index: 4
}

@keyframes krisnaAccept_left {
    to {
        transform: translate3d(-100vw, 0, 0) rotate(-5deg)
    }
}

.photoModule.styleForm1 {
    margin-top: .5rem
}

.form .styleForm1 .photoListImg {
    display: inline-block;
    vertical-align: bottom
}

.form .formMiddle .imgClass_160 {
    font-size: 0;
    text-align: center
}

.photoModule.styleForm1 .photoDiv {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 45%
}

.photoModule.styleForm1 li {
    text-align: center
}

.photoModule.styleForm1 .photoDiv {
    -webkit-backface-visibility: hidden;
    display: inline-block;
    margin-bottom: 1rem;
    vertical-align: top
}

.photoModule.styleForm1 .imgDiv {
    overflow: hidden;
    text-align: center;
    vertical-align: middle
}

.photoModule.styleForm1 .photoDiv .imgName {
    color: #676767;
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 0 auto;
    max-width: 13rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal
}

.mPhotoList .photoSlideList .photoCrossedSlideSec .imgName {
    max-width: 13rem;
    overflow: hidden;
    padding: .25rem;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal
}

.mPhotoList .photoSlideList a {
    font-size: .6rem
}

.imgDetailDiv {
    background: #000;
    display: none;
    height: 100%;
    overflow: scroll;
    position: fixed;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    z-index: 99
}

.exitButton {
    background: url(/image/PicClose.png?v=202306291520) no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 1rem;
    position: absolute;
    position: fixed;
    right: 1rem;
    top: .9rem;
    width: 1rem
}

.showImg {
    width: 100%
}

.imgDetailArea {
    word-wrap: break-word;
    color: #fff;
    line-height: 1.8;
    margin-top: 2rem;
    overflow: hidden;
    padding: 0 .5rem;
    text-align: left;
    white-space: normal;
    word-break: normal
}

.imgDetailDiv .imgName {
    word-wrap: break-word;
    font-size: .8rem;
    font-weight: 700;
    overflow: hidden
}

.imgDesc,
.imgDetailDiv .imgName {
    color: #fff;
    margin-top: .5rem;
    text-align: center;
    width: 100%
}

.g_background {
    background: #fff
}

.photoModule.styleForm7 {
    margin: .5rem auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.photoModule.styleForm7 ul {
    left: 0;
    padding: 0;
    position: absolute;
    transition: all .5s
}

.photoModule.styleForm7 ul li {
    background: #fff;
    float: left;
    list-style-type: none;
    overflow: hidden;
    text-align: center;
    width: 15rem
}

.photoModule.styleForm7 .imgDiv2 {
    background: #fff;
    display: inline-block;
    overflow: hidden
}

.photoModule.styleForm7 .prevPhoto {
    background: url(/image/PicLeft.png?v=202306291520) rgba(0, 0, 0, .4) no-repeat;
    background-position: .25rem;
    background-size: 80%;
    float: left;
    left: .75rem
}

.photoModule.styleForm7 .nextPhoto,
.photoModule.styleForm7 .prevPhoto {
    border-radius: 4px;
    cursor: pointer;
    height: 1.75rem;
    position: absolute;
    top: 30%;
    width: 1.75rem
}

.photoModule.styleForm7 .nextPhoto {
    background: url(/image/PicRight.png?v=202306291520) rgba(0, 0, 0, .4) no-repeat;
    background-position: .25rem;
    background-size: 80%;
    float: right;
    right: .75rem
}

.photoModule .styleForm7 .imgContainer {
    display: table-cell;
    vertical-align: middle
}

.imageMiddleSpan {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.photoModule .photoModuleImageSwipeContainer {
    overflow: hidden;
    position: relative
}

.photoModule.styleForm7 .imgName {
    word-wrap: break-word;
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    color: #fff;
    font-size: .7rem;
    line-height: 1.2rem;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%
}

.photoModule.styleForm6 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.photoModule.styleForm6 .fk-photoBulletStyle .f-imgName {
    display: none
}

.photoModule.styleForm6 .photoSwipe {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    visibility: visible
}

.photoModule.styleForm6 .photoSwipeBox {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.photoModule.styleForm6 .photoSwipeBox .swipImgArea {
    float: left;
    font-size: 0;
    height: 100%;
    overflow: hidden;
    position: relative
}

.imageDiv img {
    vertical-align: middle
}

.photoModule.styleForm6 .photoBullet {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    height: 1.2rem;
    line-height: 1.2rem;
    position: absolute;
    top: auto;
    width: 100%
}

.photoModule.styleForm6 .fk-photoBulletStyle {
    background: none
}

.photoModule.styleForm6 .noBG {
    background: none;
    text-align: center
}

.photoModule.styleForm6 .photoBullet .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.photoModule.styleForm6 .fk-photoBulletStyle .f-bullets,
.photoModule.styleForm6 .noBG .bullets {
    text-align: center
}

.photoModule.styleForm6 .photoBullet .bullets li {
    background: #adb1b1;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    margin: 0 .1rem;
    width: .35rem
}

.photoModule.styleForm6 .noBG .bullets li {
    background: hsla(0, 0%, 67%, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.photoModule.styleForm6 .photoBullet .bullets li.on {
    background: #fff
}

.photoModule .photoBullet .imgName {
    bottom: 0;
    color: #fff;
    font-size: .6rem;
    line-height: .9rem;
    margin-bottom: -.2rem;
    overflow: hidden;
    padding-top: .2rem;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%
}

.tdUl,
.tdUl .bullets.f-bullets {
    font-size: 0;
    line-height: 1rem
}

.tdUl {
    height: 1rem;
    padding: 0
}

.photoModule.styleForm6 .photoBullet .bullets li {
    vertical-align: middle
}

.tableFix td {
    padding: 0
}

.photoModule .photoBullet .tableFix {
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.photoModule .photoBullet .tableFix .tdUl {
    vertical-align: bottom
}

.nextAndPreviousIcon {
    background-position: .25rem;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    height: 1.75rem;
    position: absolute;
    top: 50%;
    width: 1.75rem
}

.imageSliderNext {
    background: url(/image/PicRight.png?v=202306291520) rgba(0, 0, 0, .4) no-repeat;
    background-size: 100%;
    right: .75rem
}

.imageSliderPrevious {
    background: url(/image/PicLeft.png?v=202306291520) rgba(0, 0, 0, .4) no-repeat;
    background-size: 100%;
    left: .75rem
}

.news_list_wrap .text_list .linkTable .news_title {
    color: #333
}

.news_list_wrap .text_list .isNewAddModule .linkTable .news_title {
    color: #222;
    font-size: .7rem;
    margin-bottom: .3rem
}

.news_list_wrap .newsList .cardGraphicNewsStyle .lineBody {
    padding-top: .74rem
}

.news_list_wrap .newsList .cardGraphicNewsStyle .news_title {
    color: #333
}

.news_list_wrap .newsList .cardGraphicNewsStyle .mixNewsStyleSummary {
    color: #999
}

.news_list_wrap .newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleSummary {
    color: #848e98;
    font-size: .55rem
}

.isNewAddModule .news_list_wrap .newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleSummary {
    color: #848e98;
    font-size: .6rem
}

.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 {
    padding-top: .74rem
}

.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .news_title {
    font-size: .7rem
}

.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4 {
    background: rgba(0, 0, 0, .5)
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 {
    padding: .74rem 0 0
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .news_title {
    font-size: .7rem;
    max-height: none;
    padding: 0 .5rem
}

.news_list_wrap .head_pic_text_list .mixNewsStyleImgBox3 {
    padding-top: .74rem
}

.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .news_title {
    font-size: .7rem
}

.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3 {
    background: rgba(0, 0, 0, .5)
}

.news_list_wrap .head_word_pic_text_list .lineBody {
    padding-top: .24rem
}

.isNewAddModule.news_list_wrap .head_word_pic_text_list .lineBody {
    padding-bottom: .3rem;
    padding-top: .7rem
}

.news_list_wrap .head_word_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox1 {
    padding-right: .52rem
}

.news_list_wrap .head_word_pic_text_list .lineBody .mixNewsStyleSummary {
    color: #999
}

.isNewAddModule.news_list_wrap .head_word_pic_text_list .lineBody .mixNewsStyleSummary {
    color: #848e98
}

.news_list_wrap .head_word_pic_text_list .mixNewsStyleTitleContainer .news_title {
    padding-left: 0
}

.newCarouselMultiPhoto .photoImageItem {
    border-radius: .2rem;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%
}

.newCarouselMultiPhoto .photoImageItem .photoImageItemContent {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.newCarouselMultiPhoto .photoImageItem .imgLink {
    display: block;
    height: 7.75rem;
    width: 100%
}

.newCarouselMultiPhoto .photoImageItem .imgLink.picScale1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.newCarouselMultiPhoto .photoImageItem .imgLink.picScale2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.newCarouselMultiPhoto .photoImageItem .imgLink.picScale3 {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.newCarouselMultiPhoto .photoImageItem .imgLink.picScale4 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-size: initial
}

.newCarouselMultiPhoto.outerBox2 .photoImageItem .imgLink {
    width: auto
}

.newCarouselMultiPhoto .photoImageItem img {
    height: auto;
    vertical-align: middle;
    width: auto
}

.newCarouselMultiPhoto.innerBox .photoImageItem .imgDescBox {
    bottom: 0;
    box-sizing: border-box;
    padding: .5rem .5rem .4rem .6rem;
    position: absolute;
    width: 100%;
    z-index: 1
}

.newCarouselMultiPhoto.innerBox .photoImageItem .imgCoverAuto .imgDescBox {
    height: auto;
    position: relative
}

.newCarouselMultiPhoto .photoImageItem .imgName {
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    text-align: inherit
}

.newCarouselMultiPhoto .photoImageItem .imgDesc {
    color: #fff;
    font-size: .5rem;
    margin: .1rem 0 0;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.newCarouselMultiPhoto.innerBox .photoImageItem .imgDesc,
.newCarouselMultiPhoto.innerBox .photoImageItem .imgName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newCarouselMultiPhoto.outerBox1 .photoImageItem .imgDescBox {
    box-sizing: border-box;
    flex: 1;
    min-height: 3.4rem;
    padding: .4rem .5rem .65rem;
    width: 100%
}

.newCarouselMultiPhoto.outerBox2 .photoImageItem .imgDescBox {
    padding: .65rem .5rem .4rem
}

.outerBox2 .photoImageItem .photoImageItemContent {
    justify-content: space-between
}

.photoImageItem .photoImageItemContent.textCenter {
    text-align: center
}

.photoImageItem .photoImageItemContent.textLeft {
    text-align: left
}

.photoImageItem .photoImageItemContent.textRight {
    text-align: right
}

.newCarouselMultiPhoto.outerBox1.imgTextType4 .photoImageItem .imgDescBox {
    min-height: 3rem;
    padding: .4rem 0 .25rem
}

.newCarouselMultiPhoto.outerBox2.imgTextType4 .photoImageItem .imgDescBox {
    padding: .65rem 0 .4rem
}

.imgBulletGroup {
    bottom: 0;
    font-size: 0;
    line-height: 0;
    margin: .75rem 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 8
}

.imgBulletGroup1 .imgBullet {
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .45rem
}

.imgBulletGroup1 .imgBullet .imgBulletBall {
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .3rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .3rem
}

.imgBulletGroup1 .imgBullet .imgBulletBall:not(.active) {
    background: #d9d9d9;
    transform: scale(.75)
}

.imgBulletGroup1 .imgBullet.offsetBullect .imgBulletBall {
    transform: scale(.5)
}

.imgBulletGroup1 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.imgBulletGroup1 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

@keyframes imgBulletFadeIn {
    0% {
        opacity: .5;
        transform: scale(0);
        width: 0
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes imgBulletFadeLeave {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: .5;
        transform: scale(0);
        width: 0
    }
}

.innerBox .imgBulletGroup1 .imgBullet {
    width: .4rem
}

.innerBox .imgBulletGroup1 .imgBullet .imgBulletBall {
    background-color: hsla(0, 0%, 100%, .6)
}

.innerBox .imgBullet .imgBulletBall.active {
    background-color: #fff
}

.innerBox .imgBulletGroup2 .imgBullet {
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .3rem
}

.innerBox .imgBulletGroup2 .imgBullet.active {
    width: .65rem
}

.imgBulletGroup2 .imgBullet .imgBulletBall {
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .15rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .15rem
}

.innerBox .imgBulletGroup2 .imgBullet .imgBulletBall.active {
    border-radius: .15rem;
    cursor: pointer;
    display: inline-block;
    height: .15rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .5rem
}

.innerBox .imgBulletGroup2 .imgBullet .imgBulletBall:not(.active) {
    background: hsla(0, 0%, 100%, .6)
}

.imgBulletGroup2 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.imgBulletGroup2 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.innerBox .imgBulletGroup3 {
    align-items: center;
    display: flex
}

.innerBox .imgBulletGroup3 .imgBullet {
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    opacity: 1;
    position: relative;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .35rem
}

.innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
    border-radius: 100%;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: .15rem;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 50% 50%;
    width: .15rem
}

.innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
    border-radius: .075rem;
    cursor: pointer;
    display: inline-block;
    height: .25rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .125rem
}

.innerBox .imgBulletGroup3 .imgBullet .imgBulletBall:not(.active) {
    background: hsla(0, 0%, 100%, .6)
}

.innerBox .imgBulletGroup3 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.innerBox .imgBulletGroup3 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.innerBox .imgBulletGroup4 {
    align-items: center;
    display: flex
}

.innerBox .imgBulletGroup4 .imgBullet {
    cursor: pointer;
    display: inline-block;
    height: .45rem;
    opacity: 1;
    position: relative;
    transform-origin: 50% 50%;
    transition: all .5;
    width: .45rem
}

.innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
    border: 1px solid #fff;
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: .25rem;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 50% 50%;
    width: .25rem
}

.innerBox .imgBulletGroup4 .imgBullet .imgBulletBall:not(.active) {
    background: transparent;
    opacity: .6
}

.innerBox .imgBulletGroup4 .imgBullet.offsetBullect .imgBulletBall {
    transform: scale(.75)
}

.innerBox .imgBulletGroup4 .bulletFade-enter-active {
    animation: imgBulletFadeIn .5s
}

.innerBox .imgBulletGroup4 .bulletFade-leave-active {
    animation: imgBulletFadeLeave .5s
}

.innerBox .imgBulletGroup5 .bulletBox {
    background-color: rgba(0, 0, 0, .5);
    border-radius: .7rem;
    cursor: pointer;
    display: inline-block
}

.innerBox .imgBulletGroup5 .bulletText {
    color: #fff;
    display: inline-block;
    font-size: .4rem;
    height: .4rem;
    padding: .15rem .25rem;
    vertical-align: middle
}

.innerBox .imgBulletGroup5 .bulletText .bulletTextSep {
    margin: 0 .05rem
}

.innerBox .imgBulletGroup5 .bulletText:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

@media only screen and (max-width:640px) {

    .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall,
    .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
        height: 6px;
        width: 6px
    }

    .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
        height: 10px;
        width: 5px
    }

    .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
        height: 10px;
        width: 10px
    }
}

@media only screen and (max-width:528px) {

    .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall,
    .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
        height: 5px;
        width: 5px
    }

    .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
        height: 8px;
        width: 4px
    }

    .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
        height: 8px;
        width: 8px
    }
}

@media only screen and (max-width:414px) {

    .innerBox .imgBulletGroup2 .imgBullet .imgBulletBall,
    .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall {
        height: 4px;
        width: 4px
    }

    .innerBox .imgBulletGroup3 .imgBullet .imgBulletBall.active {
        height: 6px;
        width: 3px
    }

    .innerBox .imgBulletGroup4 .imgBullet .imgBulletBall {
        height: 6px;
        width: 6px
    }
}

.formStyle6 .styleForm8 {
    width: 100%
}

.styleForm8 .photoSwipe {
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.styleForm8 .photoImageItem {
    flex: 1
}

.styleForm8.outerBox .photoImageItem {
    overflow: hidden
}

.styleForm8.outerBox .photoImageItem .photoImageItemContent {
    height: calc(100% - 1.5rem);
    margin: .65rem .75rem;
    width: auto
}

.styleForm8 .autoSwipeBox,
.styleForm8 .photoSwipeBox {
    backface-visibility: hidden;
    font-size: 0;
    height: 100%;
    text-align: left;
    transform-style: preserve-3d;
    transition: all;
    transition-timing-function: ease;
    width: 100%
}

.styleForm8 .photoSwipeBox {
    transition: transform
}

.styleForm8.innerBox .photoImageItem {
    margin: 0
}

.styleForm8 .imgBulletGroup {
    margin: 0 0 .75rem
}

.styleForm8.innerBox .photoSwipe .imgBulletGroup {
    align-items: center;
    bottom: .5rem;
    display: flex;
    height: .7rem;
    margin-bottom: 0;
    position: absolute;
    right: .5rem;
    width: auto;
    z-index: 88
}

.styleForm8 .photoSwipeAnim {
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    clear: both;
    position: absolute
}

.photoSwipeBox.photoSwipeReset {
    transition: none !important
}

.photoSwipeItem_3 *,
.photoSwipeItem_5 * {
    backface-visibility: hidden
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_3 {
    display: none;
    transform: rotateX(90deg)
}

.photoSwipeAnim.photoSwipeItem_3_start {
    position: relative;
    transform: rotateX(0deg)
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_3_on {
    animation-name: photoSwipeItem_3_on;
    display: inline-block
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_3_off {
    animation-name: photoSwipeItem_3_off;
    display: inline-block
}

@keyframes photoSwipeItem_3_on {
    0% {
        transform: rotateX(-90deg)
    }

    50% {
        transform: rotateX(-90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes photoSwipeItem_3_off {
    0% {
        transform: rotateX(0deg)
    }

    50% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotateX(90deg)
    }
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_4 {
    display: none;
    opacity: 0
}

.photoSwipeAnim.photoSwipeItem_4_start {
    opacity: 1;
    position: relative
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_4_on {
    animation-name: photoSwipeItem_4_on;
    display: inline-block
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_4_off {
    animation-name: photoSwipeItem_4_off;
    display: inline-block
}

@keyframes photoSwipeItem_4_on {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes photoSwipeItem_4_off {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_5 {
    display: none;
    transform: rotateY(90deg)
}

.photoSwipeAnim.photoSwipeItem_5_start {
    position: relative;
    transform: rotateY(0deg)
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_5_on {
    animation-name: photoSwipeItem_5_on;
    display: inline-block
}

.newCarouselMultiPhoto.styleForm8 .photoSwipeItem_5_off {
    animation-name: photoSwipeItem_5_off;
    display: inline-block
}

@keyframes photoSwipeItem_5_on {
    0% {
        transform: rotateY(-90deg)
    }

    50% {
        transform: rotateY(-90deg)
    }

    to {
        transform: rotateY(0deg)
    }
}

@keyframes photoSwipeItem_5_off {
    0% {
        transform: rotateY(0deg)
    }

    50% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotateY(90deg)
    }
}

.styleForm8.newCarouselMultiPhoto.innerBox .photoImageItem .imgDescBox .imgDesc,
.styleForm8.newCarouselMultiPhoto.innerBox .photoImageItem .imgDescBox.noDesc .imgName {
    width: 75%
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBoxWrap {
    display: block;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: auto
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBoxWrap1 {
    height: auto;
    width: auto
}

.newsList .empty_tips_panel {
    padding-bottom: 55px;
    padding-top: 40px;
    text-align: center
}

.newsList .empty_tips_panel .text {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.newsList .newsElementsPanel .ne_newsAuthor:before,
.newsList .newsElementsPanel .ne_newsComment:before {
    margin-right: .1rem
}

.news_list_wrap .newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:after,
.news_list_wrap .newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:before {
    margin-right: .225rem
}

.news_list-pic-text .newsElementsPanel .ne_newsAuthor:before,
.news_list-pic-text .newsElementsPanel .ne_newsComment:before {
    margin-right: -.2rem
}

.news_list-pic-text .line.newsLine .lineBodyLink .lineBody .g_topFlag.onlyTitle {
    margin-top: .25rem
}

.newsList .newsElementsPanel .ne_newsTime.fix1 {
    line-height: .8625rem
}

.newsList .newsElementsPanel .ne_newsTime.fix2 {
    line-height: 1.55256rem
}

.isNewAddModule .newsList .newsElementsPanel .ne_newsTime.fix1,
.isNewAddModule .newsList .newsElementsPanel .ne_newsTime.fix2 {
    line-height: normal
}

.newsList .text_list .line {
    padding-left: 1.3rem
}

.p_newsgroup__wrap {
    background: #fff;
    height: 100%;
    left: 100%;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 109
}

.p_newsgroup__wrap .p_newsgroup__gClose {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    font-family: icomoon !important;
    font-size: 1.6rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.p_newsgroup__wrap .p_newsgroup__gClose:before {
    content: "";
    display: table-cell;
    font-size: 1.2rem;
    vertical-align: middle
}

.p_newsgroup__wrap-show {
    left: 0
}

.p_newsgroup__header {
    border-bottom: .025rem solid #eee;
    height: 2.275rem;
    line-height: 2.275rem;
    position: relative;
    text-align: center;
    width: 100%
}

.p_newsgroup__close {
    color: #666;
    left: .3rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.p_newsgroup__title {
    color: #333;
    font-size: .8rem;
    font-weight: 700
}

.p_newsgroup__sliderwrap {
    border-bottom: .025rem solid #eee;
    cursor: pointer;
    position: relative
}

.p_newsgroup__sliderlist {
    display: inline-block;
    height: 100%;
    height: 2.125rem;
    line-height: 2.125rem;
    white-space: nowrap
}

.p_newsgroup__slideitem {
    color: #333;
    display: inline-block;
    font-size: .6rem;
    font-weight: 500;
    line-height: normal;
    max-width: 14rem;
    overflow: hidden;
    padding: 0 .375rem;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.p_newsgroup__listwrap {
    box-sizing: border-box;
    height: calc(100% - 4.45rem);
    overflow: hidden;
    overflow-y: scroll;
    padding: 0 1.25rem
}

.p_newsgroup__listwrap::-webkit-scrollbar {
    width: 0
}

.p_newsgroup__listitem {
    color: #333;
    cursor: pointer;
    font-size: .6rem;
    font-weight: 500;
    padding-top: .675rem;
    width: 100%
}

.p_newsgroup__split {
    border-bottom: .025rem solid #eee;
    margin-top: .4rem
}

.p_newsgroup__ellipsis {
    color: #333;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.p_newsgroup__children {
    display: flex;
    flex-wrap: wrap;
    margin-top: .125rem
}

.p_newsgroup__children .p_newsgroup_child:nth-child(2n) {
    padding-left: .75rem
}

.p_newsgroup_child {
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-size: .5rem;
    font-weight: 400;
    padding-top: .575rem;
    width: 50%
}

.p_newsgroup__allitem {
    padding-top: .65rem
}

.ngLine[data-v-50773120] {
    cursor: pointer;
    overflow: hidden
}

.ngGroupDiv[data-v-50773120],
.ngLine-bg[data-v-50773120] {
    background-color: #fff;
    transition: all .35s ease
}

.ngGroupDiv[data-v-50773120] {
    box-shadow: -1px 0 4px rgba(0, 0, 0, .05);
    float: right;
    position: relative;
    width: 60%
}

.ngName[data-v-50773120] {
    transition: all .35s ease
}

.ngName-w[data-v-50773120] {
    width: 33%
}

.ngMark-f[data-v-50773120] {
    float: left
}

.ngMark-c[data-v-50773120] {
    color: #fff
}

.formStyle64 .mapContainerBox {
    color: #333;
    height: 100%;
    width: 100%
}

.formStyle64 .mapContainerBox .gm-style {
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.formStyle64 .mapContainer {
    height: 100%;
    min-height: 12rem
}

.formStyle64 .mapContainer .msgBox {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px -3px #000;
    color: #333;
    cursor: default;
    display: inline-block;
    height: auto;
    padding: .7rem .9rem .7rem .5rem;
    position: absolute;
    width: auto
}

.formStyle64 .mapContainer .msgBox .msg {
    word-wrap: break-word;
    display: inline-block;
    font-size: .56rem;
    width: auto;
    width: 10rem;
    word-break: break-word
}

.formStyle64 .mapContainer .msgBox .arrow {
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 7px;
    bottom: -6px;
    box-shadow: 1px -1px 3px -2px #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 3.2rem;
    position: absolute;
    transform: rotate(135deg);
    width: 0
}

.formStyle64 .mapContainer .msgBox .close {
    background: url(/image/onlineMap/close.png?v=202306291520);
    background-size: cover;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px
}

.formStyle64 .mapContainer .mapLoadError {
    height: 100%;
    min-height: 12rem;
    position: relative;
    width: 100%
}

.formStyle64 .mapContainer .errorMsgBox {
    bottom: 0;
    height: 7rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.325rem
}

.formStyle64 .mapContainer .errorMsgBox .errorImg {
    background: url(/image/v2/defaultIcon10.png?v=202306291520) no-repeat 50%;
    background-size: contain;
    height: 5.425rem;
    width: 4.325rem
}

.formStyle64 .mapContainer .errorMsgBox .errorMsg {
    color: #333;
    font-size: .65rem;
    margin-top: .75rem;
    text-align: center
}

.formStyle64 .mapContainer .errorMsgBox .errName {
    display: none
}

.formStyle64 .mapContainer .mapLoadingBox {
    background: url(/image/loading/loading_2.gif?v=202306291520) no-repeat 50%;
    height: 100%;
    min-height: 12rem;
    width: 100%
}

.new_online_map .list {
    padding: 0 .475rem .5rem .35rem
}

.new_online_map .list_item {
    border-bottom: 1px solid #eee;
    margin-top: .5rem
}

.new_online_map .name_distance_wrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.new_online_map .name_distance_wrap .name {
    color: #333;
    font-size: .65rem;
    font-weight: 700;
    word-break: break-all
}

.new_online_map .name_distance_wrap .distance {
    color: #999;
    font-size: .45rem;
    font-weight: 400
}

.new_online_map .location_text {
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-all
}

.new_online_map .location,
.new_online_map .tel {
    align-items: center;
    color: #333;
    display: flex;
    font-size: .55rem;
    font-weight: 400
}

.new_online_map .tel {
    margin-bottom: .3rem
}

.new_online_map .work_time {
    color: #999;
    font-size: .55rem;
    font-weight: 400;
    line-height: 1rem;
    word-break: break-all
}

.new_online_map .column_m_b {
    margin-bottom: .45rem
}

.new_online_map_svg {
    fill: #333;
    flex-shrink: 0;
    height: .65rem;
    margin-right: .375rem;
    width: .65rem
}

.new_online_map .sing_line_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.editLayer .online_map_edit {
    background: #557ce1 url(/image/v2/mbg01.png?v=202312111117) -1418px -39px no-repeat
}

.editLayer .online_map_edit:hover {
    background-color: #618cef
}

.editLayer .online_map_delete {
    background: #557ce1 url(/image/v2/mbg01.png?v=202312111117) -1468px -39px no-repeat
}

.editLayer .online_map_delete:hover {
    background-color: #618cef
}

.editLayer .online_map_delete_disable {
    background: #d5d5d5 url(/image/v2/mbg01.png?v=202312111117) -1468px -39px no-repeat;
    cursor: not-allowed
}

.online_map_border.singleEdit_TB_Border {
    border-top-style: dashed
}

.online_map_border.singleEdit_LR_Border {
    border-left-style: dashed
}

.map_height_setting .mapContainer {
    min-height: auto
}

.formStyle64 .gm-style .gm-style-iw-c {
    border-radius: 6px;
    flex-direction: row-reverse;
    padding: 8px 12px !important
}

.formStyle64 .gm-ui-hover-effect {
    height: 24px !important;
    width: 24px !important
}

.formStyle64 .gm-ui-hover-effect span {
    margin: 0 !important
}

.formStyle64 .gm-style-iw-d {
    align-items: center;
    display: flex;
    max-width: 10rem;
    overflow: auto !important
}

.mobiVideoOnline {
    height: auto;
    z-index: 0
}

.moduleHttpTip {
    color: red;
    font-size: 13px;
    padding: 10px 0
}

.mobiVideo {
    display: block
}

.videoDialog {
    background-color: #000;
    box-sizing: border-box;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.mobiVideo {
    width: 100%
}

.cancelVideo {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 15px;
    z-index: 1
}

.cancelVideo:before {
    content: "򰄘"
}

.videoPlay {
    background: rgba(0, 0, 0, .4);
    border-radius: 1.1rem;
    bottom: 0;
    color: #fff;
    height: 2.2rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 2.2rem
}

.videoPlay:before {
    content: "򰊄";
    font-size: .9rem;
    line-height: 2.2rem;
    margin-left: .2rem
}

.videoDiv {
    cursor: pointer;
    height: 8.1rem;
    position: relative;
    width: 100%
}

.videoDiv .videoPoster {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.mobiVideoDialog {
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.mobiVideoDialog .mobiVideo {
    height: auto !important
}

.mobiVideoDialogOl {
    min-height: 9rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.mobiVideoOnlineIframe {
    height: 100%;
    min-height: 9rem;
    width: 100%
}

.mobiVideoOnline .video-js {
    height: auto;
    min-height: 9rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.pack-module[data-v-6bb77b4b] {
    border: 1px solid #eee;
    min-height: 100px;
    position: relative;
    width: 100%
}

.fk-foldSortContainer,
.fk-packSortContainer,
.fk-tabSortContainer {
    display: none;
    height: 50px;
    line-height: 50px;
    position: relative
}

#webContainerBox .fk-packSortContainer .formBannerTitle,
#webContainerBox .fk-tabSortContainer .formBannerTitle {
    display: none !important
}

.f-packContentList {
    height: 9.75rem;
    overflow: hidden;
    position: relative
}

.fk-formPack {
    height: inherit;
    width: 100%
}

.fk-formPack,
.formStyle51 .moduleContent {
    display: inherit
}

.fk-canConnectModule .fk-packSortContainer .g_middlePlaceholder {
    background-color: rgba(233, 237, 247, .7);
    border: 1px dashed #618cef;
    box-sizing: border-box;
    color: #5874d8;
    height: 100%;
    margin: 0
}

.photoGroupAll {
    overflow: hidden;
    padding: .5rem
}

.photoGroup {
    height: 8rem;
    margin-top: 2%
}

.photoGroupAll .photoGroup .photoGroup-a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: 微软雅黑;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3
}

.photoGroup-img {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.photoGroup-curtain {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.photoGroup-curtainDefault {
    background-color: rgba(0, 0, 0, .4);
    height: 1.3rem
}

.photoGroup-FontDiv {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.photoGroup-title {
    bottom: 2%;
    font-size: .7rem;
    left: 2%;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    z-index: 2
}

.photoGroup-photoNum {
    bottom: 2%;
    font-size: .6rem;
    position: absolute;
    right: 2%;
    text-align: right;
    width: 34%;
    z-index: 2
}

.fk-photoGroupStyle2 {
    float: left;
    width: 49%
}

.fk-photoGroupStyle2:first-child,
.fk-photoGroupStyle2:nth-child(2) {
    margin-top: 0
}

.fk-photoGroupStyle2:nth-child(2n+2) {
    margin-left: 2%
}

.fk-photoGroupStyle1:first-child {
    margin-top: 0
}

.fk-photoGroupStyle {
    height: auto;
    width: 100%
}

.fk-photoGroupStyle .f-photoGroup-a {
    background: #fff;
    border: 1px solid #e6e6e6;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fk-photoGroupStyle .f-photoGroup-descWrap {
    padding: 0 .9rem
}

.fk-photoGroupStyle .f-photoGroup-title {
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    height: 2rem;
    line-height: 2rem;
    position: static;
    text-align: center;
    width: auto
}

.fk-photoGroupStyle .f-photoGroup-detail {
    border-top: 1px solid #ededed;
    box-sizing: border-box;
    color: #999;
    font-size: .6rem;
    line-height: .8rem;
    padding: .8rem 0;
    text-align: left;
    white-space: nowrap
}

.fk-photoGroupStyle .f-photoGroup-detailText {
    display: block;
    height: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.fk-photoGroupStyle .f-photoGroup-img {
    height: 8.63rem;
    position: relative
}

.fk-photoGroupStyle .f-photoGroup-photoNum {
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    color: #fff;
    font-size: .6rem;
    height: 1.1rem;
    left: 0;
    line-height: 1.1rem;
    position: absolute;
    text-align: right;
    width: 100%
}

.fk-photoGroupAll4 .f-photoGroup-img-mask,
.fk-photoGroupAll5 .f-photoGroup-img-mask {
    zindex: 1;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fk-photoGroupAll3 .f-photoGroup-a,
.fk-photoGroupAll4 .f-photoGroup-a,
.fk-photoGroupAll5 .f-photoGroup-a {
    border: 1px solid #e6e6e6
}

.fk-photoGroupAll3 .f-photoGroup-photoNum,
.fk-photoGroupAll4 .f-photoGroup-photoNum,
.fk-photoGroupAll5 .f-photoGroup-photoNum {
    box-sizing: border-box;
    padding-right: .25rem
}

.fk-photoGroupAll3 .fk-photoGroupStyle {
    margin: 1rem .5rem 0;
    width: auto
}

.fk-photoGroupAll3 .f-photoGroupAll-wrap {
    padding-bottom: .5rem
}

.fk-photoGroupAll3 .fk-photoGroupStyle:first-child {
    margin-top: .5rem
}

.fk-photoGroupAll4 .f-photoGroup-a {
    box-sizing: border-box;
    width: 14.5rem
}

.fk-photoGroupAll4 .f-photoGroupAll-wrap {
    box-sizing: border-box;
    font-size: 0;
    max-height: 15rem;
    padding: .5rem 1rem;
    transition: transform .3s;
    white-space: nowrap;
    width: 14.5rem
}

.fk-photoGroupAll4 .fk-photoGroupStyle {
    box-sizing: border-box;
    display: inline-block;
    font-size: .6rem;
    margin-top: 0;
    transform: scale(.86);
    transform-origin: center center;
    vertical-align: middle;
    width: 12.5rem
}

.fk-photoGroupAll4 .f-small {
    transition: transform .3s
}

.fk-photoGroupAll4 .f-active {
    transform: scale(1)
}

.fk-photoGroupAll5 .fk-photoGroupStyle {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 14.5rem;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    transition: transform .3s;
    width: 13.5rem;
    z-index: 1
}

.fk-photoGroupAll5 .f-photoGroupAll-wrap {
    height: 15.2rem;
    padding: .5rem 0 .75rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: auto
}

.fk-photoGroupAll5 .f-photoGroup-img {
    height: 9.55rem
}

.fk-photoGroupAll5 .fk-photoGroupStyle {
    display: none
}

.fk-photoGroupAll5 .fk-photoGroupStyle:first-child {
    display: block;
    transform: translateY(-.325rem);
    z-index: 4
}

.fk-photoGroupAll5 .f-toOne.f-toOne.f-toOne {
    transform: translateY(-.325rem);
    width: 13.5rem;
    z-index: 3
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(2) {
    display: block;
    transform: translate(0);
    width: 12.9rem;
    z-index: 2
}

.fk-photoGroupAll5 .f-toTwo.f-toTwo.f-toTwo {
    transform: translate(0);
    width: 12.9rem;
    z-index: 2
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(3) {
    display: block
}

.fk-photoGroupAll5 .f-toThree.f-toThree.f-toThree,
.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(3),
.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(4) {
    transform: translateY(.325rem);
    width: 12.3rem;
    z-index: 1
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(4) {
    display: block
}

.fk-photoGroupAll5 .f-toLeft.f-toLeft.f-toLeft {
    transform: translate(-150%) rotate(-10deg)
}

.fk-photoGroupAll5 .f-toRight.f-toRight.f-toRight {
    transform: translate(150%) rotate(10deg)
}

.fk-photoGroupAll5 .fk-photoGroupStyle .photoGroup-a {
    border-radius: .2rem;
    height: auto
}

.ps-active {
    overflow-y: hidden !important
}

.sortPanelList .pgName {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, 黑体, Arial, Tahoma
}

.moduleContent .fk-productGroup .first_panel .product_market {
    height: 5rem
}

.moduleContent .fk-productGroup .first_panel .product_market_price {
    bottom: 1.6rem
}

.moduleContent .fk-productGroup .first_panel .product_market_btn {
    bottom: .3rem;
    right: auto
}

.pageLoading {
    background-color: #fff;
    height: 100%;
    overflow: hidden
}

.fk-circle,
.pageLoading {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fk-circle {
    bottom: 0;
    height: 40px;
    margin: auto;
    width: 40px
}

.fk-circle .fk-child {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fk-circle .fk-child:before {
    animation: fk-circleBounceDelay 1.2s ease-in-out infinite both;
    background-color: #bfbfbf;
    border-radius: 100%;
    content: "";
    display: block;
    height: 20%;
    margin: 0 auto;
    width: 20%
}

.fk-circle .fk-circle2 {
    transform: rotate(40deg)
}

.fk-circle .fk-circle3 {
    transform: rotate(80deg)
}

.fk-circle .fk-circle4 {
    transform: rotate(120deg)
}

.fk-circle .fk-circle5 {
    transform: rotate(160deg)
}

.fk-circle .fk-circle6 {
    transform: rotate(200deg)
}

.fk-circle .fk-circle7 {
    transform: rotate(240deg)
}

.fk-circle .fk-circle8 {
    transform: rotate(280deg)
}

.fk-circle .fk-circle9 {
    transform: rotate(320deg)
}

.fk-circle .fk-circle10 {
    transform: rotate(270deg)
}

.fk-circle .fk-circle11 {
    transform: rotate(300deg)
}

.fk-circle .fk-circle12 {
    transform: rotate(330deg)
}

.fk-circle .fk-circle2:before {
    animation-delay: -.8s
}

.fk-circle .fk-circle3:before {
    animation-delay: -.7s
}

.fk-circle .fk-circle4:before {
    animation-delay: -.6s
}

.fk-circle .fk-circle5:before {
    animation-delay: -.5s
}

.fk-circle .fk-circle6:before {
    animation-delay: -.4s
}

.fk-circle .fk-circle7:before {
    animation-delay: -.3s
}

.fk-circle .fk-circle8:before {
    animation-delay: -.2s
}

.fk-circle .fk-circle9:before {
    animation-delay: -.1s
}

.fk-circle .fk-circle10:before {
    animation-delay: -.3s
}

.fk-circle .fk-circle11:before {
    animation-delay: -.2s
}

.fk-circle .fk-circle12:before {
    animation-delay: -.1s
}

@keyframes fk-circleBounceDelay {

    0%,
    80%,
    to {
        background-color: #bfbfbf;
        transform: scale(0)
    }

    40% {
        background-color: #bfbfbf;
        transform: scale(1)
    }
}

.fk-productGroup .grid_photo_panel {
    margin: auto;
    overflow: hidden;
    padding-top: 1rem;
    width: 13.5rem
}

.fk-productGroup .img_panel_wrap {
    float: left;
    margin-bottom: 1rem;
    margin-right: 1rem
}

.fk-productGroup .img_panel_wrap:nth-child(4n) {
    margin-right: 0
}

.fk-productGroup .grid_photo_panel .img_panel {
    width: 2.625rem
}

.fk-productGroup .grid_photo_panel .img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.625rem;
    width: 2.625rem
}

.fk-productGroup .grid_photo_panel .text {
    color: #666;
    font-size: .5rem;
    margin-top: .5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 2.625rem
}

.fk-productGroup .text_panel {
    padding: 0 .75rem
}

.fk-productGroup .text_panel .text_item {
    border-bottom: 1px solid #ebebeb;
    height: 2rem;
    line-height: 2rem
}

.fk-productGroup .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.group-list .group-item {
    background: #fff
}

.group-list .group-item .j-lineH {
    align-items: center;
    display: flex;
    min-height: 2rem
}

.group-list .group-item .hide-icon:after {
    display: none
}

.group-list .group-item .icon-gline:after {
    top: auto;
    transition: all .3s
}

.group-list .group-item .rotate-icon:after {
    transform: rotate(90deg)
}

.group-list .group-item .last_separator {
    display: none
}

.group-list .group-item .rotate-icon~.child-group-container,
.group-list .group-item .rotate-icon~.last_separator {
    display: block
}

.group-list .group-item .child-group-container {
    display: none;
    padding: 0 .64rem;
    transition: all .3s
}

.group-list .group-item .g_productSort_name {
    width: 100%
}

.group-list .group-item .second-line {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    padding: .64rem .6rem .63rem .2133rem;
    position: relative;
    width: 100%
}

.group-list .group-item .second-line.icon-gline:after {
    right: -.1rem
}

.group-list .group-item .first-group-name {
    color: #333;
    font-size: .7rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.group-list .group-item .second-group-name {
    color: #333;
    display: block;
    font-size: .6rem;
    line-height: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.group-list .group-item .rotate-icon~.third-list {
    display: flex
}

.group-list .group-item .third-list .third-item {
    color: #666;
    display: inline-block;
    font-size: .512rem;
    margin: 0 .2rem .8rem;
    width: 4.4rem
}

.third-list {
    display: none;
    flex-wrap: wrap;
    transition: all .3s
}

.third-list .third-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.third_group_name_wrap .group-list .third-list .f-thirdGroupName {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all
}

.fk-productGroup.sec_group_name_wrap .second-line .second-group-name {
    width: 100%
}

.sortPanelList .pgName {
    -o-text-overflow: ellipsis
}

.formStyle28 .sortPanelList .pgName,
.formStyle47 .sortPanelList .pgName {
    width: 100%
}

.sortPanelList .navLineTitle {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.sortPanelList .pgMark {
    float: right;
    font-size: .9rem;
    margin: .4rem .55rem 0 0
}

.pgDetail,
.pgListDiv {
    background-color: #fff
}

.pgDetail {
    font-size: .75rem;
    position: relative
}

.pgDetail .pgBox {
    background-color: #fff;
    width: 100%
}

.pgDetail .pgBoxCollapse {
    transition: all .5s;
    width: 40%
}

.pgDetail .pgBox .g_globalLine {
    height: 2.5rem;
    margin: 0 .4rem;
    width: 100%
}

.pgDetail .pgBox .pgModeTitle,
.pgDetail .pgBox .pgName {
    color: #000;
    display: inline-block;
    float: left;
    font-size: .7rem;
    font-weight: 400;
    height: 2.5rem;
    line-height: 2.5rem;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    word-break: keep-all
}

.pgDetail .pgBox .pgBox2Item {
    background-color: #f7f7f7;
    height: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    transition: all .3s;
    width: 100%;
    z-index: 20
}

.pgDetail .pgBox .pgBox2Item .pgName {
    border-top: 1px solid #f2f2f2;
    box-sizing: border-box;
    padding: 0 .5rem 0 1rem
}

.pgDetail .pgBox .icon-upIcon {
    display: inline-block;
    float: right;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: .5rem
}

.pgBox2Item .pgDetail .pgBox .line .pgBoxItem {
    background-color: #e3e3e3
}

.pgDetail .pgBoxItem {
    padding-left: 1rem
}

.icon-payMode {
    float: left;
    font-size: 1rem;
    margin-right: .75rem
}

.icon-payMode,
.icon-selectedPayMode {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem
}

.icon-selectedPayMode {
    font-size: .8rem;
    margin-right: .3rem;
    vertical-align: middle
}

.payMode1:before {
    color: #5bb741;
    content: ""
}

.payMode2:before {
    color: #e42a3a;
    content: ""
}

.payMode3:before {
    color: #ff8100;
    content: ""
}

.payMode4:before,
.payMode5:before,
.payMode6:before,
.payMode8:before,
.payMode12:before,
.payMode13:before {
    color: #00a0e9;
    content: ""
}

.payMode9:before {
    color: #0066e4;
    content: ""
}

.payMode7:before {
    color: #00a0e9;
    content: ""
}

.payMode10:before,
.payMode11:before,
.payMode14:before {
    color: #75d42f;
    content: ""
}

.payMode50:before {
    color: #ffb246;
    content: "򰍩"
}

.payMode51:before {
    color: #00a0e9;
    content: ""
}

.payMode52:before,
.payMode53:before,
.payMode54:before,
.payMode55:before {
    color: #75d42f;
    content: ""
}

.payMode58:before {
    color: #00a0e9;
    content: ""
}

.payModeOnline:before {
    color: #ffb246;
    content: "򰍩"
}

.icon-weChat:before {
    color: #74d32d;
    content: "򰅀"
}

.icon-apliyPay:before {
    color: #00a0ea;
    content: "򰄷"
}

.icon-return:before {
    color: #000;
    content: "򰄳"
}

.pgDetail .pgBox .pgSelect {
    background-color: #e3e3e3;
    height: 1.6rem;
    left: .4rem;
    position: absolute;
    width: 98%
}

.pgDetail .pgBox2 {
    background-color: #e3e3e3;
    height: 100%;
    left: 100%;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    width: 60%
}

.pgDetail .pgBox2Collapse {
    left: 40%;
    position: absolute;
    top: 0;
    transition: all .3s
}

.pgDetail .pgBox2 .pgBox2Item {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.pgDetail .pgBox2 .pgName {
    clear: both;
    color: #000;
    display: block;
    float: left;
    font-size: .7rem;
    font-weight: 400;
    height: 2rem;
    line-height: 2rem;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    word-break: keep-all
}

.pgDetail .pgBox2 .pgBox2ItemCollapse {
    display: block;
    left: 5%;
    position: relative;
    top: 0;
    transition: all .3s
}

.icon-gline:after {
    pointer-events: none
}

.pgLinkWrap {
    display: block;
    overflow: hidden
}

.jz_vertical_group_has_photo .first_group,
.jz_vertical_group_has_product .first_group,
.jz_vertical_group_no_photo .first_group {
    background: #f8f8f8;
    float: left;
    height: 100%;
    position: relative;
    width: 3.875rem
}

.jz_vertical_group_has_product .first_panel {
    margin-left: 4.375rem;
    margin-right: .5rem;
    overflow: hidden;
    position: relative
}

.jz_landscape_group_has_photo .first_groupitem,
.jz_landscape_group_has_product .first_groupitem {
    cursor: pointer;
    height: 2rem;
    line-height: 2rem;
    text-align: center
}

.jz_vertical_group_has_photo .first_groupitem,
.jz_vertical_group_has_product .first_groupitem,
.jz_vertical_group_no_photo .first_groupitem {
    cursor: pointer;
    height: 2.16rem;
    line-height: 2.16rem;
    text-align: center
}

.jz_vertical_group_has_photo .first_groupitem.selected,
.jz_vertical_group_has_product .first_groupitem.selected,
.jz_vertical_group_no_photo .first_groupitem.selected {
    background: #fff;
    cursor: default
}

.jz_landscape_group_has_photo .first_groupitem .first_groupname,
.jz_landscape_group_has_product .first_groupitem .first_groupname,
.jz_vertical_group_has_photo .first_groupitem .first_groupname,
.jz_vertical_group_has_product .first_groupitem .first_groupname,
.jz_vertical_group_no_photo .first_groupitem .first_groupname {
    display: inline-block;
    font-size: .6rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.jz_vertical_group_has_product .first_panel .product_item {
    border-bottom: 1px solid #f5f5f5;
    height: 4rem;
    margin: .5rem 0;
    padding-bottom: .5rem;
    position: relative
}

.jz_vertical_group_has_product .first_panel a:last-child .product_item {
    border-bottom: none
}

.jz_landscape_group_has_product .first_panel .product_item .img_panel,
.jz_vertical_group_has_product .first_panel .product_item .img_panel {
    display: inline-block;
    height: 4rem;
    margin-right: .5rem;
    position: relative;
    vertical-align: bottom;
    width: 4rem
}

.jz_landscape_group_has_product .first_panel .product_item .photoListImg,
.jz_vertical_group_has_product .first_panel .product_item .photoListImg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #eee;
    border-radius: .15rem;
    padding-top: 4rem;
    width: 100%
}

.jz_landscape_group_has_product .first_panel .price_panel,
.jz_vertical_group_has_product .first_panel .price_panel {
    bottom: .65rem;
    position: absolute
}

.jz_landscape_group_has_product .first_panel .price_panel2,
.jz_vertical_group_has_product .first_panel .price_panel2 {
    bottom: .15rem;
    max-width: 5.33rem;
    position: absolute
}

.jz_landscape_group_has_product .first_panel .mall_cart,
.jz_vertical_group_has_product .first_panel .mall_cart {
    border-radius: 50%;
    bottom: .65rem;
    cursor: pointer;
    height: 1rem;
    position: absolute;
    right: .3rem;
    width: 1rem
}

.jz_landscape_group_has_product .first_panel .mall_cart span,
.jz_vertical_group_has_product .first_panel .mall_cart span {
    color: #fff;
    font-size: .525rem;
    height: .525rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .525rem
}

.jz_landscape_group_has_product .first_panel .booking_btn,
.jz_vertical_group_has_product .first_panel .booking_btn {
    border-radius: .1rem;
    bottom: .7rem;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: .5rem;
    height: 1.05rem;
    line-height: 1.05rem;
    margin: 0;
    max-width: 2.6rem;
    min-width: 1.6rem;
    overflow: hidden;
    padding: 0 .25rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.jz_landscape_group_has_product .first_panel .price_panel .unit,
.jz_vertical_group_has_product .first_panel .price_panel .unit {
    font-size: .6rem
}

.jz_landscape_group_has_product .first_panel .price_panel .num1,
.jz_vertical_group_has_product .first_panel .price_panel .num1 {
    font-size: .75rem
}

.jz_landscape_group_has_product .first_panel .price_panel .num2,
.jz_vertical_group_has_product .first_panel .price_panel .num2 {
    font-size: .55rem
}

.jz_landscape_group_has_product .first_panel .price_panel .vipName,
.jz_vertical_group_has_product .first_panel .price_panel .vipName {
    border-radius: .1rem;
    color: #fff;
    display: inline-block;
    font-size: .45rem;
    padding: 0 .15rem;
    text-align: center
}

.jz_landscape_group_has_product .first_panel .price_panel .linePrice,
.jz_vertical_group_has_product .first_panel .price_panel .linePrice {
    color: #999;
    font-size: .5rem;
    text-decoration: line-through
}

.jz_landscape_group_has_product .first_panel .price_panel2 .price_wrap,
.jz_vertical_group_has_product .first_panel .price_panel2 .price_wrap {
    align-items: flex-end;
    display: inline-flex
}

.jz_landscape_group_has_product .first_panel .price_panel2 .price_wrap span,
.jz_vertical_group_has_product .first_panel .price_panel2 .price_wrap span {
    margin-right: .21rem
}

.jz_landscape_group_has_product .first_panel .price_panel2 .unit,
.jz_vertical_group_has_product .first_panel .price_panel2 .unit {
    font-size: .6rem
}

.jz_landscape_group_has_product .first_panel .price_panel2 .num1,
.jz_vertical_group_has_product .first_panel .price_panel2 .num1 {
    font-size: .75rem;
    margin-left: -.25rem
}

.jz_landscape_group_has_product .first_panel .price_panel2 .num2,
.jz_vertical_group_has_product .first_panel .price_panel2 .num2 {
    font-size: .55rem;
    margin-left: -.15rem
}

.jz_landscape_group_has_product .first_panel .price_panel2 .vipName,
.jz_vertical_group_has_product .first_panel .price_panel2 .vipName {
    border-radius: .1rem;
    color: #fff;
    display: inline-block;
    font-size: .45rem;
    padding: 0 .15rem;
    text-align: center
}

.jz_landscape_group_has_product .first_panel .price_panel2 .linePrice,
.jz_vertical_group_has_product .first_panel .price_panel2 .linePrice {
    color: #999;
    font-size: .5rem;
    overflow: hidden;
    text-decoration: line-through;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_landscape_group_has_product .first_panel .right_content .title,
.jz_vertical_group_has_product .first_panel .right_content .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .6rem;
    margin-top: .15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-word
}

.jz_vertical_group_has_product .first_panel .group_name {
    color: #333;
    font-size: .6rem;
    margin-top: .5rem
}

.jz_landscape_group_has_photo .first_grouplist,
.jz_landscape_group_has_product .first_grouplist {
    height: 2rem;
    padding: 0 .6rem
}

.jz_landscape_group_has_photo .first_group,
.jz_landscape_group_has_product .first_group {
    border-bottom: 1px solid #f0f0f0;
    height: 2rem;
    overflow: hidden
}

.jz_landscape_group_has_photo .first_groupitem,
.jz_landscape_group_has_product .first_groupitem {
    float: left;
    margin-right: 1rem;
    max-width: 6rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.jz_landscape_group_has_photo .first_groupitem.selected,
.jz_landscape_group_has_product .first_groupitem.selected {
    cursor: default
}

.jz_landscape_group_has_product .first_panel {
    position: relative
}

.jz_landscape_group_has_product .first_panel .product_item {
    border-bottom: 1px solid #f5f5f5;
    height: 4rem;
    margin: .5rem .475rem .5rem .75rem;
    padding-bottom: .5rem;
    position: relative
}

.jz_landscape_group_has_product .first_panel a:last-child .product_item {
    border-bottom: none
}

.jz_landscape_group_has_product .first_panel .group_name {
    color: #333;
    font-size: .6rem;
    margin: .75rem 0 1rem .75rem
}

.jz_landscape_group_has_photo .first_panel .second_group_panel,
.jz_vertical_group_has_photo .first_panel .second_group_panel,
.jz_vertical_group_no_photo .first_panel .second_group_panel {
    display: none
}

.jz_landscape_group_has_photo .first_panel .second_group_panel.selected,
.jz_vertical_group_has_photo .first_panel .second_group_panel.selected,
.jz_vertical_group_no_photo .first_panel .second_group_panel.selected {
    display: block;
    overflow: hidden
}

.jz_vertical_group_has_photo .first_panel,
.jz_vertical_group_no_photo .first_panel {
    margin-left: 3.875rem;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

.jz_landscape_group_has_photo .first_panel .second_groupitem,
.jz_vertical_group_has_photo .first_panel .second_groupitem,
.jz_vertical_group_no_photo .first_panel .second_groupitem {
    margin: .75rem 0;
    overflow: hidden
}

.jz_vertical_group_has_photo .second_group_panel .second_groupitem .group_img_wrap {
    display: flex;
    flex-wrap: wrap
}

.jz_landscape_group_has_photo .first_panel .sed_groupname,
.jz_vertical_group_has_photo .first_panel .sed_groupname,
.jz_vertical_group_no_photo .first_panel .sed_groupname {
    color: #333;
    font-size: .6rem
}

.jz_landscape_group_has_photo .group_img_wrap,
.jz_vertical_group_has_photo .group_img_wrap,
.jz_vertical_group_no_photo .group_img_wrap {
    border-bottom: 1px solid #f5f5f5;
    margin-top: .75rem
}

.jz_landscape_group_has_photo .second_groupitem:last-child .group_img_wrap,
.jz_vertical_group_has_photo .second_groupitem:last-child .group_img_wrap,
.jz_vertical_group_no_photo .second_groupitem:last-child .group_img_wrap {
    border-bottom: none
}

.jz_landscape_group_has_photo .group_img_wrap .f-imgContainer,
.jz_vertical_group_has_photo .group_img_wrap .f-imgContainer,
.jz_vertical_group_no_photo .group_img_wrap .f-imgContainer {
    display: inline-block;
    height: 2.625rem;
    line-height: 2.625rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.jz_landscape_group_has_photo .f-groupImgContainer,
.jz_vertical_group_has_photo .f-groupImgContainer {
    float: left;
    position: relative
}

.jz_vertical_group_has_photo .f-groupImgContainer {
    margin-bottom: 10%;
    margin-right: 10%;
    width: 25.92%
}

.jz_landscape_group_has_photo .f-groupImgContainer {
    margin-bottom: 7.4%;
    margin-right: 7.4%;
    width: 19.45%
}

.jz_landscape_group_has_photo .f-less-margin-groupImgContainer {
    margin-right: 6.6%
}

.jz_landscape_group_has_photo .f-groupImgContainer:nth-child(4n),
.jz_vertical_group_has_photo .f-groupImgContainer:nth-child(3n),
.jz_vertical_group_no_photo .f-groupImgContainer:nth-child(3n) {
    margin-right: 0
}

.jz_landscape_group_has_photo .f-groupImgContainer .f-itemImgName,
.jz_vertical_group_has_photo .f-groupImgContainer .f-itemImgName {
    color: #666;
    font-size: .6rem;
    margin-top: .3rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_landscape_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg,
.jz_vertical_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg,
.jz_vertical_group_no_photo .group_img_wrap .f-imgContainer .f-itemImg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    font-size: 2.625rem;
    padding-top: 2.625rem;
    width: 100%
}

.jz_landscape_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg.isFontIcon,
.jz_vertical_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg.isFontIcon,
.jz_vertical_group_no_photo .group_img_wrap .f-imgContainer .f-itemImg.isFontIcon {
    padding-top: 0
}

.jz_landscape_group_has_photo .first_panel {
    margin: 0 1.25rem;
    position: relative
}

.jz_landscape_group_has_photo .quick_in,
.jz_landscape_group_has_product .quick_in {
    top: 1.85rem
}

.jz_vertical_group_no_photo .f-groupImgContainer .f-itemImgName {
    color: #666;
    font-size: .6rem;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_vertical_group_no_photo .f-groupImgContainer {
    float: left;
    margin-bottom: 1rem;
    margin-right: .75rem;
    position: relative;
    width: 27.4%
}

.jz_vertical_group_no_photo .f-groupImgContainer-7 {
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    padding: .75rem 0;
    width: 100%
}

.jz_vertical_group_no_photo .first_panel .second_groupitem_7 {
    margin: 0
}

.jz_landscape_group_has_photo .faisco-icons-pic,
.jz_vertical_group_has_photo .faisco-icons-pic {
    font-size: 2.625rem
}

.categoryModel {
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: auto
}

.categoryModel::-webkit-scrollbar {
    display: none !important
}

.sortPanelList .pgName {
    display: inline-block;
    float: left;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-weight: 400;
    height: 1.9rem;
    line-height: 1.9rem;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: normal;
    width: 90%;
    word-break: keep-all
}

.sortPanelList .paNameFillWidth {
    width: 100%
}

.sortPanelList .line:before {
    background: #999;
    border-radius: 100%;
    content: "";
    height: .2rem;
    left: .45rem;
    position: absolute;
    top: 50%;
    top: calc(50% - .1rem);
    width: .2rem
}

.separatorLine {
    border-style: none
}

.g_separator {
    background: #f0f0f0
}

.icon-gline:after {
    color: #666;
    content: "";
    font-size: .8rem;
    position: absolute;
    right: .5rem;
    top: .6rem
}

.sortPanelList .line {
    padding-left: 1rem
}

.sortPanelList .pgName {
    height: 2rem;
    line-height: 2rem
}

.productMallOptionHead .productMallOptionImage .productMallOptionImageContent .imageMiddleSpan {
    display: inline
}

.fk-productGroup.group_cus_pic .f-imgContainer {
    height: auto;
    line-height: normal;
    width: auto
}

.fk-productGroup.group_cus_pic .f-groupImgContainer {
    height: auto;
    width: auto
}

.fk-productGroup.group_cus_pic .f-itemImg {
    overflow: hidden;
    text-align: center
}

.jz_vertical_group_has_photo.group_cus_pic .first_panel,
.jz_vertical_group_no_photo.group_cus_pic .first_panel {
    padding: 0 0 0 1rem
}

.jz_vertical_group_has_photo.group_cus_pic .f-groupImgContainer:nth-child(3n),
.jz_vertical_group_no_photo.group_cus_pic .f-groupImgContainer:nth-child(3n) {
    margin-right: 10%
}

.jz_vertical_group_has_photo.group_cus_pic .sed_groupname,
.jz_vertical_group_no_photo.group_cus_pic .sed_groupname {
    padding-right: 1rem
}

.jz_landscape_group_has_photo.group_cus_pic .first_panel {
    margin: 0 0 0 1.25rem
}

.jz_landscape_group_has_photo.group_cus_pic .group_banner,
.jz_vertical_group_has_photo.group_cus_pic .group_banner {
    margin-right: 1.25rem
}

.fk-jz_landscape_group_has_product.product_cus_pic .first_panel .product_item,
.jz_landscape_group_has_product.product_cus_pic .first_panel .product_item .img_panel,
.jz_vertical_group_has_product.product_cus_pic .first_panel .product_item .img_panel {
    height: auto;
    width: auto
}

.jz_landscape_group_has_product.product_cus_pic .first_panel .product_item .right_content,
.jz_vertical_group_has_product.product_cus_pic .first_panel .product_item .right_content {
    position: static;
    width: auto
}

.jz_landscape_group_has_product.product_cus_pic .first_panel .product_item {
    display: flex;
    height: auto;
    min-height: 4rem
}

.jz_landscape_group_has_product.product_cus_pic .first_panel .right_content .title,
.jz_vertical_group_has_product.product_cus_pic .first_panel .right_content .title {
    word-break: break-all
}

.jz_vertical_group_has_product.product_cus_pic .first_panel .product_item {
    display: flex;
    height: auto;
    min-height: 4rem
}

.fk-productGroup.cus_pic_scale {
    background-position: 50%
}

.fk-productGroup.cus_first_lev_text .first_groupname {
    font-size: inherit;
    text-decoration: inherit
}

.fk-productGroup .defaultBannerTip {
    bottom: .2rem;
    color: #a9a9a9;
    font-size: .3rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.fk-productGroup .group_banner {
    background-image: url(/image/v2/pdg_default.jpg?v=202306291520);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.jz_landscape_group_has_product .first_panel .group_banner {
    border-radius: .1rem;
    height: 3rem;
    margin: .75rem
}

.jz_vertical_group_has_product .first_panel .group_banner {
    border-radius: .2rem;
    height: 3.85rem;
    margin-top: .75rem
}

.jz_vertical_group_has_photo .first_panel .group_banner {
    border-radius: .2rem;
    height: 3.85rem;
    margin-bottom: .15rem;
    margin-top: .75rem
}

.jz_landscape_group_has_photo .first_panel .group_banner,
.jz_vertical_group_no_photo .first_panel .group_banner {
    border-radius: .2rem;
    height: 3.85rem;
    margin-top: .75rem
}

.fk-productGroup.group_style_4 .group_banner {
    height: 3.85rem;
    margin-left: auto;
    margin-right: auto;
    width: 14.5rem
}

.fk-productGroup.group_style_4 .first_panel .group_banner {
    border-radius: .2rem
}

.fk-productGroup.group_style_5 .group_banner,
.fk-productGroup.group_style_7 .group_banner {
    margin-left: -.5rem;
    width: 11.125rem
}

.fk-productGroup.group_style_6 .group_banner {
    margin-left: -.5rem;
    width: 14.5rem
}

.fk-productGroup.group_style_4 .group_banner,
.fk-productGroup.group_style_6 .group_banner {
    background-image: url(/image/v2/pdg_default_02.jpg?v=202306291520)
}

.fk-productGroup.first_group_name_wrap .first_groupitem {
    height: auto
}

.fk-productGroup.first_group_name_wrap .first_groupname {
    vertical-align: top;
    white-space: normal;
    word-break: break-word
}

.fk-productGroup.first_group_name_no_wrap .first_groupname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fk-productGroup.first_group_name_wrap .pgName {
    height: auto;
    text-overflow: clip;
    white-space: normal;
    word-break: break-all
}

.fk-productGroup.first_group_name_wrap.group_style_9 .text_item,
.fk-productGroup.first_group_name_wrap.group_style_10 .text_item {
    height: auto
}

.fk-productGroup.sec_group_name_no_wrap .sed_groupname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fk-productGroup.sec_group_name_wrap .sed_groupname {
    text-overflow: clip;
    white-space: normal;
    width: auto;
    word-break: break-word
}

.fk-productGroup.sec_group_name_wrap .f-itemImgName {
    text-overflow: clip;
    white-space: normal;
    width: auto;
    word-break: break-all
}

.fk-productGroup.third_group_name_wrap .f-thirdGroupName {
    text-overflow: clip;
    white-space: normal;
    width: auto;
    word-break: break-word
}

.fk-productGroup.product_name_no_wrap .right_content .title,
.fk-productGroup.third_group_name_no_wrap .f-thirdGroupName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fk-productGroup.product_name_no_wrap .right_content .title,
.fk-productGroup.product_name_wrap .right_content .title {
    display: block
}

.proImgSwipe {
    text-align: center;
    visibility: visible
}

.proDetailImgBox,
.proImgSwipe {
    margin: 0 auto .5rem;
    overflow: hidden;
    position: relative
}

.proDetailImgBox {
    height: 100%
}

.jz_landscape_group_has_product .first_panel .product_item .right_content,
.jz_vertical_group_has_product .first_panel .product_item .right_content {
    display: inline-block;
    height: 100%;
    position: absolute;
    width: calc(100% - 4.5rem)
}

.sortPanelList .line[data-v-50bc4e6d] {
    cursor: pointer;
    overflow: hidden;
    padding-right: .25rem
}

.line[data-v-50bc4e6d] {
    background-position: .25rem 1rem;
    background-repeat: no-repeat;
    clear: both;
    padding-left: .5rem;
    padding-right: 1.6rem;
    position: relative
}

.isNewAddModule .mProductList .proListBookingBtn {
    border-radius: .5rem;
    font-size: .5rem;
    height: 1rem;
    line-height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    min-width: 0;
    min-width: auto;
    padding: 0 .5rem;
    top: 0
}

.isNewAddModule .mProductList .mallCartSvg {
    border-radius: 50%;
    height: .95rem;
    width: .95rem
}

.isNewAddModule .fk-mProductList3 .textAlign_center .f-mallCart,
.isNewAddModule .fk-mProductList7 .textAlign_center .f-mallCart,
.isNewAddModule .fk-mProductList8 .textAlign_center .f-mallCart,
.isNewAddModule .fk-mProductList32 .textAlign_center .f-mallCart,
.isNewAddModule .mProductList .jz_productScr .textAlign_center .f-mallCart {
    position: static
}

.isNewAddModule .mProductList .marketPrice {
    font-size: .45rem;
    line-height: normal
}

.isNewAddModule .mProductList .marketPrice .deleteLine {
    color: #9c9c9c;
    text-decoration: line-through !important;
    white-space: normal;
    word-break: break-all
}

.isNewAddModule .mProductList .mallPrice {
    font-size: .6rem;
    line-height: normal;
    white-space: nowrap;
    word-break: break-all
}

.isNewAddModule .mProductList .f-mallCart svg {
    fill: #fff;
    color: transparent;
    height: .95rem;
    width: .95rem
}

.isNewAddModule .mProductList .priceAndBtnWrap {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.isNewAddModule .mProductList .priceAndBtnWrap.noPriceClass {
    justify-content: flex-start;
    padding-top: .3rem
}

.isNewAddModule .mProductList .verticalPrice .textAlign_center .priceWrap {
    width: 100%
}

.isNewAddModule .mProductList .priceWrap {
    overflow: hidden
}

.isNewAddModule .mProductList .priceWrap .productParam:first-child {
    margin-top: 0
}

.isNewAddModule .mProductList .horizontalPrice .textAlign_center .priceWrap,
.isNewAddModule .mProductList .horizontalPrice .textAlign_center .salePromition {
    justify-content: center;
    margin-right: 0;
    width: 100%
}

.isNewAddModule .mProductList .horizontalPrice .textAlign_center .salePromition {
    margin-bottom: .2rem
}

.isNewAddModule .mProductList .horizontalPrice .textAlign_left .priceWrap {
    justify-content: flex-start;
    margin-right: 0;
    max-width: calc(100% - .95rem)
}

.isNewAddModule .mProductList .horizontalPrice .textAlign_center .priceWrap .f-mallPriceWrap {
    margin-right: 0;
    max-width: 100%
}

.form .isNewAddModule .mProductList .verticalPrice .textAlign_center .productParam.f-priceWrap,
.form .isNewAddModule .mProductList .verticalPrice .textAlign_center .productParam.paramPrice {
    text-align: center
}

.isNewAddModule .mProductList .horizontalPrice .priceWrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .2rem;
    margin-right: .2rem
}

.form .isNewAddModule .mProductList .horizontalPrice .f-mallPriceWrap {
    margin-bottom: 0;
    margin-right: .35rem;
    margin-top: 0;
    white-space: normal;
    word-break: break-all
}

.form .isNewAddModule .mProductList .verticalPrice .f-mallPriceWrap {
    margin-bottom: 0;
    white-space: normal
}

.form .isNewAddModule .mProductList .horizontalPrice .limitWidth,
.form .isNewAddModule .mProductList .verticalPrice .limitWidth {
    width: 2.99rem
}

.form .isNewAddModule .mProductList .horizontalPrice .f-priceWrap {
    margin-bottom: 0;
    margin-top: 0;
    white-space: normal;
    word-break: break-all
}

.isNewAddModule .mProductList .decimal,
.isNewAddModule .mProductList .dot,
.isNewAddModule .mProductList .priceChar {
    font-size: .5rem;
    font-weight: 700
}

.isNewAddModule .mProductList .interger {
    font-size: .65rem;
    font-weight: 700
}

.isNewAddModule .mProductTileForm .paramCollection {
    margin-top: .4rem
}

.isNewAddModule .mProductList .priceAndBtnWrap.textAlign_center {
    justify-content: center
}

.isNewAddModule .mProductList .jz_productScr .textAlign_center .proListBookingBtn {
    margin-left: .5rem;
    top: 0
}

.form .isNewAddModule .mProductList .productParam.noMarginCLass {
    margin: 0
}

.form .isNewAddModule .mProductList .productParam.paramPrice {
    white-space: normal
}

.form .isNewAddModule .mProductList .promitionPrice {
    text-decoration: none !important
}

.form .isNewAddModule .mProductList .salePromitionWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.form .isNewAddModule .mProductList .textAlign_center .salePromitionWrap {
    justify-content: center
}

.form .isNewAddModule .mProductList .onlyHasPriceClass {
    padding-top: .3rem
}

.f-mallPriceWrap .vipName,
.priceAndBtnWrap .vipName {
    border-radius: .1rem;
    color: #fff;
    display: inline-block;
    font-size: .45rem;
    padding: 0 .15rem;
    text-align: center
}

.priceAndBtnWrap .cartToRight {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.priceAndBtnWrap.textAlign_center .cartToRight {
    justify-content: center
}

.form .mProductList.mProductList .productParamWrap .productParam {
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: normal;
    word-break: break-word
}

.isNewAddModule.colmum2 .fk-mProductList1 {
    display: flex;
    flex-wrap: wrap
}

.isNewAddModule.colmum2 .squareStyle .mProductTileForm.cardWrap {
    margin-bottom: 0;
    padding-top: .75rem
}

.isNewAddModule.colmum2 .mProductTileForm.cardWrap {
    display: inline-flex;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 0 .75rem;
    padding-bottom: 0;
    vertical-align: top;
    width: 5.25rem
}

.isNewAddModule.colmum2 .jz_mergeBorderStyle .mProductTileForm.cardWrap>a {
    align-items: center
}

.isNewAddModule.colmum2 .jz_cardStyle .mProductTileForm.cardWrap {
    max-width: none
}

.isNewAddModule.colmum3 .mProductTileForm.cardWrap {
    padding-bottom: 0
}

.isNewAddModule.colmum3 .fk-mProductList31 {
    display: flex;
    flex-wrap: wrap
}

.isNewAddModule.colmum3 .fk-mProductList31 .mProductTileForm {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 0 .75rem;
    width: 26%
}

.isNewAddModule.colmum2 .fk-mProductList1,
.isNewAddModule.colmum3 .fk-mProductList31 {
    margin: .75rem .5rem 0;
    padding: 0
}

.isNewAddModule.colmum2 .fk-mProductList1.jz_mergeBorderStyle {
    margin-top: 0
}

.isNewAddModule .fk-productListTitle .fk-productListImgWrap {
    width: 100%
}

.fk-productListTitle .fk-productListImgWrap .J_img_lazyload[src$="/transparent.png"] {
    height: 400px
}

.isNewAddModule.colmum2 .mProductTileForm.cardWrap .J_img_lazyload {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 7.25rem;
    width: 100%
}

.isNewAddModule.colmum2 .imgItem {
    padding-top: 0
}

.isNewAddModule.colmum3 .mProductTileForm.cardWrap .J_img_lazyload {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 4.25rem;
    width: 100%
}

.isNewAddModule div.fk-mProductList31 .mProductTileForm .paramCollection {
    width: 100%
}

.form .isNewAddModule.colmum2 .fk-mProductList1 .g_productName,
.form .isNewAddModule.colmum3 .fk-mProductList31 .g_productName {
    font-weight: 400
}

.isNewAddModule .mProductList.fk-mProductList3 .picAndTextWrap {
    box-sizing: border-box;
    display: flex;
    margin-bottom: 0;
    padding: 0 .5rem
}

.form .isNewAddModule .mProductList.fk-mProductList3 .productPicListForm:last-child .g_separator {
    display: none
}

.form .isNewAddModule .mProductList.fk-mProductList3 .productPicListForm {
    margin: .5rem 0
}

.isNewAddModule .fk-mProductList3 .separatorLine {
    bottom: 0;
    position: absolute;
    width: 100%
}

.isNewAddModule .fk-mProductList3 .tableBox .tableCell-30 {
    padding: 0;
    vertical-align: top;
    width: 4.25rem
}

.isNewAddModule .fk-mProductList3 .tableBox .tableCell-30 .style33Img {
    height: 4.25rem;
    width: 4.25rem
}

.isNewAddModule .fk-mProductList3 .tableBox .tableCell {
    padding-left: 0
}

.isNewAddModule .fk-mProductList3 .textWrap {
    margin-left: .5rem;
    min-height: 4.25rem;
    padding-bottom: .5rem;
    position: relative;
    width: 0
}

.isNewAddModule .productPicListForm .separatorLineClass {
    border-bottom: 1px solid #f0f0f0
}

.isNewAddModule .mProductTextForm .separatorLineClass {
    border-bottom: 1px solid #eee
}

.isNewAddModule .mProductTextForm:last-child .separatorLineClass,
.isNewAddModule .productPicListForm:last-child .separatorLineClass {
    border-bottom: none !important
}

.isNewAddModule .fk-mProductList3 .tableBox .tableCell {
    display: block
}

.isNewAddModule .fk-mProductList3 .textWrap {
    flex-grow: 1
}

.isNewAddModule .fk-mProductList3 .tableBox .tableCell-70 {
    width: 100%
}

.isNewAddModule .fk-mProductList7,
.isNewAddModule .fk-mProductList9 {
    padding-top: .75rem
}

.isNewAddModule .productCrossedSlide {
    width: 45%
}

.webContainerBox .isNewAddModule .mProductList .productBullet {
    margin-top: .5rem
}

.isNewAddModule .mProductList.fk-mProductList33 .g_productName {
    font-size: .7rem
}

.isNewAddModule .mProductList .jz_productBigPicSimpleListForm .jz_productScr {
    background-color: transparent
}

.mProductList .jz_productBigPicItem.transparentStyle .J_img_lazyload,
.mProductList .jz_productBigPicSimpleListForm .jz_productBigPicItem .J_img_lazyload {
    border-radius: .2rem
}

.isNewAddModule .fk-mProductList7 .productCrossedSlide:nth-child(2n) {
    margin-left: .5rem;
    margin-right: .5rem
}

.isNewAddModule .fk-mProductList7 .productCrossedSlide:nth-child(odd) {
    margin-left: .5rem
}

.isNewAddModule .fk-mProductList7 .crossedSlideImg,
.isNewAddModule .fk-mProductList7 .fk-productListImgWrap,
.isNewAddModule .fk-mProductList7 .style7Img {
    width: 100%
}

.isNewAddModule .fk-mProductList7 .transparentStyle .style7Img,
.isNewAddModule .fk-mProductList8 .transparentStyle .style7Img,
.isNewAddModule .fk-mProductList9 .transparentStyle .style7Img {
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.isNewAddModule .fk-mProductList7 .productSwipeDiv {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.isNewAddModule .fk-mProductList7 .productCrossedSlide {
    border: none;
    display: flex
}

.isNewAddModule .mProductList.fk-mProductList7 .defaultProName {
    overflow: hidden;
    white-space: inherit
}

.form .isNewAddModule .mProductList.fk-mProductList7 .g_productName,
.form .isNewAddModule .mProductList.fk-mProductList8 .g_productName,
.form .isNewAddModule .mProductList.fk-mProductList9 .g_productName {
    font-weight: 400
}

.isNewAddModule .fk-mProductList8 {
    margin: .75rem .75rem 0
}

.isNewAddModule .fk-mProductList8 .productWaterFall {
    background-color: transparent;
    border: none;
    display: inline-block;
    width: 50%
}

.isNewAddModule .fk-mProductList8 .productWaterFall:nth-child(odd) {
    left: 0;
    margin-left: 0
}

.isNewAddModule .fk-mProductList8 .productWaterFall:nth-child(2n) {
    margin-right: 0;
    right: 0
}

.form .isNewAddModule .fk-mProductList8 .g_productName {
    height: auto !important
}

.form .isNewAddModule .fk-mProductList8 a {
    display: inline-block
}

.form .isNewAddModule .fk-mProductList8 .transparentBg .paramCollection {
    background: transparent
}

.form .isNewAddModule .fk-mProductList8 .whiteBg .paramCollection {
    background: #fff
}

.form .isNewAddModule .fk-mProductList8 .backgroundBg .paramCollection {
    background: #f6f6f6
}

.form .isNewAddModule .fk-mProductList8 a {
    overflow: hidden
}

.isNewAddModule .fk-mProductList9 .productCrossedSlideSec {
    border: none;
    display: flex !important;
    flex-shrink: 0;
    flex-wrap: wrap
}

.isNewAddModule .fk-mProductList9 .productSlideList {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: visible
}

.isNewAddModule .fk-mProductList9 .productSlide {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.form .isNewAddModule .fk-mProductList9 a {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.isNewAddModule .fk-mProductList9 .productCrossedSlideSec .paramCollection {
    box-sizing: border-box;
    width: 100%
}

.form .isNewAddModule .fk-mProductList32 .mProductTextForm .paramCollection {
    margin: .75rem .75rem 0;
    padding: 0 0 .6rem
}

.formStyle3 .product-list-wrap .imageMiddle {
    display: none
}

.fk-mProductList1 .imgClass_160,
.fk-mProductList31 .imgClass_160 {
    align-items: flex-end;
    display: flex
}

.product-list-wrap .fk-mProductList33 .mProductTileForm {
    display: block;
    width: inherit
}

.fk-mProductList9 .f-mallCart:before {
    vertical-align: middle
}

.product-list-wrap .empty_tips_panel {
    padding-bottom: 55px;
    padding-top: 40px;
    text-align: center
}

.product-list-wrap .empty_tips_panel .text {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.form .formMiddle .jz_borderStyle .mProductTileForm .style1Img,
.form .formMiddle .jz_cardStyle .mProductTileForm .style1Img {
    border-radius: 0
}

.fk-mProductList7,
.fk-mProductList9 {
    padding-top: .45rem
}

.fk-mProductList8 {
    margin-top: .45rem
}

.fk-mProductList1 {
    padding-top: .2rem
}

.fk-mProductList1 .f-mallPriceWrap .proListBookingBtn,
.fk-mProductList1 .proListBookingBtn,
.fk-mProductList3 .f-mallPriceWrap .proListBookingBtn,
.fk-mProductList3 .proListBookingBtn,
.fk-mProductList7 .f-mallPriceWrap .proListBookingBtn,
.fk-mProductList7 .proListBookingBtn {
    top: -.2rem
}

.product-list-wrap .mProductTileForm {
    overflow: hidden
}

.form .formMiddle .isNewAddModule.radiusInImg .mProductList .photoListImg {
    border-radius: .2rem
}

.form .formMiddle .isNewAddModule.radiusInwrap .mProductList .photoListImg {
    border-radius: 0
}

.form .formMiddle .isNewAddModule.radiusInwrap .mProductList .imgBorderRadius {
    border-radius: .2rem
}

.form .isNewAddModule .mProductList .g_productName {
    color: #222;
    font-family: PingFang SC;
    font-size: .6rem;
    font-weight: 700;
    margin-bottom: 0;
    word-break: break-word
}

.isNewAddModule .mProductList.fk-mProductList33 .g_productName {
    font-size: .65rem
}

.form .isNewAddModule .mProductList .productParam {
    color: #797979;
    flex-shrink: 0;
    font-family: PingFang SC;
    font-size: .45rem;
    font-weight: 500;
    height: auto;
    line-height: normal;
    margin-bottom: .1rem;
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.jz_theme_1022 .form .isNewAddModule .mProductList.fk-mProductList3 .productParam,
.jz_theme_1022 .form .isNewAddModule .mProductList.fk-mProductList32 .productParam,
.jz_theme_1022 .form .isNewAddModule .mProductList .jz_productBigPicSimpleListForm .productParam,
.jz_theme_1022 .form .isNewAddModule .mProductList .transparentStyle .productParam {
    color: #ababab
}

.jz_theme_1022 .form .isNewAddModule .mProductList.fk-mProductList3 .paramName,
.jz_theme_1022 .form .isNewAddModule .mProductList.fk-mProductList32 .paramName,
.jz_theme_1022 .form .isNewAddModule .mProductList .jz_productBigPicSimpleListForm .paramName,
.jz_theme_1022 .form .isNewAddModule .mProductList .transparentStyle .paramName {
    color: #fff
}

.isNewAddModule.colmum3 .transparentStyle .paramCollection {
    padding-top: .35rem
}

.isNewAddModule .mProductList .jz_productScr {
    margin: 0;
    padding-top: .575rem
}

.isNewAddModule .mProductList .jz_productBigPicListForm {
    margin-top: .75rem
}

.form .isNewAddModule .mProductList .shadowStyle {
    background-color: #fff;
    box-shadow: 0 0 14px 2px rgba(0, 0, 0, .08)
}

.form .isNewAddModule .mProductList .borderStyle {
    background-color: #fff;
    border: 1px solid #eee
}

.form .isNewAddModule .mProductList .backgroundStyle {
    background: #f6f6f6
}

.form .isNewAddModule .mProductList .transparentStyle {
    background: transparent
}

.isNewAddModule .mProductList .backgroundStyle .jz_productScr,
.isNewAddModule .mProductList .backgroundStyle .needPaddingWrap,
.isNewAddModule .mProductList .borderStyle .jz_productScr,
.isNewAddModule .mProductList .borderStyle .needPaddingWrap,
.isNewAddModule .mProductList .shadowStyle .jz_productScr,
.isNewAddModule .mProductList .shadowStyle .needPaddingWrap {
    box-sizing: border-box;
    flex-grow: 1;
    padding: .35rem .4rem .5rem;
    width: 100%
}

.isNewAddModule .mProductList .backgroundStyle .jz_productScr,
.isNewAddModule .mProductList .borderStyle .jz_productScr,
.isNewAddModule .mProductList .shadowStyle .jz_productScr {
    padding-left: .5rem;
    padding-right: .5rem
}

.isNewAddModule .mProductList .transparentStyle .needPaddingWrap {
    padding-left: 0
}

.isNewAddModule .mProductList .borderStyle .jz_productScr,
.isNewAddModule .mProductList .shadowStyle .jz_productScr {
    background-color: #fff
}

.isNewAddModule .mProductList .backgroundStyle .jz_productScr {
    background-color: #f6f6f6
}

.isNewAddModule .mProductList .J_img_lazyload.coverSize {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.isNewAddModule .mProductList .J_img_lazyload.containSize {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.isNewAddModule .mProductList .J_img_lazyload.stretchSize {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.isNewAddModule .mProductList .J_img_lazyload.unsetSize {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-size: initial
}

.isNewAddModule .mProductList .jz_productBigPicListForm {
    margin: .75rem
}

.isNewAddModule .mProductList .jz_productBigPicItem {
    width: 100%
}

.isNewAddModule .mProductList .defaultProName {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.isNewAddModule .mProductList .wrapProName {
    white-space: normal
}

.isNewAddModule .mProductList .noWrapProName {
    white-space: nowrap;
    word-break: break-all
}

.isNewAddModule .mProductList .separatorLine {
    border-top: 1px solid #f0f0f0;
    height: 0
}

.isNewAddModule .jz_cardStyle .paramCollectionWrap {
    background: transparent
}

.form .formMiddle .isNewAddModule .mProductList .backgroundStyle .imgBorderRadius,
.form .formMiddle .isNewAddModule .mProductList .borderStyle .imgBorderRadius,
.form .formMiddle .isNewAddModule .mProductList .shadowStyle .imgBorderRadius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.jz_newTheme .fk-formFold .fk-mProductList31 .mProductTileForm,
.jz_oldTheme .fk-formFold .fk-mProductList31 .mProductTileForm {
    width: 30%
}

.jz_theme_1020 .fk-formFold .productCrossedSlide,
.jz_theme_1028 .fk-formFold .productCrossedSlide,
.jz_theme_1030 .fk-formFold .productCrossedSlide {
    width: 6.8rem
}

.form .isNewAddModule .mProductList a {
    display: flex;
    flex-direction: column;
    width: 100%
}

.isNewAddModule .mProductTileForm .paramCollection {
    margin: 0
}

.isNewAddModule .mProductList .blankDiv {
    opacity: 0
}

.isNewAddModule .mProductList .m_timedAddTag {
    display: inline-block;
    vertical-align: middle
}

.webContainerBox .isNewAddModule .mProductList .bullets li:not(.on) {
    background: #d9d9d9
}

.webContainerBox .isNewAddModule .mProductList .bullets li {
    height: .2rem;
    width: .2rem
}

.webContainerBox .isNewAddModule .mProductList .bullets li.on {
    background: #d9d9d9;
    border-radius: .3rem;
    cursor: pointer;
    display: inline-block;
    height: .2rem;
    opacity: 1;
    transform-origin: 50% 50%;
    width: .7rem
}

.form .formMiddle .isNewAddModule .jz_mergeBorderStyle .imgItem {
    height: auto;
    padding-top: 5.25rem;
    width: 5.25rem
}

.fk-productListImgWrap .f-productListTopFlag {
    right: 0;
    width: 36px
}

.f-productListTopPromotion,
.fk-productListImgWrap .f-productListTopFlag {
    background-color: #fa3b00;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 10
}

.f-productListTopPromotion {
    left: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: auto
}

.productHotTextListTable div.f-productListTopFlag,
.productTextListTable div.f-productListTopFlag {
    background-color: #fa3b00;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px;
    text-align: center;
    width: 36px
}

.fk-productListImgWrap {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.fk-productListTitle .fk-productListImgWrap {
    vertical-align: bottom
}

.productWaterFall .fk-productListImgWrap {
    display: block
}

.paramPadding .mallPrice {
    font-size: .7rem;
    font-weight: 400
}

@media only screen and (min-width:480px) {
    select {
        background-position: 98% 50%
    }

    .defaultBanner,
    .swipe .systemtBanner {
        background-repeat: no-repeat;
        background-size: 100%
    }
}

.search {
    margin: .5rem
}

.mSearchInput {
    height: 1.6rem;
    line-height: 1.6rem
}

.icon-mSearchBtn,
.icon-mSearchIcon {
    height: 1.6rem;
    width: 1.6rem
}

.searchType1 .icon-mSearchBtn:before {
    height: 1.6rem;
    line-height: 1.6rem
}

.sysSearch {
    align-items: center;
    background-color: #fff;
    border: none;
    border-bottom: .025rem solid #eee;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    padding: 0
}

.sysSearch .searchBackBtn {
    color: #3c414a;
    cursor: pointer;
    display: inline-block;
    height: 1.65rem;
    line-height: 1.65rem;
    margin-left: .2rem;
    margin-right: .5rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 1.5rem
}

.sysSearch .searchBar {
    background: #f0f1f3;
    border: none;
    border-radius: 4rem;
    color: #979797;
    display: inline-block;
    display: flex;
    font-size: .6rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin-right: 1rem;
    padding-left: .3rem;
    position: relative;
    width: 12.9rem
}

.sysSearch .searchBar .searchTip {
    color: #bcbcbc;
    cursor: pointer;
    font-size: .6rem;
    overflow: hidden;
    padding-left: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sysSearch .icon-mSearchBtn {
    color: #979797;
    height: 1.25rem;
    left: .25rem;
    line-height: 1.25rem;
    position: absolute
}

.sysSearch .icon-mSearchBtn:before {
    color: #868686;
    content: "򰊐";
    font-size: .6rem
}

.svgDiv {
    height: 1.6rem
}

.searchSvg {
    height: .8rem;
    width: .8rem
}

.newProductSearch.border {
    border-color: #e5e5e5
}

.newProductSearch .mSearchInput {
    padding-left: .65rem;
    width: 88%
}

.search.shadow {
    border: 0
}

.newProductSearch.search0 .svgDiv,
.newProductSearch.search2 .svgDiv,
.newProductSearch.search4 .svgDiv {
    border-radius: 0 .15rem .15rem 0
}

.newProductSearch.search0,
.newProductSearch.search2,
.newProductSearch.search4 {
    border-radius: .15rem
}

.form .formMiddle .search.fullbg {
    background: #f6f6f6;
    border: 0
}

.newProductSearch.search0.left .svgDiv,
.newProductSearch.search1.left .svgDiv,
.newProductSearch.search2.left .svgDiv,
.newProductSearch.search3.left .svgDiv {
    left: 0
}

.newProductSearch.search0.left .mSearchInput,
.newProductSearch.search1.left .mSearchInput,
.newProductSearch.search2.left .mSearchInput,
.newProductSearch.search3.left .mSearchInput {
    margin-left: 1.4rem
}

.newProductSearch.search4.left .mSearchInput {
    text-align: left
}

.newProductSearch.search5 .svgDiv {
    border-radius: 0 1rem 1rem 0
}

.newProductSearch.search5.left .svgDiv {
    text-align: left
}

.newProductSearch.search5 .svg {
    border-radius: 0 1rem 1rem 0
}

.newProductSearch.border.search4 .svgDiv,
.newProductSearch.border.search5 .svgDiv {
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    right: -.03rem;
    top: -.05rem
}

.newProductSearch.border.search5 .svgDiv {
    right: -.1rem;
    top: -.039rem
}

.newProductSearch.search5 .svgDiv {
    right: -.1rem;
    right: -.025rem
}

.newProductSearch.search4.center .mSearchInput,
.newProductSearch.search5.center .mSearchInput {
    left: 0;
    padding-left: .65rem;
    padding-right: .65rem;
    position: relative;
    text-align: center
}

.searchBackBtn:before {
    font-size: 1.3rem
}

.fk-marqueeContainer .f-richContentPanel {
    overflow: hidden;
    padding-top: .5rem
}

.fk-marqueeContainer .f-richContentPanel .richContent {
    margin: 0
}

.fk-marqueeContainer {
    height: auto !important;
    overflow: hidden;
    position: relative
}

.fk-marqueeMoveInStyle {
    opacity: 0
}

.fk-marqueeContainer .f-contentPanel .richContent {
    margin: 0
}

.fk-marqueeContainer .f-contentPanel {
    height: auto !important;
    overflow: hidden
}

.formStyle2 .fk-marqueeContainer .f-contentPanel {
    padding-top: .5rem
}

.ue-map-wrapper {
    max-width: 100%
}

@keyframes buttomToTop {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

@keyframes topToButtom {
    0% {
        transform: translateY(-50%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rightToLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes leftToRight {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes buttomToTop_moveIn {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes topToButtom_moveIn {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(-50%)
    }
}

@keyframes rightToLeft_moveIn {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes leftToRight_moveIn {
    0% {
        transform: translateX(-200%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes buttomToTop_discontinuous {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes topToButtom_discontinuous {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes rightToLeft_discontinuous {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes leftToRight_discontinuous {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes buttomToTop_moveIn_discontinuous {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes topToButtom_moveIn_discontinuous {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes rightToLeft_moveIn_discontinuous {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes leftToRight_moveIn_discontinuous {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

.textImg3 {
    float: none;
    text-align: center;
    width: 100%
}

.formStyle2 .textImg3 img,
.textImg3 {
    display: block
}

.textImg1 {
    float: left;
    position: relative;
    z-index: 10
}

.textImg1,
.textImg4 {
    margin: .25rem .5rem .25rem .25rem;
    overflow: hidden;
    width: 50%
}

.textImg4 {
    float: right
}

.richContent {
    word-wrap: break-word;
    font-size: .8rem;
    line-height: 1.6;
    margin: .5rem 0;
    overflow: hidden;
    padding: 0 .35rem;
    text-align: left;
    white-space: normal;
    word-break: normal
}

.richContent ol {
    padding-left: 2rem
}

.richContent ul {
    padding-left: 1.35rem
}

.richContent li,
.richContent ul {
    list-style: inherit
}

.richContent table {
    border-collapse: collapse;
    clear: both;
    word-break: break-all
}

.richContent table td {
    word-break: break-word !important
}

.richContent1,
.richContent4 {
    overflow: visible;
    width: auto
}

.richContent1 {
    padding-left: .25rem
}

.clear {
    clear: both
}

.formStyle2 .textImg1+.richContent1 ol,
.formStyle2 .textImg1+.richContent1 ul {
    list-style-position: outside;
    margin-left: -1em
}

.formStyle2 .textImg1+.richContent1 ol li,
.formStyle2 .textImg1+.richContent1 ul li {
    left: 1em;
    padding-right: 1em;
    position: relative
}

.formStyle2 .richContent {
    font-size: .604rem
}

@media screen and (min-width:0\0)and (-webkit-min-device-pixel-ratio:0.75),
screen and (min-width:0\0)and (min-resolution:72dpi) {

    .formStyle2 .textImg1+.richContent1 ol,
    .formStyle2 .textImg1+.richContent1 ul {
        list-style-position: inside
    }

    .formStyle2 .textImg1+.richContent1 ol li>p,
    .formStyle2 .textImg1+.richContent1 ul li>p {
        display: inline
    }
}

.richContent1 img {
    margin-top: 0
}

.richImgMargin {
    margin-bottom: .75rem
}

.g_rich_content .audioDiv,
.g_rich_content .audioDiv audio {
    max-width: 100%
}

.noticeMarquee {
    height: auto;
    position: absolute
}

.noticeMarquee .noticeMarqueeRow {
    display: inline-block
}

.noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow span {
    float: left;
    white-space: nowrap
}

.noticeContainer {
    align-items: center;
    display: flex;
    margin: .25rem 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.notice-image0 {
    background: url(/image/mobi/noticeIco1.gif?v=202306291520) no-repeat 0
}

.notice-image1 {
    background: url(/static/picture/noticeIco2.gif) no-repeat 0
}

.notice-image2 {
    background: url(/image/mobi/noticeIco3.gif?v=202306291520) no-repeat 0
}

.noticeNewStyleIconClass {
    box-sizing: border-box;
    float: left;
    height: 1.75rem;
    margin-left: -.6rem;
    width: 1.75rem
}

.icon-noticeNewStyleIconClass-6,
.icon-noticeNewStyleIconClass-7 {
    background-color: #f5bd30;
    border-radius: .1rem;
    position: relative
}

.icon-noticeNewStyleIconClass-8 {
    background-color: #fff;
    border: .05rem solid #f5bd30;
    border-radius: .1rem;
    position: relative
}

.icon-noticeNewStyleIconClass-9 {
    background-color: transparent;
    border-radius: .1rem;
    position: relative
}

.noticeNewStyleIconClass:before {
    font-size: .7rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.icon-noticeNewStyleIconClass-6:before {
    color: #fff;
    content: "公告";
    font-family: 微软雅黑;
    text-align: center
}

.icon-noticeNewStyleIconClass-7:before {
    color: #fff;
    content: "򠕧";
    font-size: .9rem;
    text-align: center
}

.icon-noticeNewStyleIconClass-8:before {
    color: inherit;
    content: "公告";
    font-family: 微软雅黑;
    text-align: center
}

.icon-noticeNewStyleIconClass-9:before {
    color: inherit;
    content: "򠕰";
    font-size: 1.05rem;
    text-align: center
}

.newNoticeImg {
    margin-top: .22rem
}

.newNoticeIcon,
.newNoticeImg {
    box-sizing: border-box;
    float: left;
    height: 1.75rem;
    margin-left: -.6rem;
    position: relative;
    width: 1.75rem
}

.newNoticeIcon {
    margin-top: .15rem
}

.newNoticeIcon:before {
    text-align: center;
    width: 100%
}

.listStyleCircle,
.newNoticeIcon:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.listStyleCircle {
    background: #999;
    border-radius: 50%;
    display: inline-block;
    height: .15rem;
    left: 0;
    width: .15rem
}

.noticeNewStyleContentText {
    color: #333;
    display: inline-block;
    font-size: .6rem;
    line-height: normal;
    margin-left: .21rem;
    overflow: hidden;
    padding-left: .34rem;
    position: relative;
    text-overflow: ellipsis;
    width: 250px;
    width: 12.5rem
}

.newNoticeImg img {
    display: inline-block;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.newStyleImgNotice .noticeNewStyleContentText {
    margin-left: .28rem
}

.noticeListTopMargin {
    height: .38rem
}

.noticeListBottomMargin {
    height: .4rem
}

.twoNoticeContentText {
    color: #333;
    display: block;
    padding: .15rem 0 .15rem .35rem
}

.oneNoticeScrollbar {
    color: #333
}

.cursorAuto {
    cursor: auto
}

.cursorPointer {
    cursor: pointer
}

.notice-ico {
    padding-left: 1.1rem
}

.noticeMarqueeUD {
    height: 1.3rem;
    overflow: hidden;
    position: relative
}

.noticeScrollbar {
    margin: 0;
    overflow: hidden;
    padding: .25rem 0;
    position: relative;
    width: 100%
}

.noticeScrollbar .scrollbarLi {
    padding: .25rem;
    white-space: nowrap
}

.noticeFontIcon,
.noticeImg {
    position: absolute
}

.noticeImg {
    height: 0;
    width: 0
}

.noticeImg img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.noticeContainer .empty_tips_panel {
    padding-bottom: 55px;
    padding-top: 40px;
    text-align: center;
    width: 100%
}

.mobi_notice_right_to_left_normal {
    animation: mobi_notice_right_to_left 20s linear 1s infinite
}

.mobi_notice_right_to_left_slow {
    animation: mobi_notice_right_to_left 30s linear 1s infinite
}

.mobi_notice_right_to_left_fast {
    animation: mobi_notice_right_to_left 15s linear 1s infinite
}

@keyframes mobi_notice_right_to_left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.mobi_notice_right_to_left_50_fast {
    animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite
}

.mobi_notice_right_to_left_50_slow {
    animation: mobi_notice_right_to_left_50 15s linear 1s infinite
}

.mobi_notice_right_to_left_50_normal {
    animation: mobi_notice_right_to_left_50 10s linear 1s infinite
}

@keyframes mobi_notice_right_to_left_50 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.mobi_notice_left_to_right_normal {
    animation: mobi_notice_left_to_right 20s linear 1s infinite
}

.mobi_notice_left_to_right_slow {
    animation: mobi_notice_left_to_right 30s linear 1s infinite
}

.mobi_notice_left_to_right_fast {
    animation: mobi_notice_left_to_right 15s linear 1s infinite
}

@keyframes mobi_notice_left_to_right {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.mobi_notice_left_to_right_50_fast {
    animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite
}

.mobi_notice_left_to_right_50_slow {
    animation: mobi_notice_left_to_right_50 15s linear 1s infinite
}

.mobi_notice_left_to_right_50_normal {
    animation: mobi_notice_left_to_right_50 10s linear 1s infinite
}

@keyframes mobi_notice_left_to_right_50 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(50%)
    }
}

.fk-editor {
    word-wrap: break-word;
    clear: both;
    color: #666;
    font-family: 微软雅黑;
    font-size: .7rem;
    height: 30px;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 180px;
    word-break: break-all
}

.fk-editor h2,
.fk-editor h3,
.fk-editor h4,
.fk-editor h5,
.fk-editor h6 {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0
}

.fk-editor-break-word {
    word-break: normal
}

.formStyle52.form {
    overflow: visible;
    overflow: initial
}

.formStyle52.form .f-handleHover .ui-resizable-icon3 {
    background: transparent url(/image/resizable/blueCircle.png?v=202306291520) no-repeat 0 0
}

.formStyle52.form .ui-resizable-icon3 {
    background: none
}

.form .fk-editor.fk-editor-vertical-rl {
    writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.form .fk-editor.fk-editor-vertical-lr,
.form .fk-editor.fk-editor-vertical-rl {
    height: 100%;
    max-width: 1000px;
    min-height: 10px;
    min-width: 40px;
    width: auto;
    word-break: break-all
}

.form .fk-editor.fk-editor-vertical-lr {
    writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.jz_popupZone_wrap .formStyle52.form,
.jz_popupZone_wrap .formStyle52.form .formMiddle,
.webContainerBox .formStyle52.form,
.webContainerBox .formStyle52.form .formMiddle {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.formStyle52 .fkEditor-wrap u span {
    text-decoration: underline
}

.f-fromTabLoading {
    background-color: transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.f-fromTabLoading .f-new-spinner.f-spinner {
    height: 30px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 30px
}

.f-new-spinner .loading-circle-item {
    background-color: #c2c2c2;
    border-radius: 100%;
    height: 10px;
    position: absolute;
    width: 10px
}

.loading-text {
    font-size: 16px
}

.fk-loading-ball-container .loading-text {
    color: #fff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-120px, 33px);
    width: 240px
}

.f-new-spinner .loading-circle-item:first-child {
    animation: fk-bouncedelay1 2s cubic-bezier(.11, .93, .2, 1.01) .5s infinite;
    left: 0
}

.f-new-spinner .loading-circle-item:nth-child(2) {
    animation: fk-bouncedelay2 2s cubic-bezier(.11, .93, .2, 1.01) .5s infinite;
    opacity: .9;
    right: 0
}

.f-new-spinner .loading-circle-item:nth-child(3) {
    animation: fk-bouncedelay3 2s cubic-bezier(.11, .93, .2, 1.01) .5s infinite;
    bottom: 0;
    left: 0;
    opacity: .7
}

.f-new-spinner .loading-circle-item:nth-child(4) {
    animation: fk-bouncedelay4 2s cubic-bezier(.11, .93, .2, 1.01) .5s infinite;
    bottom: 0;
    opacity: .5;
    right: 0
}

.f-new-spinner {
    animation: fk-loadingdelay 2s ease-in-out infinite
}

@keyframes fk-loadingdelay {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(3turn)
    }
}

@keyframes fk-bouncedelay1 {

    0%,
    to {
        left: 0;
        top: 0;
        transform: translate3d(0)
    }

    20% {
        left: 50%;
        top: 50%;
        transform: translate3d(0)
    }
}

@keyframes fk-bouncedelay2 {

    0%,
    to {
        right: 0;
        top: 0;
        transform: translate3d(0)
    }

    20% {
        right: 50%;
        top: 50%;
        transform: translate3d(0)
    }
}

@keyframes fk-bouncedelay3 {

    0%,
    to {
        bottom: 0;
        left: 0;
        transform: translate3d(0)
    }

    20% {
        bottom: 50%;
        left: 50%;
        transform: translate3d(0)
    }
}

@keyframes fk-bouncedelay4 {

    0%,
    to {
        bottom: 0;
        right: 0;
        transform: translate3d(0)
    }

    20% {
        bottom: 50%;
        right: 50%;
        transform: translate3d(0)
    }
}

.fk-formTab {
    overflow: hidden;
    position: relative
}

.fk-formTab .J_formTabModuleContent * {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.fk-formTab .f-formTabModuleContent {
    margin-top: .25rem;
    overflow: hidden;
    position: relative
}

.fk-formTab .f-formTabButtonWrap {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 .75rem
}

.fk-formTab .wrapOpen .f-formTabButtonWrap {
    height: auto
}

.fk-formTab .f-formTabButton {
    display: inline-block;
    vertical-align: top
}

.fk-formTab .f-formTabButtonList {
    color: #666;
    display: flex;
    font-size: .65rem;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transition: left .4s;
    width: 500%
}

.fk-formTab .f-formTabMiddle {
    cursor: default;
    font-size: 0;
    max-height: 1.95rem;
    max-width: 14rem;
    min-width: .7rem;
    text-align: center
}

.fk-formTab .formTabCntIdClick {
    display: block
}

.fk-formTab .formBannerTitle {
    display: none !important
}

.fk-formTab .f-formTabContentList {
    overflow: hidden;
    position: relative;
    transition: height .3s ease-in-out, opacity .3s ease-in-out
}

.fk-formTab .f-preBtn {
    left: 0
}

.fk-formTab .f-nextBtn,
.fk-formTab .f-preBtn {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    line-height: 2rem;
    position: absolute;
    top: 0;
    width: .75rem
}

.fk-formTab .f-nextBtn {
    right: 0
}

.fk-formTab .f-preBtn:before {
    content: ""
}

.fk-formTab .f-nextBtn:before,
.fk-formTab .f-preBtn:before {
    color: #fff;
    display: block;
    font-size: .75rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    z-index: 18
}

.fk-formTab .f-nextBtn:before {
    content: ""
}

.fk-formTab .form {
    border: none;
    margin: 0;
    padding: 0
}

.fk-formTab .form .formBannerMore {
    display: none
}

.fk-formTab .f-hideTabModule {
    left: 150%;
    position: absolute;
    top: 0;
    width: 100%
}

.fk-formTab .f-formTabContent.showTabContent {
    display: block !important
}

#g_body .f-formTabButtonList {
    color: #666
}

.f-formTabButtonWrap::-webkit-scrollbar {
    display: none
}

.f-formTabButtonWrap {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.fk-formTab .f-formTabMiddleBox {
    display: inline-block;
    font-size: 0;
    max-width: 100%;
    text-align: center
}

.fk-formTab .f-formTabButtonText {
    display: inline-block;
    font-size: .6rem;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal
}

.fk-tabStyle1 .f-formTabModuleContent {
    border: none
}

.fk-tabStyle1 .f-formTabModuleContent.wrapOpen,
.fk-tabStyle2 .f-formTabModuleContent.wrapOpen {
    height: auto
}

.fk-tabStyle1.fk-formTab .f-formTabButtonWrap {
    padding: 0 .55rem
}

.fk-tabStyle1 .f-formTabButton {
    height: auto
}

.fk-tabStyle1 .f-formTabMiddle {
    border-radius: .625rem;
    margin: .48rem .15rem;
    padding: 0 .65rem
}

.fk-tabStyle1 .f-formTabButtonText {
    height: 1.25rem;
    line-height: 1.25rem;
    width: 100%
}

.fk-tabStyle1 .formTabButtonClick.f-formTabButton,
.fk-tabStyle1 .formTabButtonClick .f-formTabButtonText {
    color: #fff
}

.fk-tabStyle1.labelLayout3 .f-formTabMiddle {
    padding: 0 .25rem
}

.fk-tabStyle2 .f-formTabModuleContent {
    border: none;
    margin-top: .35rem
}

.fk-tabStyle2 .f-formTabModuleContent.wrapOpen {
    height: auto
}

.fk-tabStyle2 .f-formTabMiddle {
    background-color: transparent !important;
    background-color: initial !important;
    box-shadow: none !important
}

.fk-tabStyle2 .f-formTabMiddleBox,
.fk-tabStyle2 .formTabButtonClick .f-formTabMiddle {
    position: relative
}

.fk-tabStyle2 .f-formTabButtonUnderLine {
    border-radius: .1rem;
    display: inline-block;
    overflow: hidden;
    width: 100%
}

.fk-tabStyle2 .f-formTabButtonUnderLine .buttonLine {
    border-bottom-style: solid;
    border-bottom-width: .1rem;
    display: inline-block;
    width: 100%
}

.fk-tabStyle2 .f-formTabButton:not(.formTabButtonClick) .f-formTabButtonUnderLine .buttonLine {
    border-bottom-color: transparent
}

.fk-tabStyle2 .f-formTabButtonText {
    height: 1.45rem;
    line-height: 1.45rem;
    padding: 0 .55rem
}

.fk-tabStyle2 .f-formTabMiddleBox .f-formTabButtonUnderLine {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.fk-tabStyle2.longLine .f-formTabButtonWrap {
    padding: 0
}

.fk-tabStyle2.shortLine .f-formTabButtonWrap {
    padding: 0 .475rem
}

.fk-tabStyle2.shortLine .f-formTabMiddle {
    margin: 0 .5rem
}

.fk-tabStyle2.shortLine .f-formTabButtonText {
    padding: 0
}

.fk-tabStyle2.shortLine .f-formTabButtonUnderLine {
    left: .25rem;
    width: calc(100% - .5rem)
}

.fk-tabStyle2.longLine.labelLayout3 .f-formTabButtonList .f-formTabMiddleBox {
    width: 100%
}

.fk-tabStyle2.longLine.labelLayout3 .f-formTabButtonList .f-formTabButtonText {
    box-sizing: border-box
}

.fk-tabStyle2.longLine .style2DefaultLine {
    bottom: 0;
    display: inline-block;
    font-size: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.fk-tabStyle2 .style2DefaultLine .buttonLine {
    border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%
}

.fk-tabStyle3 .f-formTabModuleContent {
    border: none
}

.fk-tabStyle2 .f-formTabModuleContent.wrapOpen,
.fk-tabStyle3 .f-formTabModuleContent.wrapOpen {
    height: auto
}

.fk-formTab.fk-tabStyle3 .f-formTabButtonWrap {
    padding: 0
}

.fk-tabStyle3 .f-formTabMiddle {
    background-color: transparent !important;
    background-color: initial !important;
    box-shadow: none !important;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: .25rem .75rem
}

.fk-tabStyle3 .formTabButtonClick .f-formTabMiddle {
    position: relative
}

.fk-tabStyle3 .f-formTabButtonUnderLine {
    bottom: 0;
    display: inline-block;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.fk-tabStyle3 .f-formTabButtonUnderLine .buttonLine {
    border-bottom-style: solid;
    border-bottom-width: .2rem;
    display: inline-block;
    width: 100%
}

.fk-tabStyle3 .f-formTabButton:not(.formTabButtonClick) .f-formTabButtonUnderLine .buttonLine {
    border-bottom-color: transparent
}

.fk-tabStyle3 .f-formTabButton {
    color: #222;
    vertical-align: text-bottom
}

.fk-tabStyle3.fk-formTab .f-formTabMiddleBox {
    line-height: 1;
    position: relative
}

.fk-tabStyle3 .f-formTabButtonText {
    line-height: 1.2;
    vertical-align: middle;
    z-index: 9
}

.fk-tabStyle3 .formTabButtonClick .f-formTabButtonText {
    font-size: .75rem;
    font-weight: 700
}

.fk-tabStyle3.labelLayout3 .f-formTabMiddle {
    margin: .25rem .5rem
}

.fk-tabStyle4.fk-formTab .f-formTabModuleContent {
    margin: 0
}

.fk-tabStyle2 .f-formTabModuleContent.wrapOpen,
.fk-tabStyle4 .f-formTabModuleContent.wrapOpen {
    height: auto
}

.fk-tabStyle4.fk-formTab .f-formTabButtonList {
    background-color: #2e3746
}

.fk-formTab.fk-tabStyle4 .f-formTabButtonWrap {
    padding: 0
}

.fk-tabStyle4.fk-formTab .f-formTabMiddle {
    box-shadow: none !important;
    max-height: none;
    padding: 0 .95rem
}

.fk-tabStyle4.fk-formTab .f-formTabButton:not(.formTabButtonClick) .f-formTabMiddle {
    background-color: #2e3746
}

.fk-tabStyle4 .f-formTabButton {
    font-weight: 700;
    vertical-align: text-bottom
}

.fk-tabStyle4 .f-formTabButtonText {
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    vertical-align: middle
}

.fk-tabStyle4.labelLayout3 .f-formTabMiddle {
    padding: 0 .25rem
}

.fk-formTab.labelLayout1 .wrapOpen .f-formTabButtonList {
    flex-wrap: wrap;
    height: auto;
    white-space: wrap;
    width: 100% !important
}

.fk-formTab.labelLayout2 .f-formTabButtonList {
    justify-content: center
}

.fk-formTab.labelLayout3 .f-formTabMiddle {
    max-width: none
}

.fk-formTab.labelLayout3 .f-formTabButtonList {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important
}

.fk-formTab.labelLayout3 .f-formTabButtonList .f-formTabButton {
    flex: 1;
    min-width: 20%
}

.module-icon-arrow {
    color: gray
}

.search {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    position: relative
}

.newSearch.border {
    border-color: #e5e5e5
}

.new-mSearchInput {
    color: #bcbcbc;
    font-family: PingFang SC;
    font-size: .5625rem;
    font-weight: 500
}

.mSearchInput,
.new-mSearchInput {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 1.83rem;
    line-height: 1.83rem;
    overflow: hidden;
    padding-left: .3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.mSearchInput {
    color: #919191;
    font-size: .6rem
}

.newSearch .mSearchInput {
    padding-left: .65rem;
    width: 88%
}

.icon-mSearchIcon {
    color: #bfbfbf;
    height: 1.83rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.83rem
}

.icon-mSearchIcon:before {
    content: "";
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.icon-mSearchBtn {
    color: #666;
    height: 1.83rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 1.83rem
}

.icon-mSearchBtn:before {
    content: "";
    font-size: 1.4rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.svgDiv {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    font-size: .7rem;
    height: 1.83rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem
}

.v-searchSvg {
    height: .8rem;
    position: relative;
    width: .8rem
}

.searchType0,
.searchType1,
.searchType2 {
    border-radius: 3px
}

.searchType1 .icon-mSearchBtn,
.searchType2 .icon-mSearchBtn {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.searchType0 .icon-mSearchIcon:before {
    content: none
}

.search.shadow {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.search.regContent {
    border-radius: .15rem
}

.newSearch.search0 .svgDiv,
.newSearch.search2 .svgDiv,
.newSearch.search4 .svgDiv {
    border-radius: 0 .15rem .15rem 0
}

.newSearch.border.search4 .svgDiv,
.newSearch.border.search5 .svgDiv {
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    top: -.04rem
}

.newSearch.border.search5 .svgDiv {
    right: -.1rem;
    top: -.046rem
}

.newSearch.search4 .svgDiv,
.newSearch.search5 .svgDiv {
    right: -.1rem
}

.newSearch.search0,
.newSearch.search2,
.newSearch.search4 {
    border-radius: .15rem
}

.search.radiusContent {
    border-radius: 1rem
}

.search.fullbg {
    background: #f6f6f6;
    border: none
}

.searchType1 .mSearchInput {
    padding-left: 1.45rem;
    width: 83%
}

.searchType1 .icon-mSearchBtn {
    width: 2.5rem
}

.searchType1 .icon-mSearchBtn:before {
    color: #fff;
    content: "搜索";
    font-size: .7rem;
    height: 1.83rem;
    line-height: 1.83rem
}

.searchType2 .mSearchInput {
    padding-left: 1.45rem;
    width: 86%
}

.searchType2 .icon-mSearchBtn {
    width: 1.75rem
}

.searchType2 .icon-mSearchBtn:before {
    color: #fff;
    content: "GO";
    font-size: .7rem
}

.searchType2 .icon-mSearchBtn:after {
    border-bottom: .4rem solid transparent;
    border-right: .4rem solid;
    border-right-color: inherit;
    border-top: .4rem solid transparent;
    content: "";
    height: 0;
    left: -.4rem;
    position: absolute;
    top: .5rem;
    width: 0
}

.searchType3 {
    border-radius: 1rem
}

.searchType3 .mSearchInput {
    padding-left: .8rem
}

.searchType3 .icon-mSearchBtn {
    right: .25rem
}

.searchType3 .icon-mSearchIcon:before {
    content: none
}

.searchType4 {
    border-radius: 1rem
}

.searchType4 .mSearchInput {
    padding-left: .8rem;
    width: 83%
}

.searchType4 .icon-mSearchBtn {
    border-radius: 1rem;
    color: #fff;
    width: 2.8rem
}

.searchType4 .icon-mSearchIcon:before {
    content: none
}

.searchType5 {
    border-radius: 1rem
}

.searchType5 .mSearchInput {
    color: #fff;
    padding-left: .8rem
}

.searchType5 .icon-mSearchBtn {
    border-radius: 1rem;
    color: #fff;
    right: .25rem
}

.searchType5 .icon-mSearchIcon:before {
    content: none
}

.icon_type5 {
    border-radius: 1rem;
    color: #fff;
    right: .25rem
}

.search0.left .svgDiv,
.search1.left .svgDiv,
.search2.left .svgDiv,
.search3.left .svgDiv {
    left: 0
}

.search0.left .mSearchInput,
.search1.left .mSearchInput,
.search2.left .mSearchInput,
.search3.left .mSearchInput {
    margin-left: 1.4rem
}

.search4.left .mSearchInput {
    text-align: left
}

.search5 .svgDiv {
    border-radius: 0 1rem 1rem 0
}

.search5.left .svgDiv {
    text-align: left
}

.search5 .svg {
    border-radius: 0 1rem 1rem 0
}

.search4.center .mSearchInput,
.search5.center .mSearchInput {
    left: 0;
    padding-left: .65rem;
    padding-right: .65rem;
    position: relative;
    text-align: center
}

.centerText.center {
    align-items: center;
    display: flex;
    justify-content: center
}

.centerText .svgDiv {
    position: static;
    width: auto
}

.centerText .mSearchInput {
    padding-left: .3rem;
    width: auto
}

.newSearch {
    display: flex;
    height: 1.83rem;
    line-height: 1.83rem
}

.icon-arrow {
    height: 1.83rem;
    width: .8rem
}

.hide-flex-block {
    display: flex
}

.defaultColor {
    background-color: #666
}

.formStyle24 .quality_content_label {
    bottom: auto;
    top: 6rem
}

.newsList .prefixOpenLine {
    color: #333;
    font-size: .7rem;
    line-height: 2rem;
    padding-left: 1.15rem
}

.newsList .prefixOpenLine,
.newsList .textItemContent {
    align-items: center;
    border-bottom: .025rem solid #f3f3f3;
    box-sizing: border-box;
    display: flex;
    height: 2rem;
    position: relative
}

.newsList .textItemContent {
    padding-left: .75rem;
    width: 100%
}

.newsList .prefixOpenLine:before {
    background: #666;
    border-radius: 100%;
    content: "";
    height: .2rem;
    left: .75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .2rem
}

.newsList .classifiedWrap {
    display: flex;
    flex-wrap: wrap
}

.newsList .searchResultLine.pic {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    width: 50%
}

.newsList .searchResultLine.pic,
.newsList .searchResultLine.pic.fixedPicConetent {
    box-sizing: border-box;
    padding: .625rem 0 .75rem
}

.newsList .searchResultLine .prefixOpenName {
    flex-shrink: 0;
    padding-left: .25rem
}

.newsList .searchResultLine .pic {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.newsList .searchFlagList {
    padding-left: .5rem
}

.newsList .searchSeparation {
    background-color: #f5f5f5;
    height: .5rem;
    width: 100%
}

.newsList .newTextGroup:last-child .searchSeparation {
    display: none
}

.newsList .searchResultLine .pic img {
    border-radius: .2rem
}

.newsList .smallSizePic img {
    height: 5.5rem;
    width: 7rem
}

.newsList .bigSizePic img {
    height: 7rem;
    width: 7rem
}

.newsList .highlightText {
    color: #f23030
}

.newsList .resultDetail {
    margin-top: .45rem;
    padding-left: .125rem
}

.newsList .picDetailAb {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: .6rem;
    height: 1.25rem;
    position: absolute;
    width: 100%
}

.newsList .resultDetail .detailSpan {
    display: block;
    max-width: 6.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .resultDetail .detailSpanInline {
    display: inline-block
}

.newsList .resultDetail .proPrice {
    color: #666;
    font-size: .6rem;
    margin-top: .5rem;
    max-width: 6.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .resultDetail .picName,
.newsList .resultDetail .proName {
    color: #333;
    font-size: .7rem
}

.newsList .proSeparation {
    background-color: #fff;
    height: .625rem;
    width: 100%
}

.newsList .picDetailAb .phgName {
    left: .5rem;
    max-width: 4.625rem;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .picDetailAb .phgSize {
    position: absolute;
    right: .4rem
}

.newsList .textItemContent .word {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.newsList .icon-download:after {
    color: #666;
    content: "";
    font-family: icomoon;
    position: absolute;
    right: .4rem;
    top: 1em
}

.newsList .textItemContent .textSpan {
    height: 100%;
    line-height: 2rem;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#newsList15 .line {
    cursor: pointer;
    padding-left: 1.3rem
}

.noSearchList {
    align-items: center;
    display: flex;
    flex-direction: column
}

.noSearchListText {
    color: #999;
    font-size: .6rem;
    margin: 1rem auto
}

.noSearchListImg {
    height: 5.325rem;
    margin-top: 1.25rem;
    width: 4.325rem
}

.m_vote_radio_inner[data-v-92f136fc] {
    background-color: #fff
}

.m_vote_radio_inner.active[data-v-92f136fc] {
    background-color: #292929;
    color: #fff
}

.mobi_vote_radio .m_radio_wrap[data-v-92f136fc] {
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    vertical-align: middle
}

.mobi_vote_radio .m_radio[data-v-92f136fc] {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin-right: .2rem;
    outline: 0;
    position: relative;
    vertical-align: -.25em
}

.mobi_vote_radio .m_radio_inner[data-v-92f136fc] {
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    font-size: .375rem;
    height: .8rem;
    left: 0;
    position: relative;
    top: 0;
    width: .8rem
}

.mobi_vote_radio .m_radio_checked .m_radio_inner[data-v-92f136fc] {
    border: none
}

.mobi_vote_radio .m_radio_checked .m_radio_inner[data-v-92f136fc]:after {
    border-radius: 0;
    content: "򰌵";
    font-size: .6rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mobi_vote_radio .m_radio_input[data-v-92f136fc] {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.m_vote_checkbox_inner[data-v-f042d170] {
    background-color: #fff
}

.m_vote_checkbox_inner.active[data-v-f042d170] {
    background-color: #292929;
    color: #fff
}

.mobi_vote_checkbox .m_checkbox_wrap[data-v-f042d170] {
    cursor: pointer;
    margin-right: 1rem;
    pointer-events: auto;
    vertical-align: middle
}

.mobi_vote_checkbox .m_checkbox[data-v-f042d170] {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin-right: .2rem;
    outline: 0;
    position: relative;
    vertical-align: -.2em;
    white-space: nowrap
}

.mobi_vote_checkbox .m_checkbox_inner[data-v-f042d170] {
    border: 1px solid #d8d8d8;
    border-radius: .13rem;
    box-sizing: border-box;
    display: inline-block;
    font-size: .375rem;
    height: .8rem;
    left: 0;
    position: relative;
    top: 0;
    width: .8rem
}

.mobi_vote_checkbox .m_checkbox_checked .m_checkbox_inner[data-v-f042d170] {
    border: none
}

.mobi_vote_checkbox .m_checkbox_checked .m_checkbox_inner[data-v-f042d170]:after {
    border-radius: 0;
    content: "򰌵";
    font-size: .6rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mobi_vote_checkbox .m_checkbox_input[data-v-f042d170] {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.mobi_vote .vote_item_name:before {
    background: url(/image/mobi/toupiaoicon.png?v=201711250607) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1rem;
    vertical-align: middle;
    width: 1rem
}

.mobi_vote .vote_item_name {
    line-height: 1.05rem;
    margin: .64rem auto;
    text-align: center
}

.mobi_vote .vote_item_name_text {
    vertical-align: middle
}

.mobi_vote {
    padding: 0 1.29rem .7rem
}

.mobi_vote .text_box .choice_box_wrap {
    margin-top: .86rem
}

.mobi_vote .vote_item_content_img {
    cursor: pointer;
    height: 8.5rem;
    text-align: center
}

.mobi_vote .vote_item_content_img .vote_item_img {
    max-height: 100%;
    max-width: 100%
}

.mobi_vote .choice_box_wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobi_vote .img_box .choice_box_wrap {
    border: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    height: 11rem;
    line-height: 2rem;
    margin-top: .86rem;
    padding: .5rem;
    text-align: center;
    width: 100%
}

.mobi_vote .btn {
    font-size: .7rem;
    margin: 0;
    white-space: nowrap
}

.mobi_vote .voteOperate {
    display: flex;
    justify-content: space-between;
    margin-top: .86rem
}

.mobi_vote .viewBtn {
    margin-left: .9rem
}

.mobi_vote .vote_code_panel {
    margin-top: 10px;
    padding-top: .45rem
}

.mobi_vote .code_title {
    height: 1.45rem
}

.mobi_vote .code_content {
    display: flex;
    position: relative
}

.mobi_vote .code_input {
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 微软雅黑;
    font-size: .6rem;
    height: 1.6rem;
    line-height: 1rem;
    text-indent: .25rem;
    width: 50.6%
}

.mobi_vote .code_img {
    cursor: pointer;
    height: 1.6rem;
    padding-left: .5rem;
    vertical-align: middle;
    visibility: visible;
    width: auto
}

.mobi_vote .code_refresh_btn {
    background-image: url(/image/refurbish.png?v=201711250607);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    background-size: 18px auto;
    cursor: pointer;
    height: 1.75rem;
    line-height: 1.75rem;
    vertical-align: middle;
    width: 10%
}

.mobi_vote .star {
    color: red;
    font-size: .7rem;
    line-height: 1.8rem;
    position: absolute;
    right: -.5rem
}

.mobi_vote.manageMode .item_wrap:hover {
    outline: 1px dashed #999
}

.mobi_vote.manageMode .item_editing {
    outline: 1px dashed #5974d5
}

.mobi_vote .empty_tips_panel {
    padding-bottom: 55px;
    padding-top: 40px;
    text-align: center
}

.mobi_vote .empty_tips_panel .text {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.mobi_vote .voteItemWrap {
    white-space: normal;
    word-break: break-word
}

.mobi_vote .voteQuestionNowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.mobi_vote .choice_box_wrap.voteItemWrap {
    height: auto;
    line-height: normal
}

.mobi_vote .choice_box_wrap.voteItemWrap .vote_item_content_img {
    margin-bottom: .5rem
}

.vote {
    padding: 0 1.29rem .7rem
}

.vote .voteSubject {
    line-height: 1.05rem;
    margin: .64rem auto;
    text-align: center
}

.vote .voteSubject .voteSubjectText {
    background: url(/image/mobi/toupiaoicon.png?v=201711250607) no-repeat;
    background-position: 0 50%;
    background-size: 1rem;
    display: inline-block;
    padding-left: 1rem
}

.voteBtn {
    font-size: .7rem;
    margin: 0;
    width: 100%
}

.vote .voteItems {
    align-items: center;
    margin-top: .86rem
}

.vote .voteItemImgPanel {
    border: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    height: 11rem;
    padding: .5rem;
    text-align: center;
    width: 100%
}

.vote .voteItemNamePanel {
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vote .voteItems .voteLab {
    margin-left: .25rem
}

.vote .voteItems .voteItemName {
    display: inline-block;
    margin-left: .25rem
}

.vote .voteOperate {
    margin-top: .86rem;
    text-align: center
}

.vote .voteItemCount {
    display: inline-block;
    font-size: .4rem;
    text-align: center;
    width: 4rem
}

.vote .voteItemShow {
    align-items: center
}

.vote .voteValidateCode {
    margin-top: 10px;
    padding-top: .45rem
}

.vote .voteValidateCode .voteValidateCodeTitle {
    display: table-row;
    height: 1.45rem;
    text-align: left;
    word-break: break-all
}

.vote .voteValidateCode .voteValidateCodeMain {
    position: relative
}

.vote .voteValidateCode .g_itext {
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 微软雅黑;
    font-size: .6rem;
    height: 1.6rem;
    line-height: 1rem;
    text-indent: .25rem;
    width: 7rem
}

.vote .voteValidateCode .voteValidateCodeImg {
    cursor: pointer;
    height: 1.6rem;
    padding-left: .5rem;
    vertical-align: middle;
    visibility: visible;
    width: auto
}

.vote .voteValidateCode .validateCodeTip {
    background-image: url(/image/refurbish.png?v=201711250607);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    background-size: 18px auto;
    cursor: pointer;
    display: inline-block;
    height: 1.75rem;
    line-height: 1.75rem;
    vertical-align: middle;
    width: 10%
}

.vote .voteValidateCode .voteMustStar {
    color: red;
    font-size: .7rem;
    line-height: 1.8rem;
    position: absolute;
    right: -.5rem
}

.vote .voteCodePanel {
    margin-top: .5rem
}

.vote .captchaText {
    color: #8c8c8c;
    font-size: .6rem;
    height: 1.8rem;
    width: 9.3rem
}

.vote .voteCodePic {
    margin-left: .7rem;
    vertical-align: middle;
    width: 3rem
}

.fullScreenDivCotainer {
    overflow: visible;
    padding: 0 !important;
    position: fixed;
    z-index: 99
}

#webFooterBox .fullScreenDivCotainer .refreshBase {
    position: fixed !important;
    top: 0 !important
}

.progressBarBg {
    background: #dbdbdb;
    height: .5rem;
    overflow: hidden;
    width: 100%
}

.progressBar {
    background: transparent url(/image/mobi/pre.png?v=201711250607) 0 0 repeat;
    height: 100%;
    width: 0
}

.progressBar-box {
    margin-top: .25rem;
    padding: .25rem 0
}

.progressBar-box-img {
    height: 2.5rem
}

.vote .selectedItem {
    background: #f0f0f0
}

.progressBar-box .voteItemImg {
    display: inline-block;
    height: 1.8rem;
    margin-right: .3rem;
    vertical-align: top;
    width: 1.8rem
}

.progressBar-box .voteItemCentent {
    display: inline-block;
    width: 82%
}

.vote .progressBar-box .voteItemName.selected {
    background: url(/image/mobi/toupiaoselect.png?v=201711250607) no-repeat;
    background-position: .25rem;
    background-size: 10.3rem;
    padding-left: 1.25rem
}

.voteResultDiv {
    height: 100%;
    max-width: 768px;
    overflow-y: auto;
    position: fixed;
    top: 150%;
    transition: all .5s;
    visibility: hidden;
    width: 100%;
    z-index: 99
}

.showVoteResult {
    top: 0 !important;
    transition: all .5s;
    visibility: visible
}

.voteResultHeader {
    height: 2.3rem;
    text-align: center
}

.voteResultHeader .title {
    font-size: 1rem;
    line-height: 2.3rem
}

.voteResultDiv .vote {
    margin: 0
}

.wx_addFans[data-v-3aa06281] {
    align-items: center;
    display: flex;
    padding: .6rem 1.12rem .6rem .86rem
}

.wx_addFans .icon[data-v-3aa06281] {
    flex-shrink: 0;
    margin-right: .6rem
}

.wx_addFans .default_icon[data-v-3aa06281] {
    fill: #30cf30;
    height: 1.7rem;
    width: 1.7rem
}

.wx_addFans .default_img[data-v-3aa06281] {
    border-radius: 50%;
    height: 1.7rem;
    width: 1.7rem
}

.wx_addFans .account_information[data-v-3aa06281] {
    display: flex;
    flex-direction: column;
    margin-right: .6rem
}

.wx_addFans .account_information_name[data-v-3aa06281] {
    color: #333;
    font-size: .6rem;
    font-weight: 700;
    word-break: break-all
}

.wx_addFans .account_information_account[data-v-3aa06281] {
    color: #999;
    font-size: .51rem;
    word-break: break-all
}

.wx_addFans .add_button[data-v-3aa06281] {
    border-radius: .7rem;
    color: #fff;
    flex-shrink: 0;
    font-size: .5rem;
    height: 1rem;
    line-height: 1rem;
    margin-left: auto;
    padding: 0 .6rem;
    white-space: nowrap;
    word-break: keep-all
}

.linkArea {
    text-align: left
}

.linkArea .link-h-container {
    display: inline-block;
    float: left;
    padding: .7rem
}

.linkArea .link-v-container {
    display: block;
    line-height: 1.75rem;
    padding: 0 .7rem
}

.linkArea .link-p-container {
    display: inline-block;
    margin-top: .25rem;
    text-align: center;
    vertical-align: top;
    width: 40%
}

.linkArea .link-p-container img {
    display: inline-block;
    vertical-align: bottom
}

.linkArea .link-p-container {
    margin: .25rem 2.5%;
    width: 45%
}

#fixedRightSideBtns {
    align-items: flex-end;
    bottom: 110px;
    display: flex;
    flex-direction: column;
    margin-left: 13.9rem;
    position: fixed;
    width: 2rem;
    z-index: 9
}

@media only screen and (min-width:768px) {
    #fixedRightSideBtns {
        left: calc(50% - 8rem)
    }
}

.ad_component_loverLeft {
    color: #333;
    position: fixed;
    z-index: 33
}

.ad_loverLeft_inner {
    background: none;
    border: none;
    height: 100%;
    position: relative;
    width: 100%
}

.ad_guide_purchaseVerForFree .ad_component_loverLeft {
    bottom: 2.125rem;
    height: 1.6rem;
    margin-left: .7rem;
    position: fixed;
    width: 4.225rem
}

.ad_guide_purchaseVerForFree .ad_loverLeft_header {
    cursor: pointer;
    height: 1.35rem;
    position: absolute;
    right: 0;
    top: -1.35rem;
    width: 1.35rem
}

.ad_guide_purchaseVerForFree .ad_loverLeft_header__close {
    height: .9rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .9rem
}

body .serviceListPanel {
    background: #fff;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 70%;
    max-width: 768px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1001
}

body .serviceListPanel .serviceItem {
    border-bottom: 1px solid #f5f5f5;
    height: 2.25rem;
    line-height: 2.25rem;
    padding-left: 1.25rem;
    width: auto
}

body .serviceListPanel .serviceItem a {
    height: 100%;
    width: 100%
}

body .serviceListPanel .serviceIcon {
    color: #fff;
    float: left;
    font-size: 1rem;
    height: 100%;
    text-align: left;
    width: auto
}

body .serviceListPanel .serviceIconText {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .1rem;
    display: inline-block;
    font-size: 1rem;
    height: 1.75rem;
    line-height: 1.75rem;
    margin-top: .3rem;
    overflow: hidden;
    text-align: center;
    width: 1.2rem
}

body .serviceListPanel .phoneServiceIcon {
    background-color: #2eb063
}

body .serviceListPanel .qqServiceIcon {
    background-color: #ee5266
}

body .serviceListPanel .serviceName {
    text-align: inherit;
    text-indent: inherit;
    width: 2.7rem
}

body .serviceListPanel .serviceName,
body .serviceListPanel .serviceNumber {
    color: #333;
    float: left;
    font-size: .6rem;
    height: 100%;
    margin-left: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .serviceListPanel .serviceNumber {
    text-align: left;
    text-indent: none;
    width: 45%
}

body .serviceListPanel .cancleSer {
    background-color: #f5f5f5;
    color: #585858;
    cursor: pointer;
    font-size: .7rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    width: 100%
}

body .serviceListPanel .operationBox {
    float: right;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-right: 1.25rem;
    width: auto
}

body .serviceListPanel .operationBox .operationIcon {
    display: inline-block;
    height: .7rem;
    width: .7rem
}

body .serviceListPanel .operationBox .operationIcon:before {
    color: #8f8f8f;
    content: "򰄆";
    font-size: .5rem
}

body .icon-qqServiceIcon:before {
    content: ""
}

body .icon-phoneServiceIcon:before {
    content: ""
}

body.ps-active,
body.ps-building,
div.ps-active,
div.ps-building {
    background: #000;
    overflow: hidden
}

body.ps-active *,
div.ps-active * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

body.ps-active :focus,
div.ps-active :focus {
    outline: 0
}

div.ps-document-overlay,
div.ps-uilayer {
    background: #000
}

div.ps-uilayer {
    cursor: pointer
}

div.ps-zoom-pan-rotate {
    background: #000
}

div.ps-zoom-pan-rotate * {
    display: block
}

div.ps-carousel {
    background-color: #000
}

div.ps-carousel-item-loading {
    background: url(/image/mobi/loading.png?v=202306291520) no-repeat 50%
}

div.ps-caption {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-family: Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
    font-size: .6rem;
    text-align: center
}

div.ps-caption * {
    display: inline
}

div.ps-caption-bottom {
    border-bottom: none;
    border-top: 1px solid #42403f;
    min-height: 2.2rem
}

div.ps-caption-content {
    display: block;
    padding: .7rem
}

div.ps-caption-content .ps-page {
    color: #fff;
    display: block;
    text-align: right
}

div.ps-caption-content .ps-comm-page {
    color: #fff;
    font-size: .7rem;
    left: 0;
    margin-left: 3rem;
    position: absolute;
    text-align: left
}

div.ps-toolbar {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    display: table;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    overflow: visible !important;
    table-layout: fixed;
    text-align: center;
    z-index: 1001 !important
}

div.ps-toolbar * {
    display: block
}

div.ps-toolbar-top {
    border-bottom: 1px solid #42403f;
    border-top: none
}

div.ps-toolbar-close,
div.ps-toolbar-next,
div.ps-toolbar-play,
div.ps-toolbar-previous {
    cursor: pointer;
    display: table-cell;
    height: 2.2rem
}

div.ps-uidetail {
    background: rgba(0, 0, 0, .8);
    display: none
}

div.ps-toolbar div div.ps-toolbar-content {
    background-image: url(/image/icons@2x.png?v=202306291520);
    background-repeat: no-repeat;
    background-size: 8.8rem 4.4rem;
    height: 2.2rem;
    margin: 0 auto;
    width: 2.2rem
}

div.ps-toolbar-base {
    position: relative
}

div.uiDetailChild {
    color: #fff;
    height: 100%;
    position: relative;
    top: 2rem
}

div.uiDetailContent {
    padding: 0 .5rem
}

div.uiDetailTitle {
    background-size: 40%;
    border: 1px solid #faf9f9;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: .8rem;
    position: absolute;
    right: .5rem;
    top: .55rem;
    transform: rotate(180deg);
    width: 1.8rem
}

div.icon-uiDetailTitle:before {
    bottom: .15rem;
    content: "";
    font-size: 1rem;
    left: .4rem;
    position: relative
}

#ui-detail-title-name-id {
    height: 2rem;
    line-height: 2rem
}

div.uiDetailTitlePanel {
    bottom: 1px;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

div.ps-toolbar-base-detail {
    background-size: 40%;
    border: 1px solid #faf9f9;
    border-radius: 2px;
    bottom: .4rem;
    cursor: pointer;
    height: .8rem;
    position: absolute;
    right: .5rem;
    width: 1.8rem
}

div.icon-toolbar-base-detail:before {
    content: "";
    font-size: 1rem;
    position: relative;
    top: -2px
}

div.ps-toolbar-close div.ps-toolbar-content {
    background-position: 0 0
}

div.ps-toolbar-previous div.ps-toolbar-content {
    background-position: -2.2rem 0
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content {
    background-position: -44px -44px
}

div.ps-toolbar-next div.ps-toolbar-content {
    background-position: -6.6rem 0
}

div.ps-toolbar-next-disabled div.ps-toolbar-content {
    background-position: -132px -44px
}

div.ps-toolbar-play div.ps-toolbar-content {
    background-position: -88px 0
}

div.ps-toolbar-base-describe {
    max-height: 4rem;
    padding: 0 .5rem;
    position: relative;
    text-align: left
}

div.ps-toolbar-base-title {
    color: #fff;
    font-size: .7rem;
    font-weight: 400;
    height: 1.75rem;
    line-height: 1.75rem;
    overflow: hidden;
    text-align: left;
    text-indent: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

div.ps-toolbar-close-style {
    background-size: 70%;
    display: block;
    height: 1.75rem;
    margin: .15rem;
    padding: inherit;
    position: fixed;
    top: 0;
    width: 1.75rem
}

div.icon-toolbar-close-style:before {
    content: "";
    font-size: 1.6rem
}

.productWaterFall {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .2rem;
    box-sizing: border-box;
    line-height: .9rem;
    margin-bottom: .5rem;
    width: 44.4%
}

.productWaterFall .waterFallImg {
    border-radius: .2rem .2rem 0 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.formStyle3 .productWaterFall {
    display: inline-block
}

.productWaterFall .g_text.paramName.proNameToNewStyle {
    color: #000
}

.styleForm8 {
    position: relative
}

.style8Img {
    width: 100%
}

.paramPadding {
    border-radius: 0 0 .2rem .2rem;
    padding: .25rem
}

.productNewDetail .paramPadding {
    padding: .07rem .25rem
}

.productNewDetail .fixedWrap {
    min-height: 2.2rem;
    position: relative
}

.jz_oldTheme .productNewDetail .fixedWrap {
    min-height: 3.25rem
}

.productCrossedSlide {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .2rem;
    display: inline-block;
    line-height: .9rem;
    margin-bottom: .5rem;
    overflow: hidden;
    width: 7.1rem
}

.style7Img {
    height: 7.1rem;
    width: 7.1rem
}

.productCrossedSlide:nth-child(odd) {
    float: left;
    margin-left: .5rem
}

.productCrossedSlide:nth-child(2n) {
    float: right;
    margin-right: .5rem
}

.productSwipeContainer {
    height: 100%;
    overflow: hidden;
    position: relative
}

.productSwipeContainer .productSwipeItem .productSwipeDiv .paramName {
    color: #000;
    font-size: .6rem
}

.paramPadding .g_link.productParam.proParamNoWrap,
.productSwipeContainer .productSwipeItem .productSwipeDiv .paramPadding .productParam {
    color: #999
}

.productWaterFall .paramPadding .paramName {
    color: #000;
    font-size: .6rem;
    margin-bottom: .1rem
}

.productWaterFall .paramPadding .pramaWrap.productParam {
    color: #999
}

.mProductList .paramPadding .proParamNoWrap {
    height: .85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-break: break-all
}

.productSlideList .productCrossedSlideSec .paramPadding .paramName {
    color: #000;
    font-size: .6rem
}

.productSlideList .productCrossedSlideSec .paramPadding .productParam {
    color: #999
}

.webContainerBox .bannerBullet {
    bottom: 0;
    height: 18px;
    position: absolute;
    width: 100%
}

.webContainerBox .productBullet {
    height: .65rem;
    line-height: 0px
}

.webContainerBox .bullets li.on {
    background: #000
}

.productSwipeContainer img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    vertical-align: middle;
    width: 100%
}

.productSwipeContainer>div {
    backface-visibility: hidden;
    float: left;
    height: 100%;
    perspective: 1000;
    position: relative;
    width: 100%
}

.prContainer .prVipName {
    border-radius: .1rem;
    color: #fff;
    display: inline-block;
    font-size: .45rem;
    margin-left: .25rem;
    padding: 0 .25rem;
    text-align: center
}

.paramPadding .productParam {
    color: #999;
    font-size: .6rem
}

.paramPadding .paramLine {
    border-top: 1px dashed #ddd;
    margin: .2rem .1rem
}

.photoCrossedSlideSec,
.productCrossedSlideSec {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .2rem;
    float: left;
    line-height: .9rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
    margin-top: 1px;
    overflow: hidden;
    width: 5.95rem
}

.style9Img {
    width: 5.95rem
}

.photoSlideList,
.productSlideList {
    overflow: hidden
}

.isNewAddModule .productSlideList {
    overflow: visible
}

#g_web.jz_oldTheme .half .productImmediatelyBug.g_bookingButton {
    width: 45%
}

.productNewDetailPanel .consultImmediatelyBtn.productAddMall {
    background-color: #fff;
    margin: .45rem .4rem .45rem 0
}

#g_web.jz_newTheme .productMallShop .g_bookingButton {
    width: 100%
}

#g_web.jz_newTheme .productMallShop .g_conSultBtn {
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    padding: .55rem .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jz_oldTheme .productMallShop .g_conSultBtn {
    color: #fff
}

#g_web.jz_oldTheme .productMallShop .g_conSultBtn:not(.mallThemeImmeBtn) {
    box-sizing: border-box;
    overflow: hidden;
    padding: .6rem .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

#g_web.jz_newTheme.jz_mallTheme .productMallShop .g_conSultBtn {
    border: 0;
    margin: 0;
    padding: 0
}

#g_web.jz_oldTheme .productMallShop .g_conSultBtn.productAddMall {
    background: #fff
}

#g_web.jz_newTheme .productMallShop.half .g_bookingButton {
    width: 50%
}

#g_web.jz_newTheme.jz_themePresetIndex_1 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_1 .productMallShop.half .g_conSultBtn {
    background-color: #f0863b
}

#g_web.jz_newTheme.jz_themePresetIndex_2 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_2 .productMallShop.half .g_conSultBtn {
    background-color: #fd6a4d
}

#g_web.jz_newTheme.jz_themePresetIndex_3 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_3 .productMallShop.half .g_conSultBtn {
    background-color: #fda92f
}

#g_web.jz_newTheme.jz_themePresetIndex_4 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_4 .productMallShop.half .g_conSultBtn {
    background-color: #fb7c27
}

#g_web.jz_newTheme.jz_themePresetIndex_5 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_5 .productMallShop.half .g_conSultBtn {
    background-color: #3b8b96
}

#g_web.jz_newTheme.jz_themePresetIndex_6 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_6 .productMallShop.half .g_conSultBtn {
    background-color: #1f58c5
}

#g_web.jz_newTheme.jz_themePresetIndex_7 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_7 .productMallShop.half .g_conSultBtn {
    background-color: #593cfb
}

#g_web.jz_newTheme.jz_themePresetIndex_8 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_8 .productMallShop.half .g_conSultBtn {
    background-color: #8b62e0
}

#g_web.jz_newTheme.jz_themePresetIndex_9 .btnGroup.half .g_conSultBtn,
#g_web.jz_newTheme.jz_themePresetIndex_9 .productMallShop.half .g_conSultBtn {
    background-color: #3b3b3b
}

.proDetailDiv .btnGroup {
    display: flex
}

.proDetailDiv .btnGroup .g_button {
    box-sizing: border-box;
    color: #fff;
    margin: 0 auto .4rem;
    overflow: hidden;
    padding: 0 .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.proDetailDiv .btnGroup.half .g_button {
    width: 45%
}

.proDetailDiv .mallOptionBox {
    border-top: 1px solid #b5d2e5;
    margin: .5rem .5rem 0;
    padding-top: .5rem
}

.proDetailDiv .mallOptionBox .mallOptionLine {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    text-align: left
}

.proDetailDiv .mallOptionLine span {
    margin: .5rem 0
}

.proDetailDiv .mallOptionLine .optionsBlock {
    display: inline-block
}

input[type=checkbox],
input[type=radio] {
    vertical-align: -2px
}

.proDetailDiv .mallOptionLine input {
    display: none
}

.proDetailDiv .mallOptionLine label {
    background-color: #fff;
    border: 1px solid #ceced0;
    display: inline-block;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: 0 0 .25rem .25rem;
    padding: 0 .5rem
}

.proDetailDiv .mallOptionLine .optionSelected {
    border: 2px solid red;
    height: 1.3rem;
    line-height: 1.3rem
}

.proDetailDiv .mallOptionLine label {
    box-sizing: content-box !important
}

.productParam {
    color: #666;
    font-size: .7rem;
    line-height: .9rem;
    text-align: left
}

.g_text.productParam {
    font-size: .8rem;
    line-height: 2rem;
    overflow: hidden;
    padding-left: .5rem;
    text-align: left;
    text-decoration: none
}

.marketPrice {
    font-size: .6rem;
    text-decoration: line-through
}

.fullScreenDiv {
    height: 100%;
    left: 150%;
    max-width: 768px;
    overflow-x: hidden;
    overflow-y: auto !important;
    position: fixed;
    top: 0;
    transition: all .5s;
    visibility: hidden;
    width: 100%;
    z-index: 999 !important
}

.showFullScreen {
    left: 0;
    transition: all .5s;
    visibility: visible
}

.BanksDetailHeader,
.loginHeader,
.ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.loginHeader .title,
.ShipDetailsHeader .title {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    height: 2.4rem;
    line-height: 2.4rem;
    max-width: 11.5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.postArea {
    margin: .5rem;
    padding-bottom: 1rem
}

.mbTitle {
    color: #2982ba;
    font-size: .8rem;
    font-weight: 500;
    text-align: center
}

.postArea .g_input {
    padding-left: 2.1rem
}

.postArea .g_textArea {
    height: 5rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem
}

.postArea .captchaText {
    padding-left: .75rem
}

.captchaImg {
    position: absolute;
    right: .5rem;
    top: 1rem;
    width: 4.5rem;
    z-index: 2
}

.postArea .captchaImg {
    top: .5rem
}

.icon-update:before {
    color: #666;
    content: "";
    font-size: 1.2rem;
    font-weight: 700;
    position: absolute;
    right: .2rem;
    top: 1.3rem;
    z-index: 2
}

.postArea .icon-update:before {
    top: .7rem
}

.pdCommentSwitchBox {
    margin: 1rem auto;
    width: 90%
}

.pdCommentSwitch {
    background: #fff;
    border: 1px solid #cecece;
    color: #666;
    height: 1.75rem
}

.liuyanIcon {
    background: url(/image/mall/liuyan.png?v=202306291520) no-repeat
}

.pdCommentSwitch .left {
    background-position: 50% 50%;
    background-size: 1rem;
    float: left;
    height: 1.75rem;
    width: 1.75rem
}

.pdCommentSwitch .middle {
    float: left;
    height: 1.75rem;
    line-height: 1.75rem
}

.rightArrow {
    background: url(/image/mall/jjtou.png?v=202306291520) no-repeat
}

.pdCommentSwitch .right {
    background-position: 50% 50%;
    background-size: 1rem;
    float: right;
    height: 1.75rem;
    width: 1.75rem
}

.knowPayNotPayTips {
    background: url(/image/v2/pay.png?v=202306291520) 50%/cover no-repeat;
    height: 5.3rem;
    width: 9.85rem
}

.product_detail_recommand_photo_equalRatioScale {
    background-size: contain !important
}

.product_detail_recommand_photo_stretchScale {
    background-size: 100% 100% !important
}

#module71 .titleCenter {
    cursor: default
}

.detailPanelV3 #productTabUl .tabLi,
.detailPanelV3 #productTabUl .tabUiDiv2 {
    width: auto
}

.searchRange {
    color: #888;
    display: inline-block;
    font-size: .6rem;
    font-weight: 500;
    height: 1.83rem;
    line-height: 1.83rem;
    margin-left: .62rem;
    margin-right: .2rem;
    max-width: 3.5rem;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.weChatCodeBg {
    z-index: 9998
}

.weChatCodeBg,
.weChatCodeBg .weChatBg {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%
}

.weChatCodeBg .weChatBg {
    background-color: rgba(0, 0, 0, .7)
}

.weChatCodePanel {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.weChatCodePanel .weChatBackground {
    background: #fff;
    border-radius: .25rem;
    height: auto;
    left: 50%;
    padding: 1.25rem 0 1rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 11rem;
    z-index: 9999
}

.weChatCodePanel .weChatCode {
    height: 8.5rem;
    width: 8.5rem;
    z-index: 9999
}

.weChatCodePanel .weChatCodeFont {
    box-sizing: border-box;
    display: block;
    font-size: .65rem;
    padding: .5rem 1rem 0;
    text-align: center;
    width: 100%;
    z-index: 9999
}

.not-allowed-button {
    cursor: not-allowed;
    opacity: .5
}

.g_web::-webkit-scrollbar {
    height: 0;
    width: 0
}

#g_web {
    scrollbar-width: none;
    position: relative;
    z-index: 1000
}

.coverLayer {
    background-color: #ccfafa;
    bottom: 0;
    filter: alpha(opacity=50);
    left: 0;
    margin: 0;
    opacity: .5;
    overflow: hidden;
    padding: 0
}

.coverLayer,
.coverLayerOperation {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9030
}

.g_middlePlaceholder {
    background: #ccfafa;
    border: 1px dashed blue;
    height: 25px
}

.f-formPackContent {
    height: 100%
}

.f-formPackContent .g_middlePlaceholder {
    display: none
}

.g_middlePlaceholder2 {
    background: #ccfafa;
    border: 1px dashed blue;
    float: left;
    height: 26px;
    width: 50px
}

#module28moveFrameBottom,
#module28moveFrameLeft,
#module28moveFrameRight,
#module28moveFrameTop {
    z-index: 1001
}

.moveLayer {
    background: #ccfafa url(/image/move.gif) 50% no-repeat;
    cursor: move;
    filter: alpha(opacity=40);
    left: 0;
    margin: 0;
    opacity: .4;
    padding: 0;
    top: 0;
    width: 40px;
    z-index: 9030
}

.moveFrame,
.moveLayer {
    overflow: hidden;
    position: absolute
}

.moveFrame {
    zoom: 1;
    border: 0 dashed #5874d8;
    font-size: 0;
    z-index: 80
}

.fk-inPackEditLayer {
    border: none
}

.fk-simpleTextInPackLayer {
    border-color: #2b73ba
}

.jz-lockEditMoveFrame {
    border: 0 dashed #c00000
}

.moveFrame.fk-moveFrame-for-pack {
    border: 0 dashed #7e807f
}

.g_middlePlaceholder {
    background-color: rgba(233, 237, 247, .7);
    border: 1px dashed #618cef;
    box-sizing: border-box;
    color: #5874d8;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 100%
}

.webModuleContainer .addNewModule {
    display: block;
    height: 105px;
    line-height: 95px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative
}

.webModuleContainer .addNewModule .addBtn {
    border: 1px dashed #3298fe;
    color: #000;
    height: 95px;
    margin-top: 10px
}

.webModuleContainer .addNewModule .addBtn_Icon {
    background: url(/image/bg05.png?v=202306291520) -1450px -149px no-repeat;
    cursor: pointer;
    height: 37px;
    margin: 29px auto;
    _margin: 33px auto;
    width: 129px
}

.webModuleContainer .addNewModule .addBtn:hover .addBtn_Icon {
    background-position: -1450px -200px
}

.fk-packModuleLayer,
.fk-tabModuleLayer {
    background-color: #7e807f;
    border-color: #7e807f;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.fk-tabHandle {
    background: #7e807f url(/image/v2/mbg01.png?v=202312111117) no-repeat -1280px -392px;
    border-radius: 0 0 0 30px;
    cursor: move;
    display: none;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 99
}

.fk-tabEditTool,
.fk-tabEditTool .tool {
    background-color: #7e807f
}

.fk-tabEditTool .tool {
    border-radius: 4px;
    width: 52px
}

.fk-tabEditTool~.item,
.fk-tabEditTool~.item .tool {
    background-color: #7e807f
}

.fk-tabEditTool~.itemHr {
    border-color: #8f9090
}

.fk-addNewModuleBtn {
    border: 1px dashed #3298fe;
    height: 140px;
    left: 0;
    line-height: 140px;
    margin: -70px 3px 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 98%
}

.fk-addNewModuleBtn .addBtn_Icon {
    background: url(/image/bg05.png?v=202306291520) -1450px -149px no-repeat;
    cursor: pointer;
    height: 37px;
    margin: 52px auto;
    width: 129px
}

.fk-addNewModuleBtn:hover .addBtn_Icon {
    background-position: -1450px -200px
}

.fk-addNewModuleBtn .addBtn_Icon.f-disableEdit {
    background-position: -1450px -251px
}

.fk-nullModuleInFoldStyle .f-formFoldContentList,
.fk-nullModuleInTabStyle .f-formTabContentList {
    height: 200px
}

.fk-nullModuleInTabStyle .f-formTabModuleContent {
    display: none
}

.layoutBorder {
    zoom: 1;
    border: 0 dashed #7e807f;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    z-index: 9030
}

div.fixedAreaBox {
    transition: bottom .4s
}

div.fixedAreaBox .mallNavTextWrap .newOpenNavItem {
    width: 0
}

.f-addContent,
.f-packEditBtn {
    height: 200px;
    position: relative
}

.f-addContent {
    text-align: center;
    width: 98%
}

.f-addContent .addBtn_Icon {
    background: url(/image/bg05.png?v=202306291520) -1450px -149px no-repeat;
    bottom: 0;
    cursor: pointer;
    height: 37px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 129px;
    z-index: 1
}

.f-addContent:hover .addBtn_Icon {
    background-position: -1450px -200px
}

.f-addContent .addBtn_Icon.f-disableEdit {
    background-position: -1450px -251px
}

.f-addContent .f-addText {
    color: #b8b8b8;
    cursor: pointer;
    padding-top: 25px;
    position: relative;
    top: 50%
}

.form .f-handleHover .ui-resizable-icon3 {
    background: transparent url(/image/resizable/blueCircle.png?v=202306291520) no-repeat 0 0
}

.fk-childModuleHover .ui-resizable-line {
    display: none
}

.fk-moduleContextMenu .context-menu-item {
    color: #000;
    padding: 5px 20px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fk-moduleContextMenu .context-menu-separator {
    border-bottom: 1px solid #f1f1f1;
    margin: 2px 0;
    padding: 0
}

.fk-moduleContextMenu .f-tip {
    background: none;
    height: 12px;
    left: 10px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 12px
}

.fk-moduleContextMenu .f-icon-bottomIndex .f-tip {
    background: url(/image/v2/mbg01.png?v=202312111117) no-repeat -1778px -155px
}

.fk-moduleContextMenu .f-icon-topIndex .f-tip {
    background: url(/image/v2/mbg01.png?v=202312111117) no-repeat -1778px -130px
}

#context-menu-layer {
    z-index: 9030 !important
}

.fk-moduleContextMenu {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .27);
    font-family: Microsoft YaHei;
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    min-width: 120px;
    padding: 1px 0;
    position: absolute;
    z-index: 9031 !important
}

.fk-moduleContextMenu .context-menu-hover {
    background-color: #698ce8;
    color: #fff;
    cursor: pointer
}

.fk-setEditTip {
    border-radius: 3px 0 0 0;
    bottom: 1px;
    height: 20px;
    position: absolute;
    right: 0;
    width: 24px;
    z-index: 1009
}

.fk-lockEditTip {
    background: #eb3f3f url(/image/mobi/lockEdit.png?v=202306291520) no-repeat 7px 2px
}

.fk-openEditTip {
    background: #56a1e3 url(/image/mobi/lockEdit.png?v=202306291520) no-repeat -45px 2px
}

.ui-sortable-helper {
    z-index: 20
}

.fk-moduleOverlay {
    background: #fff;
    cursor: move;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.fixSortPack.formStyle51 {
    height: 58px !important;
    overflow: visible !important
}

.fixSortPackFormMiddle {
    display: block !important
}

.fixSortPackContent,
.fixSortPackFormMiddle {
    height: 0 !important;
    overflow: visible !important
}

.fixSortModule {
    display: block !important;
    overflow: visible !important
}

.draggableOutPack {
    opacity: .8 !important;
    transform: scale(.5) !important;
    z-index: 1000 !important
}

.fixModuleOverFlow {
    overflow: visible !important
}

.fk-multiDragBtn {
    background: #dddee2 url(/image/v2/mbg01.png?v=202312111117) no-repeat -1280px -393px;
    border-radius: 0 0 0 30px;
    cursor: move;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 99
}

.fk-multiDragBtn:hover {
    background-color: #5874d8
}

.fk-sortModuleStyle .fk-multiDragBtn {
    display: none !important
}

.absAlignTop {
    border-top: 1px solid #ff009c;
    height: 0;
    top: -500px;
    width: 100%
}

.absAlignRight,
.absAlignTop {
    position: absolute;
    z-index: 9033
}

.absAlignRight {
    border-left: 1px solid #ff009c;
    height: 100%;
    left: -500px;
    width: 0
}

.absAlignBottom {
    border-top: 1px solid #ff009c;
    height: 0;
    top: -500px;
    width: 100%
}

.absAlignBottom,
.absAlignLeft {
    position: absolute;
    z-index: 9033
}

.absAlignLeft {
    border-left: 1px solid #ff009c;
    height: 100%;
    left: -500px;
    width: 0
}

.absAlignLevel {
    border-top: 1px solid #ff009c;
    height: 0;
    position: absolute;
    top: -500px;
    width: 100%;
    z-index: 9033
}

.absAlignVertical {
    border-left: 1px solid #ff009c;
    height: 100%;
    left: -500px;
    position: absolute;
    width: 0;
    z-index: 9033
}

.form .fk-editor-line {
    position: absolute
}

.form .fk-editor-bd {
    border: 1px #2b73ba
}

.form .fk-editor-bdNone {
    border: 0 !important
}

.form .fk-editor-leftLine {
    border-left-style: dashed;
    height: 100%;
    left: 0;
    top: 0;
    width: 0
}

.form .fk-editor-rightLine {
    border-right-style: dashed;
    height: 100%;
    right: 0;
    top: 0;
    width: 0
}

.form .fk-editor-topLine {
    border-top-style: dashed;
    height: 0;
    left: 0;
    top: 0;
    width: 100%
}

.form .fk-editor-bottomLine {
    border-bottom-style: dashed;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%
}

.ui-resizable-imgBottomTip,
.ui-resizable-imgLeftTip,
.ui-resizable-imgRightTip,
.ui-resizable-imgTopTip {
    background: url(/image/imgResizeIcon.gif?v=202306291520) no-repeat
}

.ui-resizable-imgTopTip {
    background-position: 50% 49%
}

.ui-resizable-imgBottomTip {
    background-position: 50% 50%
}

.ui-resizable-imgBottomTip .imgResizeLine-first,
.ui-resizable-imgBottomTip .imgResizeLine-second,
.ui-resizable-imgTopTip .imgResizeLine-first,
.ui-resizable-imgTopTip .imgResizeLine-second {
    margin: 4px 0 0 4px
}

.ui-resizable-imgLeftTip,
.ui-resizable-imgRightTip {
    background-position: 49% 50%
}

.ui-resizable-imgLeftTip .imgResizeLine,
.ui-resizable-imgRightTip .imgResizeLine {
    border-left: 1px solid #52aeff;
    height: 50%;
    width: 0
}

.ui-resizable-imgBottomTip .imgResizeLine,
.ui-resizable-imgTopTip .imgResizeLine {
    border-top: 1px solid #52aeff;
    float: left;
    height: 0;
    width: 40%
}

.ui-resizable-imgLeftTip .imgResizeLine-first,
.ui-resizable-imgLeftTip .imgResizeLine-second,
.ui-resizable-imgRightTip .imgResizeLine-first,
.ui-resizable-imgRightTip .imgResizeLine-second {
    margin: 4px 0 0 4px
}

.addNoProTips {
    margin: 10px 10px 0
}

.jz_subMenu_fold.jz_subMenu_bar .nav_1_level:after {
    right: .2rem;
    transform: rotate(-44%)
}

.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2 {
    right: -1rem
}

.popupAddContent {
    display: none
}

.jz_popupZoneEdit .popupAddContent {
    background-color: #5874d8;
    border-radius: 1px;
    color: #fff;
    display: block;
    height: 46px;
    left: 50%;
    line-height: 46px;
    margin-left: -92px;
    margin-top: -23px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 184px
}

.jz_popupZoneEdit .popupAddContent span {
    cursor: default
}

.jz_popupZoneEdit .popupAddContent:hover {
    background-color: #5f7ce4
}

.fk-sortModuleStyle .popupAddContent {
    display: none
}

.g_manageMode .jz_popupZone_wrap_design {
    background: url(/image/module/popupZone/bg.png?v=202306291520) repeat
}

.formStyle62.fk-sortModuleStyle .formMiddle {
    display: block;
    filter: blur(1px)
}

.jz_zone_animate {
    animation: fadeOutIn_zone 1s ease-out forwards
}

@keyframes fadeOutIn_zone {
    0% {
        opacity: 1
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

.jz_resizable_helper.ui-resizable-handle {
    border: 2px dotted #666
}

.jz_resizable_handle,
.jz_resizable_handle.ui-resizable-handle {
    background: none;
    opacity: 1;
    position: absolute
}

.jz_resizable_handle__e {
    cursor: e-resize;
    height: 100%;
    right: 0;
    top: 0;
    width: 9px
}

.jz_resizable_handle__w {
    cursor: e-resize;
    height: 100%;
    left: 0;
    top: 0;
    width: 9px
}

.jz_resizable_handle__s {
    bottom: 0;
    cursor: s-resize;
    height: 9px;
    left: 0;
    width: 100%
}

.jz_resizable_handle__n {
    cursor: s-resize;
    height: 9px;
    left: 0;
    top: 0;
    width: 100%
}

.jz_resizable_handle__ne {
    cursor: ne-resize;
    height: 12px;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    width: 12px
}

.jz_resizable_handle__nw {
    cursor: nw-resize;
    height: 12px;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    width: 12px
}

.jz_resizable_handle__sw {
    bottom: 0;
    cursor: sw-resize;
    height: 12px;
    left: 0;
    transform: translate(-50%, 50%);
    width: 12px
}

.jz_resizable_handle__se {
    bottom: 0;
    cursor: se-resize;
    height: 12px;
    right: 0;
    transform: translate(50%, 50%);
    width: 12px
}

.jz_resizable_handle__e:before,
.jz_resizable_handle__n:before,
.jz_resizable_handle__s:before,
.jz_resizable_handle__w:before {
    background-color: #fff;
    border: 0 dashed #2b73ba;
    content: "";
    display: none;
    position: absolute
}

.jz_resizable_handle__e:before {
    border-right-width: 1px;
    height: 100%;
    right: 0;
    top: 0
}

.jz_resizable_handle__w:before {
    border-left-width: 1px;
    height: 100%;
    left: 0;
    top: 0
}

.jz_resizable_handle__s:before {
    border-bottom-width: 1px;
    bottom: 0;
    left: 0;
    width: 100%
}

.jz_resizable_handle__n:before {
    border-top-width: 1px;
    left: 0;
    top: 0;
    width: 100%
}

.jz_resizable_handle__show:before {
    display: block
}

.jz_resizable_handle__dock:before {
    display: none
}

.jz_resizable_handle:after {
    background-color: #fff;
    border: 1px solid #5874d8;
    border-radius: 4px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: 8px;
    position: absolute;
    width: 8px
}

.jz_resizable_handle__e:after {
    right: 0;
    top: 50%;
    transform: translate(50%, -50%)
}

.jz_resizable_handle__w:after {
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

.jz_resizable_handle__s:after {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%)
}

.jz_resizable_handle__n:after {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%)
}

.jz_resizable_handle__ne:after,
.jz_resizable_handle__nw:after,
.jz_resizable_handle__se:after,
.jz_resizable_handle__sw:after {
    left: 2px;
    top: 2px
}

.jz_resizable_handle__hover:after {
    display: block
}

.jz_resizable_handle__dock:after {
    display: none
}

.resizeDockTip {
    position: absolute;
    z-index: 99999
}

.resizeDockTip .dockContent {
    background-color: #fffaee;
    border: 1px solid #f5e4b9;
    border-radius: 2px;
    color: #333;
    font-size: 13px;
    line-height: 21px;
    padding: 2px 8px
}

.fk-tabStyle1 .f-formTabButton {
    position: relative
}

.fk-canConnectModule .fk-tabStyle1 .tabButtonVisibility .g_middlePlaceholder,
.fk-canConnectModule .formTab2.fk-tabStyle1 .tabButtonVisibility .fk-dragPlaceholder {
    border-radius: .75rem
}

.fk-canConnectModule .formTab2 .fk-dragPlaceholder,
.fk-canConnectModule .formTab2 .g_middlePlaceholder {
    height: auto;
    line-height: inherit;
    width: auto
}

.fk-canConnectModule .fk-packSortContainer .g_middlePlaceholder,
.fk-canConnectModule .fk-popupZoneSortContainer .g_middlePlaceholder {
    background-color: rgba(233, 237, 247, .7);
    border: 1px dashed #618cef;
    box-sizing: border-box;
    color: #5874d8;
    height: 100%;
    margin: 0
}

.fk-canConnectModule .fk-packSortContainer .fk-dragPlaceholder,
.fk-canConnectModule .fk-popupZoneSortContainer .fk-dragPlaceholder {
    background-color: rgba(233, 237, 247, .7);
    border: 1px dashed #618cef;
    box-sizing: border-box;
    color: #5874d8;
    height: 100%;
    line-height: 200px;
    margin: 0 auto;
    width: 100%;
    z-index: 999
}

.fk-canConnectModule .formTab2 .f-formTabButton .fk-dragPlaceholder,
.fk-canConnectModule .formTab2 .f-formTabButton .g_middlePlaceholder {
    width: 100%
}

.fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .fk-dragPlaceholder,
.fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .g_middlePlaceholder {
    background-color: transparent !important;
    background-color: initial !important;
    border: none !important
}

.fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .fk-dragPlaceholder .f-formTabMiddle,
.fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .g_middlePlaceholder .f-formTabMiddle {
    background-color: rgba(233, 237, 247, .7) !important;
    border: 1px dashed #618cef !important;
    box-shadow: none !important
}

.fk-canConnectModule .formTab2 .fk-dragPlaceholder .f-formTabMiddle,
.fk-canConnectModule .formTab2 .g_middlePlaceholder .f-formTabMiddle {
    background-color: transparent !important;
    background-color: initial !important;
    box-shadow: none !important;
    display: block !important
}

.fk-canConnectModule .formTab2 .fk-dragPlaceholder .f-formTabButtonText,
.fk-canConnectModule .formTab2 .g_middlePlaceholder .f-formTabButtonText {
    color: #5874d8 !important;
    font-size: 13px !important;
    font-weight: inherit !important
}

.fk-canConnectModule .formTab2 .fk-dragPlaceholder .f-formTabButtonUnderLine,
.fk-canConnectModule .formTab2 .g_middlePlaceholder .f-formTabButtonUnderLine {
    visibility: hidden
}

.fk-canConnectModule .fk-tabStyle2 .tabButtonVisibility,
.fk-canConnectModule .formTab2.fk-tabStyle2 .tabButtonVisibility {
    padding: 0
}

.formTab2 .f-formTabButton.tabButtonVisibility:not(.fk-dragPlaceholder) .f-formTabMiddle,
.formTab2 .f-formTabButton.tabButtonVisibility:not(.g_middlePlaceholder) .f-formTabMiddle {
    display: none
}

.fk-foldStyle1 .f-formFoldItem.currentPos {
    border: initial;
    border-radius: 0;
    border-radius: initial
}

.fk-foldStyle1 .f-formFoldItem.currentPos .f-formFoldButton,
.fk-foldStyle1 .f-formFoldItem.currentPos .f-formFoldContent {
    display: none
}

.fk-foldStyle1 .g_middlePlaceholder,
.fk-foldStyle3 .g_middlePlaceholder {
    height: 2.2rem;
    line-height: 2.2rem;
    margin: .5rem .3rem;
    width: auto
}

.fk-foldStyle2 .g_middlePlaceholder {
    height: 1.9rem;
    line-height: 1.9rem;
    margin: .5rem .3rem;
    width: auto
}

.f-formFoldItem.currentPos .g_middlePlaceholder {
    margin: 0
}

.fk-photoListCard .f-showPic_0 {
    pointer-events: inherit
}

.multi_photo_list .leftRightContainer .drag_also_resize_start {
    width: auto !important
}

.product-list-wrap .drag_also_resize_wrap,
.product-list-wrap .drag_resize_wrap {
    transition: none 0s ease 0s;
    transition: initial
}

.jz_floatZoneEdit {
    overflow: hidden !important
}

.jz_floatZoneEdit .g_web .webModuleContainer>div,
.jz_floatZoneEdit .g_web>div {
    display: none !important
}

.jz_floatZoneEdit .g_web .webContainerBox {
    display: block !important;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed !important;
    top: 0;
    transform: none;
    transition: none 0s ease 0s;
    transition: initial;
    width: 100%
}

.jz_floatZoneEdit .g_web .webModuleContainer .floatZoneContainer,
.jz_floatZoneEdit .g_web .webModuleContainer .jz_float_zone_module {
    display: block !important
}

.jz_floatZoneEdit .g_web .webModuleContainer .floatZoneContainer {
    height: 100%;
    width: 100%
}

.jz_floatZoneEdit .jz_float_zone_module>.formMiddle.formMiddle {
    background: url(/image/module/floatZone/bg.jpg?v=202306291520) repeat !important
}

.jz_floatZoneEdit #g_body {
    overflow: hidden
}

.jz_floatZoneEdit .g_web,
.jz_floatZoneEdit .jz_float_zone_module,
.jz_floatZoneEdit .jz_float_zone_module .formMiddle,
.jz_floatZoneEdit .jz_float_zone_module .formMiddleContent,
.jz_floatZoneEdit .jz_float_zone_module .middleCenter,
.jz_floatZoneEdit .webContainerBox,
.jz_floatZoneEdit .webModuleContainer {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important
}

.jz_floatZoneEdit .jz_float_zone_module .formMiddle.formMiddle {
    background: none
}

.fk-canConnectModule .fk-floatZoneSortContainer,
.fk-canConnectModule .fk-packSortContainer {
    background: hsla(0, 0%, 100%, 0);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 88
}

.fk-canConnectModule .fk-floatZoneSortContainer .fk-dragPlaceholder,
.fk-canConnectModule .fk-packSortContainer .fk-dragPlaceholder {
    background-color: rgba(233, 237, 247, .7);
    border: 1px dashed #618cef;
    box-sizing: border-box;
    color: #5874d8;
    height: 100%;
    line-height: 200px;
    margin: 0 auto;
    width: 100%;
    z-index: 999
}

.jz_floatZoneEdit .fk-sortModuleStyle.formStyle51.fk-canConnectModule {
    height: 0 !important
}

.formStyle103.fk-sortModuleStyle .formMiddle {
    display: block;
    filter: blur(1px)
}

.designer_v2_editor .photo-style-item {
    border-radius: 4px
}

.designer_v2_editor .photo-list-item-selected .photo-list-item-icon {
    display: none
}

.designer_v2_editor .jz-input-textarea .input-textarea-inner:focus,
.designer_v2_editor .jz-input-textarea:hover .input-textarea-inner,
.designer_v2_editor .jz-input-wrapper:hover .jz-input,
.designer_v2_editor .jz-input:focus,
.designer_v2_editor .jz-photo-checked,
.designer_v2_editor .jz-photo-group .jz-photo-group-item:not(.jz-photo-checked):hover,
.designer_v2_editor .jz-switch-checked,
.designer_v2_editor .photo-list-item-hover,
.designer_v2_editor .photo-list-item-selected,
.designer_v2_editor .photo-style-item.selected,
.designer_v2_editor .photo-style-item:hover {
    border-color: #ff9425
}

.designer_v2_editor .jz-slider-wrapper .slider-check-line,
.designer_v2_editor .jz-slider-wrapper .slider-handle,
.designer_v2_editor .jz-switch-checked,
.designer_v2_editor .jz-tabs-default .tabs-bar,
.designer_v2_editor .jz_background__square_item--active,
.designer_v2_editor .jz_background__square_item--active:hover,
.designer_v2_editor .settingPanelNav .setingPanelTab.active:after {
    background-color: #ff9425
}

.designer_v2_editor .jz-select-item-selected,
.designer_v2_editor .jz-select-item:hover,
.designer_v2_editor .jz_transfer_source .jz_transfer_item:hover,
.designer_v2_editor .photo-list-item-edit {
    background-color: #fe714b
}

.designer_v2_editor .jz_button__active {
    background-color: #fe714b;
    border-color: #fe714b
}

.designer_v2_editor .jz_button:hover {
    background-color: #ff8555;
    border-color: #ff8555
}

.designer_v2_editor .jz_button:active {
    background-color: #f46038;
    border-color: #f46038
}

.designer_v2_editor .jz-table-dd-list .dd-handle:hover {
    background-color: #fff5f0 !important
}

.designer_v2_editor .jz_button[disabled] {
    background-color: #fff;
    border-color: #eaeaea
}

.designer_v2_editor .jz-tabs-default .tabs-item-active {
    color: #ff9425
}

.designer_v2_editor .jz-photo-checked:after {
    display: none
}

.designer_v2_editor .fk-dragPlaceholder,
.designer_v2_editor .form .fk-editor-bd,
.designer_v2_editor .jz_resizable_handle:after,
.designer_v2_editor .moveFrame,
.designer_v2_editor .newDashedFrame,
.designer_v2_editor .ui-resizable-line,
.designer_v2_editor .webModuleContainer .addNewModule .addBtn {
    border-color: #fe714b
}

.designer_v2_editor .fk-canConnectModule .fk-floatZoneSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-packSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-packSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-popupZoneSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-popupZoneSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-tabSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-dragPlaceholder,
.designer_v2_editor .fk-selectedTool .f-toolCopy:hover .f-toolType-icon:after,
.designer_v2_editor .fk-selectedTool .f-toolDelete:hover .f-toolType-icon:after,
.designer_v2_editor .g_middlePlaceholder {
    color: #fe714b
}

.designer_v2_editor .fk-multiDragBtn:hover,
.designer_v2_editor .jz_popupZoneEdit .popupAddContent {
    background-color: #fe714b
}

.designer_v2_editor .dragManageFrameTop {
    border-top-color: #fe714b
}

.designer_v2_editor .dragManageFrameRight {
    border-right-color: #fe714b
}

.designer_v2_editor .dragManageFrameBottom {
    border-bottom-color: #fe714b
}

.designer_v2_editor .dragManageFrameLeft {
    border-left-color: #fe714b
}

.designer_v2_editor .fk-canConnectModule .formTab2 .fk-dragPlaceholder .f-formTabButtonText,
.designer_v2_editor .fk-canConnectModule .formTab2 .g_middlePlaceholder .f-formTabButtonText {
    color: #fe714b !important
}

.designer_v2_editor .fk-canConnectModule .fk-packSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-packSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-popupZoneSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-popupZoneSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-tabSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule.tabChooseField .J_formTabContentList,
.designer_v2_editor .fk-dragPlaceholder,
.designer_v2_editor .g_middlePlaceholder,
.designer_v2_editor .productListEditLayer div.itemHr,
.fk-canConnectModule .fk-floatZoneSortContainer .fk-dragPlaceholder {
    border-color: #ff9425
}

.designer_v2_editor .fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .fk-dragPlaceholder .f-formTabMiddle,
.fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .g_middlePlaceholder .f-formTabMiddle {
    border-color: #ff9425 !important
}

.designer_v2_editor .productListEditLayer {
    margin-left: -3px;
    margin-top: -3px
}

.designer_v2_editor .editLayer .button,
.designer_v2_editor .editLayer .close,
.designer_v2_editor .editLayer .close_2,
.designer_v2_editor .editLayer .edit,
.designer_v2_editor .editLayer .edit_2,
.designer_v2_editor .editLayer .private,
.designer_v2_editor .editLayer .public,
.designer_v2_editor .editLayer .reply,
.designer_v2_editor .editLayer .top1,
.designer_v2_editor .productListEditLayer .productListClose,
.designer_v2_editor .productListEditLayer .productListEdit,
.designer_v2_editor .productListEditLayer .productListTopIcon {
    background-color: #ff9425
}

.designer_v2_editor .editLayer .button:hover,
.designer_v2_editor .editLayer .close:hover,
.designer_v2_editor .editLayer .close_2:hover,
.designer_v2_editor .editLayer .edit:hover,
.designer_v2_editor .editLayer .edit_2:hover,
.designer_v2_editor .editLayer .private:hover,
.designer_v2_editor .editLayer .productListClose:hover,
.designer_v2_editor .editLayer .productListEdit:hover,
.designer_v2_editor .editLayer .productListTopIcon:hover,
.designer_v2_editor .editLayer .public:hover,
.designer_v2_editor .editLayer .reply:hover,
.designer_v2_editor .editLayer .top1:hover,
.designer_v2_editor .fk-selectedTool .f-wrap-item:hover,
.designer_v2_editor .fk-selectedTool .f-wrap-item:hover .f-text,
.designer_v2_editor .productListEditLayer .button:hover {
    background-color: #ff880c
}

.designer_v2_editor .editLayer_2:hover {
    border-color: #ff880c
}

.designer_v2_editor .editLayer_2,
.designer_v2_editor .fk-dragPlaceholder,
.designer_v2_editor .g_middlePlaceholder,
.designer_v2_editor .singleEdit_LR_Border,
.designer_v2_editor .singleEdit_TB_Border {
    border-color: #ff9425
}

.designer_v2_editor .editLayer.is_1,
.designer_v2_editor .editLayer.is_106,
.designer_v2_editor .productListEditLayer,
.designer_v2_editor .productListEditLayer:hover {
    background-color: #ff9425;
    border-color: #ff9425;
    border-radius: 4px
}

.designer_v2_editor .editLayer.is_6,
.designer_v2_editor .editLayer.is_106 {
    transform: translate(-3px, -3px)
}

.designer_v2_editor .editLayer.is_5 {
    transform: translate(-3px, 3px)
}

.designer_v2_editor .editLayer .itemHr,
.designer_v2_editor .editLayer_2 div.itemHr {
    border-color: hsla(0, 0%, 100%, .15);
    height: 16px;
    margin-top: 5px
}

.designer_v2_editor .fk-canConnectModule .fk-floatZoneSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-packSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-packSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-popupZoneSortContainer .fk-dragPlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-popupZoneSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule .fk-tabSortContainer .g_middlePlaceholder,
.designer_v2_editor .fk-canConnectModule.tabChooseField .J_formTabContentList,
.designer_v2_editor .fk-dragPlaceholder,
.designer_v2_editor .formStyle58.foldChooseField .fk-addNewModuleBtn,
.designer_v2_editor .g_middlePlaceholder {
    background-color: #fff5f0
}

.designer_v2_editor .fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .fk-dragPlaceholder .f-formTabMiddle,
.designer_v2_editor .fk-canConnectModule .formTab2.fk-tabStyle1 .f-formTabButton .g_middlePlaceholder .f-formTabMiddle {
    background-color: #fff5f0 !important
}

.designer_v2_editor .f-addContent .addBtn_Icon {
    background: url(/image/bg05_mall.png?v=202306291520) -1450px -149px no-repeat
}

.designer_v2_editor .webModuleContainer .addNewModule .addBtn:hover .addBtn_Icon {
    background-position: -1450px -200px
}

.designer_v2_editor .webModuleContainer .addNewModule .addBtn_Icon {
    background: url(/image/bg05_mall.png?v=202306291520) -1450px -149px no-repeat
}

.designer_v2_editor .fk-addNewModuleBtn:hover .addBtn_Icon {
    background-position: -1450px -200px
}

.designer_v2_editor .fk-addNewModuleBtn .addBtn_Icon {
    background: url(/image/bg05_mall.png?v=202306291520) -1450px -149px no-repeat
}

.designer_v2_editor .f-addContent:hover .addBtn_Icon {
    background-position: -1450px -200px
}

.designer_v2_editor #headTitle_v3 .headTitleEditPen {
    background-color: #ff9425
}

.designer_v2_editor #headTitle_v3 .headTitleEditPen:hover {
    background-color: #ff880c
}

.designer_v2_editor.jz_popupZoneEdit .popupAddContent {
    background-color: #fe714b
}

.designer_v2_editor.jz_popupZoneEdit .popupAddContent:hover {
    background-color: #f46038
}

.jz_themeV3 #g_web .fk-sortModuleStyle.form {
    margin: .3rem 0 0
}

.jz_themeV3 #g_web .fk-sortModuleStyle .formBannerTitle {
    height: 30px
}

.jz_themeV3 #g_web .fk-sortModuleStyle .titleLeft,
.jz_themeV3 #g_web .fk-sortModuleStyle .titleRight {
    display: none
}

.jz_themeV3 #g_web .fk-sortModuleStyle .titleCenter {
    justify-content: flex-start
}

.jz_themeV3 #g_web .fk-sortModuleStyle .titleCenter:after,
.jz_themeV3 #g_web .fk-sortModuleStyle .titleCenter:before {
    display: none
}

.jz_themeV3 #g_web .fk-sortModuleStyle .titleText {
    left: .5rem
}

.jz_themeV3 #g_web .fk-sortModuleStyle .titleText .textContent:after,
.jz_themeV3 #g_web .fk-sortModuleStyle .titleText .titleTextIcon,
.jz_themeV3 #g_web .fk-sortModuleStyle .titleText:before {
    display: none
}

.jz_themeV3 #g_web .fk-sortModuleStyle .formMiddleContent {
    margin: 0;
    padding: 0
}

.fk-dragPlaceholder {
    align-items: center;
    display: flex;
    justify-content: center
}

.ShipDetailsHeader {
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.formDiv {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: 768px;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.formDiv,
.formDiv .form {
    height: 100%
}

#formDiv #module84 {
    width: 100%
}

#formDiv #module84 .formBannerTitle {
    display: none
}

#formDiv #module84 .formMiddle {
    background: #fff !important
}

#formDiv #module84 .formMiddleContent {
    margin: 0 !important
}

.formDiv .popupName {
    color: #fff;
    display: inline-block;
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.formDiv.maskStyle .popupName {
    color: #333
}

.formDiv .form .moduleContent {
    color: #666
}

.formDiv.maskStyle .jz_mobi_form {
    padding-top: 0
}

.formDiv .jz_mobi_form .submit_btn {
    margin-bottom: .65rem
}

.formDiv .icon-gClose {
    align-items: center;
    content: "򰊔";
    display: flex;
    justify-content: center;
    padding-left: .3rem
}

.formDiv .icon-gClose:before {
    color: #fff;
    content: "򰊔";
    font-size: .8rem
}

@media only screen and (min-width:1280px) {
    .formDiv {
        max-width: 512px
    }
}

#formDiv.maskStyle #module84 {
    margin-top: 2rem
}

.formDiv.maskStyle #modulePopupWrap {
    display: flex;
    justify-content: center;
    max-height: 80%;
    overflow: hidden;
    transition: width .5s, height .5s;
    width: auto
}

.formDiv.maskStyle {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center
}

.formDiv.maskStyle #modulePopup {
    background: #fff;
    border-radius: .15rem;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%
}

.formDiv.maskStyle .fixedHead {
    align-items: center;
    background: #fff;
    display: flex;
    height: 2rem;
    justify-content: center;
    position: fixed;
    text-align: center;
    z-index: 999
}

.formDiv.maskStyle .transitionAnimation {
    transition: width .5s, height .5s
}

.formDiv.maskStyle .fixedHead.noAnimation {
    transition: none
}

.formDiv.maskStyle .mask_close {
    margin-right: .3rem;
    position: absolute;
    right: 0
}

.formDiv.maskStyle .mask_close svg {
    fill: #666;
    cursor: pointer;
    height: .7rem;
    width: .7rem
}

.formDiv.maskStyle .m_mobi_form_validate_code .m_mobi_form_input_text {
    width: 50%
}

.fkarea-ui-dialog {
    background-color: #fff;
    border: 1px solid #ccc;
    bottom: 0;
    display: none;
    font-family: 微软雅黑, sans-serif;
    left: 0;
    pointer-events: auto;
    position: absolute
}

.fkarea-ui-dialog-mask {
    background: #000;
    display: none;
    filter: alpha(opacity=30);
    height: 100%;
    left: 0;
    opacity: .3;
    position: fixed;
    top: 0;
    width: 100%
}

.fkarea-ui-dialog-title {
    background-color: #288df0;
    color: #fff;
    padding: 5px 10px
}

@keyframes fkarea-zoomIn {
    0% {
        height: 0
    }

    to {
        height: 195px
    }
}

@keyframes fkarea-zoomOut {
    0% {
        height: 195px
    }

    to {
        height: 0
    }
}

.fkarea-zoomIn {
    animation-name: fkarea-zoomIn
}

.fkarea-zoomOut {
    animation-name: fkarea-zoomOut;
    display: none\0 !important
}

.fkarea-animated {
    animation-duration: .5s;
    animation-fill-mode: both
}

.fkarea-ui-alert-title,
.fkarea-ui-confirm-title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    white-space: nowrap
}

.fkarea-ui-dialog-action {
    background: #f6f6f6;
    height: 40px;
    pointer-events: auto;
    width: 100%
}

.fkarea-ui-dialog-action,
.fkarea-ui-dialog-action td {
    border: none;
    text-align: center
}

.fkarea-ui-dialog-action button {
    background: none;
    border: none;
    box-sizing: border-box;
    color: #007aff;
    cursor: pointer;
    font-family: 微软雅黑;
    font-size: 16px;
    height: 38px;
    outline: none;
    width: 60%
}

.fkarea-ui-alert {
    overflow: hidden
}

.fkarea-ui-alert .ui-dialog-close {
    display: none
}

.fkarea-ui-alert .ui-alert-submit {
    margin: 0 auto
}

.fkarea-ui-alert-info {
    margin-top: 20px;
    text-align: center
}

.fkarea-ui-confirm-no {
    float: left
}

.fkarea-ui-confirm-submit {
    float: right
}

.fkarea-ui-dialog {
    box-sizing: border-box
}

.fkarea-ui-scroller-mask .ui-scroller {
    font-size: 14px;
    font-weight: 400;
    height: 155px;
    min-width: 260px;
    position: relative;
    width: 100%
}

.fkarea-ui-scroller-mask .ui-scroller>div {
    box-sizing: border-box;
    display: inline-block;
    height: 155px;
    overflow: hidden;
    position: relative;
    width: 33%
}

.fkarea-ui-scroller-mask .ui-scroller dl {
    margin: 0;
    position: absolute;
    top: 30px;
    width: 100%
}

.fkarea-ui-scroller-mask .ui-scroller dd {
    height: 30px;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    width: 100%
}

.fkarea-ui-scroller-mask .ui-scroller dd.focus {
    color: #000
}

.fkarea-ui-scroller-mask .ui-scroller {
    -webkit-mask: -webkit-gradient(linear, 0 30%, 0 100%, from(#debb47), to(rgba(36, 142, 36, 0)))
}

.fkarea-ui-scroller-mask {
    -webkit-mask: -webkit-gradient(linear, 0 60%, 0 0, from(#debb47), to(rgba(36, 142, 36, 0)))
}

.fkarea-ui-scroller-mask .ui-scroller p {
    border: 1px solid #e2e2e2;
    border-left: none;
    border-right: none;
    height: 30px;
    margin: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: -1
}

.fkarea-ui-scroller-mask .ui-scroller .ui-dialog-action {
    margin-top: 10px
}

.webFooterBox .mobiCalendarPlugins {
    background-color: #fff;
    height: 100%;
    max-width: 768px;
    overflow: hidden;
    position: fixed;
    top: 100%;
    transition: all .2s linear;
    width: 100%;
    z-index: 1001
}

.webFooterBox .ui-calendar {
    font-size: .6rem;
    top: 100%;
    visibility: hidden
}

.webFooterBox .ui-calendar-show {
    overflow: hidden;
    top: 0;
    visibility: visible
}

.webFooterBox .ui-calendar-header {
    background: none;
    border-bottom: 1px solid #f1f1f1;
    color: #545454;
    height: 1.75rem;
    margin: 0 1rem .57rem;
    padding: .25rem 0;
    position: relative;
    text-align: center
}

.webFooterBox .ui-calendar-header .ui-calendar-next {
    margin-left: .75rem
}

.webFooterBox .ui-calendar-header a.ui-state-hover {
    background-color: #ccc
}

.webFooterBox .ui-calendar-header .ui-calendar-title {
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    text-align: center
}

.webFooterBox .ui-calendar-calendar {
    border-collapse: separate;
    border-spacing: .75rem .25rem
}

.ui-calendar-title select {
    background: none;
    border: none;
    color: #666;
    float: left;
    font-size: .7rem;
    font-weight: 400;
    height: 1.75rem;
    padding: 0;
    text-indent: .1rem;
    width: 2.5rem
}

.ui-calendar-title:after,
.ui-calendar-title:before,
.webFooterBox .ui-calendar-next:after,
.webFooterBox .ui-calendar-prev:after {
    color: #9d9d9d;
    content: "";
    font-family: icomoon, 微软雅黑, microsoft yahei, 宋体, 新宋体;
    pointer-events: none;
    position: absolute
}

.ui-calendar-title:before {
    font-size: .4rem;
    left: 2.1rem;
    top: .7rem;
    transform: rotate(-90deg)
}

.ui-calendar-title:after {
    font-size: .4rem;
    right: .6rem;
    top: .7rem;
    transform: rotate(-90deg)
}

.webFooterBox .ui-calendar-next,
.webFooterBox .ui-calendar-prev {
    color: #545454;
    height: 1.75rem;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 1.75rem
}

.webFooterBox .ui-calendar-prev {
    left: 0
}

.webFooterBox .ui-calendar-next {
    right: 0
}

.webFooterBox .ui-calendar-prev:after {
    font-size: .55rem;
    left: 0;
    top: .85rem
}

.webFooterBox .ui-calendar-next:after {
    font-size: .55rem;
    right: 0;
    top: .85rem;
    transform: rotate(-180deg)
}

.webFooterBox .ui-state-disable.ui-calendar-next:after,
.webFooterBox .ui-state-disable.ui-calendar-prev:after {
    color: #ccc
}

.webFooterBox .fk-calendarNav {
    background: #ff7214;
    color: #fff;
    font-size: .7rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center
}

select::-ms-expand {
    display: none
}

select {
    background: url(/image/selectTriangle.png?v=202306291520), #f7f7f7;
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: .6rem .6rem;
    border: 1px solid #ececec;
    border-radius: 0;
    color: #666;
    cursor: pointer;
    padding-right: 1rem;
    text-indent: .25rem
}

.ui-calendar-title .ui-calendar-year {
    width: 3rem
}

.ui-calendar-title .ui-calendar-month {
    margin-left: .35rem
}

.ui-calendar-calendar td,
.webFooterBox .ui-calendar-calendar th {
    color: #666;
    font-weight: 400;
    text-align: center
}

.webFooterBox .ui-calendar-calendar thead {
    font-size: .6rem
}

.webFooterBox .ui-calendar-calendar a {
    color: #000;
    display: block;
    text-decoration: none
}

.webFooterBox .ui-calendar-calendar tr.ui-calendar-gap td {
    background: transparent;
    border: none;
    font-size: 0;
    line-height: .25rem
}

.webFooterBox .ui-calendar-calendar .ui-calendar-unSelectable .ui-state-default,
.webFooterBox .ui-calendar-calendar td.ui-calendar-unSelectable {
    color: #ccc
}

.webFooterBox .ui-calendar-calendar td.ui-state-hover {
    background: #ccc
}

.webFooterBox .ui-slideup .header {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    height: 2.15rem;
    line-height: 2.15rem;
    opacity: .9;
    overflow: hidden
}

.ui-slideup .no-btn,
.webFooterBox .ui-slideup .ok-btn {
    border-width: .25rem;
    color: #fff;
    display: block;
    font-size: .6rem;
    font-weight: 700;
    height: 1rem;
    line-height: 1rem;
    margin: 0;
    padding: 0 .25rem;
    position: absolute;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .8) 0 -1px 0;
    top: .35rem
}

.webFooterBox .ui-slideup .ok-btn {
    float: right;
    right: .35rem
}

.webFooterBox .ui-slideup .no-btn {
    float: left;
    left: .35rem
}

.ui-slideup .no-btn.ui-state-hover,
.webFooterBox .ui-slideup .ok-btn.ui-state-hover {
    opacity: .4
}

.webFooterBox .ui-slideup .frame {
    background: #e1e1e1;
    padding: .25rem
}

.webFooterBox .ui-holder {
    clip: rect(1px 1px 1px 1px);
    left: -10000px;
    position: absolute !important
}

.webFooterBox .ui-slideup {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.webFooterBox .ui-slideup-wrap {
    background: hsla(0, 0%, 100%, .4);
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1200
}

.fk-timePickerPanelWrap {
    background-color: #f8f8f8;
    border-radius: 4px;
    margin: .605rem 1.25rem 0;
    position: relative
}

.timePickerPanel {
    font-size: .85rem;
    height: 8rem;
    position: relative
}

.timePickerPanel ul {
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.timePickerPanel li {
    list-style: none;
    padding-bottom: .5rem
}

.f-timeMaskWrap {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.f-timeMaskWrap .f-timeMaskTop {
    background: gradient(linear, center top, center bottom, from(#f8f8f8), color-stop(.45, hsla(0, 0%, 97%, .85)), color-stop(.75, hsla(0, 0%, 97%, .6)), to(hsla(0, 0%, 97%, .4)));
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 3.25rem
}

.f-timeMaskWrap .f-timeMaskBottom {
    background: -o-gradient(linear, center top, center bottom, from(hsla(0, 0%, 97%, .4)), color-stop(.25, hsla(0, 0%, 97%, .6)), color-stop(.65, hsla(0, 0%, 97%, .85)), to(#f8f8f8));
    background: -ms-gradient(linear, center top, center bottom, from(hsla(0, 0%, 97%, .4)), color-stop(.25, hsla(0, 0%, 97%, .6)), color-stop(.65, hsla(0, 0%, 97%, .85)), to(#f8f8f8));
    background: -moz-gradient(linear, center top, center bottom, from(hsla(0, 0%, 97%, .4)), color-stop(.25, hsla(0, 0%, 97%, .6)), color-stop(.65, hsla(0, 0%, 97%, .85)), to(#f8f8f8));
    background: -webkit-gradient(linear, center top, center bottom, from(hsla(0, 0%, 97%, .4)), color-stop(.25, hsla(0, 0%, 97%, .6)), color-stop(.65, hsla(0, 0%, 97%, .85)), to(#f8f8f8));
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 3.25rem
}

.webFooterBox .fk-timePickerPanelWrap .f-timeMark {
    height: 1.5rem
}

.webFooterBox .ui-calendar-calendar .ui-state-default {
    border-radius: 1.3rem;
    color: #666;
    display: inline-block;
    font-size: .6rem;
    height: 1.3rem;
    line-height: 1.3rem;
    width: 1.3rem
}

.webFooterBox .ui-calendar-calendar .ui-state-active {
    background-color: #ff7214;
    color: #fff
}

.webFooterBox .ui-calendar-calendar a.ui-state-active-hide {
    background-color: #fff;
    color: #666
}

.webFooterBox .ui-calendar-calendar .ui-calendar-startDate {
    background-color: #ff7214;
    color: #fff
}

.webFooterBox .fk-timePickerSubmit {
    border-top: 1px solid #f1f1f1;
    bottom: 0;
    color: #666;
    font-size: .65rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 5
}

.webFooterBox .f-cancelBtn,
.webFooterBox .f-dateCancelBtn,
.webFooterBox .f-saveTimeBtn {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    width: 50%
}

.webFooterBox .f-dateCancelBtn {
    width: 100%
}

.webFooterBox .f-saveTimeBtn {
    background-color: #ff7214;
    color: #fff
}

.webFooterBox .fk-timeBan {
    display: none
}

#webFooterBox.fk-datepickerContainer {
    display: block !important
}

.siteForm .siteFormItem .fk-datePickEnd {
    margin-left: .75rem;
    width: 4.3rem
}

.siteForm .siteFormItem .fk-datePickStart {
    margin-right: .75rem;
    width: 4.3rem
}

.fk-siteForm-v .siteFormItem .fk-datePickEnd,
.fk-siteForm-v .siteFormItem .fk-datePickStart {
    width: 5rem
}

.siteForm .fk-dateInputMaskWrap {
    display: inline-block;
    position: relative
}

.siteForm .fk-dateInputMask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#g_body.fk-datepickerShow {
    overflow: hidden
}

.fk-calendarWrapAnimate {
    overflow: hidden;
    transition: all .5s;
    width: 200%
}

.fk-calendarWrapAnimate .ui-calendar-calendar {
    float: left
}

.productDetailHeader {
    height: 2.4rem;
    max-width: 768px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.productNewDetail .productBullet {
    background: none
}

.productNewDetail .proDetailImgBox {
    margin: 0
}

.productNewDetail .proDetailImg {
    background-position: 50% 50%;
    background-size: cover;
    height: 15rem;
    margin: 0
}

.productNewDetail .proDetailImgScale {
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-size: contain
}

.productNewDetail .proDetailImgStretch {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.productDetailHeader .proBack {
    left: .45rem;
    top: .4rem
}

.productDetailHeader .proBack:before {
    color: #3c414a
}

.productDetailHeader .proShopping {
    right: 2.45rem;
    top: .4rem
}

.productDetailHeader .proOther {
    right: .45rem;
    top: .4rem
}

.productDetailHeader .icon-gClose:before,
.productDetailHeader .icon-noProduct:before {
    color: #333;
    font-size: 1rem;
    padding-left: 0
}

.form .line {
    background-position: .25rem 1rem;
    background-repeat: no-repeat;
    clear: both;
    padding-left: .5rem;
    padding-right: 1.6rem;
    position: relative
}

.form .sortPanelList .line,
.sortPanelList .line {
    cursor: pointer;
    overflow: hidden;
    padding-left: 1rem
} 

.preview-area_visit .webLeft,
.preview-area_visit .webRight {
    display: none
}

.preview-area_visit .p_newsgroup__wrap {
    max-width: 768px
}

.p_newsgroup__wrap-show { 
    left: 50%; 
    transform: translateX(-50%)
}

@media only screen and (min-width:1280px) {

    .preview-area_visit .g_web,
    .preview-area_visit .p_newsgroup__wrap {
        max-width: 512px
    }

    #webBodyBackground{
        max-width:512px !important;
    }
}

@media only screen and (min-width:768px) {
    .preview-area_visit .webLeft {
        left: 0
    }

    .preview-area_visit .webRight {
        right: 0
    }

    .preview-area_visit .webLeft,
    .preview-area_visit .webRight {
        background: #282828;
        display: block;
        height: 100%;
        position: fixed;
        top: 0;
        width: calc(50% - 8rem);
        z-index: 999
    }
}

.quality_content_label {
    background-color: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    bottom: .2rem;
    color: #fff;
    font-size: .45rem;
    line-height: normal !important;
    padding: .05rem .2rem;
    position: absolute;
    right: .2rem;
    z-index: 99
}

.swipImgBox {
    float: left;
    height: 100%;
    position: relative
}

.swipImgBox .bfPlay {
    background-color: rgba(0, 0, 0, .5);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 51px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 51px
}

.webContainerBox .productBullet .bullets,
.webPagePanel .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.webContainerBox .bullets li,
.webPagePanel .bullets li {
    background: #999;
    background: rgba(0, 0, 0, .15);
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .35rem;
    margin: 0 .1rem;
    vertical-align: middle;
    width: .35rem
}

.productNewDetailPanel .bullets li.on,
.webPagePanel .bullets li.on {
    background-color: #666 !important
}

@media only screen and (min-width:1280px) {

    .fk-coupon-opera,
    .fk-webMapServiceBox,
    .g_web,
    .g_web .loading,
    .headerScroll_fix,
    .mallCart .bottom,
    .navExistOffPanel,
    .orderDetail .orderDetail_line .fixedInBottom,
    .orderSettle .order_bottom,
    .photoListDetailLoadingDom,
    .photoListDetailShow,
    .scroll_fix,
    .shareCoverContent,
    .shareCoverImg,
    .webBackgroundFix,
    .webCustomerServiceBox .customerServiceDiv,
    .webFooterBox .mobiCalendarPlugins,
    .webHeader,
    .webHeaderBox,
    .webTips.jz-webTips,
    .webTips.jz-webTips .mobitips,
    .webTips .mobiScrollbar,
    .webTop,
    div.fixedAreaBox {
        max-width: 512px
    }

    .orderDetail .orderButton {
        border-radius: 1rem;
        box-sizing: border-box;
        font-size: .6rem;
        padding: 0 .4rem;
        text-align: center
    }

    #addrInfoList .addAddrInfo,
    #addrInfoList .orderAddAddrInfo,
    #editAddrInfo .orderSaveAddrInfo,
    #editAddrInfo .saveAddrInfo,
    .fullScreenDiv,
    .fullWidthClass,
    .g_web .fixedAreaBox,
    .g_web .mobiCol3 .webBackground,
    .g_web .mobiCol16 .fixedInBottom,
    .g_web .navbar,
    .g_web .serviceListPanel,
    .g_web .webBackground,
    .map_view,
    .newsBottom,
    .newsNewDetailPanel .productDetailHeader,
    .order-ext-panel,
    .phoneFullBg,
    .photoGroupDetailPanel .photoGroupDetailHeader,
    .popupWXQrCode,
    .productDetailHeader,
    .qqFullBg,
    .remarkDatail .leaveMsgDiv,
    .tablesDiv,
    .tabUl,
    .userCommentPanel .userCommentHead,
    .voteResultDiv,
    .wxPublicAttentionService,
    body .serviceListPanel {
        max-width: 512px
    }

    .map_view {
        left: calc(50% - 8rem)
    }
}

.jz_themeV2 .fk-sortModuleStyle:not(.jz_float_zone_module):not(.jz_popupZone_module) {
    height: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden
}

.jz_themeV2 .fk-sortModuleStyle.formStyle50.fk-canConnectModule,
.jz_themeV2 .fk-sortModuleStyle.formStyle51.fk-canConnectModule,
.jz_themeV2 .fk-sortModuleStyle.formStyle58.fk-canConnectModule {
    height: 100% !important
}

.jz_themeV2 .fk-sortModuleStyle.formStyle50.fk-canConnectModule .formMiddle,
.jz_themeV2 .fk-sortModuleStyle.formStyle51.fk-canConnectModule .formMiddle,
.jz_themeV2 .fk-sortModuleStyle.formStyle58.fk-canConnectModule .formMiddle {
    display: block
}

.scroll_fix {
    -webkit-backface-visibility: hidden;
    max-width: 768px;
    position: fixed !important;
    top: 0;
    transform: translateZ(0)
}

@media only screen and (min-width:1280px) {
    .navbarV3.scroll_fix {
        margin: 0 auto
    }
}

.headerScroll_fix {
    max-width: 768px;
    top: 0;
    width: 100%
}

.weChatConsult {
    position: fixed
}

.weChatConsult,
.weChatConsultBg {
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 9998
}

.weChatConsultBg {
    background: rgba(0, 0, 0, .7);
    position: relative
}

.weChatConsult .weChatConsultBox {
    background: url(/image/wxPage.png?v=202306291520) no-repeat;
    background-size: contain;
    bottom: 0;
    height: 14.8rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10.65rem;
    z-index: 9999
}

.weChatConsult .weChatConsultCloseBtn {
    fill: #bdbdbd;
    height: .8rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: .8rem
}

.weChatConsultImg {
    height: 7.65rem;
    left: 1.5rem;
    position: absolute;
    top: 1.45rem;
    width: 7.65rem
}

.weChatConsultTextBox {
    background: #fff;
    font-size: .7rem;
    height: 1rem;
    left: .55rem;
    position: absolute;
    text-align: center;
    top: 10.15rem;
    width: 9.65rem
}

@keyframes consultWechatQrCodeFadeIn {
    0% {
        opacity: .5;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.consultWechatQrCodeBounceIn {
    animation-duration: .2s;
    animation-name: consultWechatQrCodeFadeIn;
    animation-timing-function: ease-out
}

.jz_nav-suspension-allCover .nav_bar_wrap .nav_bar_list {
    overflow-y: hidden
}

.fk-tipsDiv~.g_web .newsContentPanel .jz_fix_ue_img {
    padding-bottom: 1.1rem
}

@media only screen and (min-width:768px) {
    .auth-popup-wrapper {
        left: calc(50% - 384px) !important;
        max-width: 768px !important
    }
}

@media only screen and (min-width:1280px) {
    .auth-popup-wrapper {
        left: calc(50% - 256px) !important;
        max-width: 512px !important
    }
}

.inquiry_product_list {
    padding-bottom: 2.45rem
}

.inquiry_product_list_title {
    align-items: center;
    color: #333;
    display: flex;
    font-size: .65rem;
    font-weight: 700;
    justify-content: center;
    margin-bottom: .6rem;
    margin-top: .75rem
}

.inquiry_product_item {
    align-items: flex-start;
    display: flex;
    margin: 1rem .75rem
}

.inquiry_product_img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .2rem;
    flex-shrink: 0;
    height: 4.25rem;
    margin-right: .5rem;
    width: 4.25rem
}

.inquiry_product_info {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 4.25rem;
    justify-content: space-between
}

.inquiry_product_name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #333;
    display: -webkit-box;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.inquiry_product_delete {
    align-items: center;
    align-self: flex-end;
    border: 1px solid #e3e2e8;
    border-radius: .1rem;
    color: #333;
    cursor: pointer;
    display: flex;
    font-size: .5rem;
    height: 1rem;
    justify-content: center;
    width: 1.8rem
}

.inquiry_popup_form.maskStyle .submit_btn {
    bottom: 0;
    margin-bottom: .4rem;
    position: fixed;
    width: calc(100% - 1.5rem);
    z-index: 1
}

.inquiry_popup_form.maskStyle #modulePopupWrap {
    transform: translateX(0)
}

.product_audio_player_banner.product_audio_player_banner {
    border-radius: .375rem;
    box-shadow: 0 .05rem .4rem 0 rgba(0, 0, 0, .2);
    height: 11rem;
    margin: auto;
    position: relative;
    width: 11rem
}

.product_audio_player_progress_wrapper {
    margin: 1rem 1rem 0
}

.product_audio_player_time_area {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product_auido_player_progress_base_line {
    background-color: #ccc;
    border-radius: .05rem;
    height: .1rem;
    position: relative
}

.product_audio_player_progress_checked {
    height: 100%
}

.product_audio_player_progress_hanlde {
    border-radius: 50%;
    height: .45rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .45rem
}

.product_audio_player_time_area {
    margin-top: .375rem
}

.product_audio_player_time {
    color: #999;
    font-size: .45rem
}

.product_audio_player_tool {
    align-items: center;
    display: flex;
    padding-bottom: .45rem
}

.product_audio_player_float {
    color: #4d4d4d;
    height: .75rem;
    margin-left: 1.05rem;
    width: .75rem
}

.product_audio_player_retreat {
    color: #4d4d4d;
    height: .8rem;
    margin-left: 3.2rem;
    width: .8rem
}

.product_audio_player_forward {
    color: #4d4d4d;
    height: .8rem;
    margin-right: 2.5rem;
    width: .8rem
}

.product_audio_player_switch {
    height: 2rem;
    margin: 0 1.25rem;
    width: 2rem
}

.product_audio_player_multiple {
    color: #4d4d4d;
    height: .75rem;
    width: 1.5rem
}

.product_audio_player_floatingwindow {
    color: #fff;
    height: .7rem;
    margin: 0 .1rem;
    width: .7rem
}

.product_audio_try_tips {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .6rem;
    bottom: .25rem;
    color: #fff;
    display: flex;
    font-size: .45rem;
    justify-content: center;
    left: .2rem;
    padding: .2rem .4rem;
    position: absolute;
    text-align: left
}

.product_audio_player_wx_tips {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .75);
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    padding: .35rem .675rem;
    position: fixed;
    right: .275rem;
    top: 1rem;
    z-index: 99
}

.product_audio_player_wx_tips_hide_btn {
    background-color: #fff;
    border-radius: .45rem;
    color: #3e3e3e;
    font-size: .45rem;
    margin-bottom: .375rem;
    margin-left: auto;
    padding: .225rem .4rem
}

.product_audio_player_wx_tips_text {
    align-items: center;
    color: #fff;
    display: flex;
    margin-bottom: .375rem
}

.product_audio_player_wx_tips_tri {
    color: rgba(0, 0, 0, .75);
    height: .25rem;
    position: absolute;
    right: .6rem;
    top: -.2rem;
    width: .5rem
}

body {
    color: #000;
    font-family: 微软雅黑, microsoft yahei, 宋体, 新宋体, sans-serif;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0
}

body,
html {
    height: 100%;
    font-size: 32px;
}

.menu-list {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .27);
    font-family: Microsoft YaHei;
    font-size: 12px;
    list-style-type: none;
    min-width: 120px;
    position: absolute;
    z-index: 2
}

.menu-list .menu-item-divider {
    border-bottom: 1px solid #f1f1f1;
    margin: 2px 0;
    padding: 0
}

.menu-list .menu-item {
    color: #000;
    padding: 5px 20px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.menu-list .menu-item:hover {
    background-color: #698ce8;
    color: #fff;
    cursor: pointer
}

.menu-list .menu-item .menu-item-icon {
    height: 12px;
    left: 10px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 12px
}

.menu-list .menu-item .put-on-top {
    background: url(/image/v2/mbg01.png?v=202312111117) no-repeat -1778px -130px
}

.menu-list .menu-item .put-on-bottom {
    background: url(/image/v2/mbg01.png?v=202312111117) no-repeat -1778px -155px
}

.clearFix:after,
.clearFix:before {
    content: "";
    display: table
}

.clearFix:after {
    clear: both
}

.tips {
    background-color: #fff5dc;
    box-shadow: 0 5px 10px -5px #b3b3b3;
    color: #ff8e1e;
    font-family: 微软雅黑;
    font-size: 13px;
    left: 0;
    margin: 3px 0;
    position: relative;
    top: 0;
    z-index: 9999
}

.tips,
.tips .msg {
    float: left;
    height: 40px;
    line-height: 41px;
    width: auto
}

.tips .msg {
    display: inline;
    margin: 0 0 0 15px;
    white-space: nowrap;
    word-break: keep-all
}

.tips .close {
    background: url(/image/close02.png?v=202306291520) 50% no-repeat;
    cursor: pointer;
    display: inline;
    float: left;
    height: 40px;
    margin: 0 10px 0 7px;
    width: 8px
}

.tips .close_hover {
    background: url(/image/close03.png?v=202306291520) 50% no-repeat
}

.tips a {
    color: red
}

.mobiIng,
.mobiIngTigs {
    height: auto;
    margin: 0 auto;
    position: fixed;
    top: 30%;
    transition: all .5s linear;
    width: 100%;
    z-index: 9999
}

.mobiIng .mobiTips,
.mobiIngTigs .mobiTips {
    color: #fff;
    height: auto;
    line-height: 1.75rem;
    margin: auto;
    width: auto;
    z-index: 9999
}

.mobiIngTigs .mobiTips {
    display: table;
    max-width: 12.5rem;
    min-width: 5.15rem
}

.mobiIng .mobiTips .mobiMsg {
    background: rgba(0, 0, 0, .8);
    border-radius: .25rem;
    padding: .25rem 0;
    text-align: center;
    width: auto;
    word-break: break-word
}

.mobiIngTigs .mobiTips .mobiMsg {
    align-items: center;
    background: rgba(0, 0, 0, .75);
    border-radius: .2rem;
    box-sizing: border-box;
    color: #fff;
    display: table-cell;
    display: flex;
    font-size: .65rem;
    height: auto;
    justify-content: center;
    max-width: 12.5rem;
    min-width: 5.15rem;
    padding: .55rem .75rem;
    text-align: justify;
    vertical-align: middle;
    width: auto;
    word-break: break-word
}

.mobiIngTigs .mobiTips .mobiMsg div {
    font-size: .65rem;
    line-height: .9rem
}

.mobiIng .mobiTips .mobiClose {
    background: url(/image/close01.gif?v=202306291520) no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: .4rem;
    height: .4rem;
    margin: .3rem .25rem 0;
    width: .4rem
}

.mobiIng .mobiTips a {
    color: red
}

.mobiIngTigs .mobiTips .mobiMsg .iconMargin {
    line-height: .9rem;
    margin-bottom: 0;
    margin-right: .375rem
}

.icon-errorTigs:before {
    content: "";
    font-size: 2rem
}

.icon-succeedTigs:before {
    content: "";
    font-size: 2rem
}

div.jz-image-viewer__count {
    font-size: .55rem
}

div.jz-image-viewer-mobi__des>p:first-of-type {
    font-size: 17px
}

div.jz-image-viewer-mobi__des>p:nth-of-type(2) {
    font-size: .6rem
}

div.jz-image-viewer__top>.jz-image-viewer__count {
    font-size: .65rem
}

div.jz-image-viewer-mobi__des>div {
    font-size: .6rem !important
}

.jz-image-viewer__wrapper .content_detail>div:first-of-type>p:nth-of-type(2),
div.jz-image-viewer__wrapper .detail_handle {
    font-size: .6rem
}

.jz-image-viewer__wrapper .content_detail>div:first-of-type>p:first-of-type {
    font-size: .75rem
}

.jz-image-viewer__wrapper .content_wrap .jz_fix_ue_img p {
    color: #ccc;
    font-size: .6rem
}

ins#newBridge {
    display: none
}

ins#nb_invite_wrap {
    z-index: 1
}

.animateModule {
    opacity: 0 !important
}

.fa-modal-mask,
.fa-modal-wrap {
    z-index: 9032 !important
}

.jz_popupZone_wrap {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

div.jz_popupZone_wrap .formStyle62,
div.jz_popupZone_wrap .formStyle62 .formMiddle,
div.jz_popupZone_wrap .jz_popupZone_content {
    background: none;
    border: none;
    box-shadow: none;
    height: 100%;
    margin: 0;
    padding: 0
}

.jz_popupZoneWrap .fk-editor {
    color: #fff
}

.jz_popupZoneWrap,
.jz_popupZoneWrap .f-formPopupZoneContent {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.popupZoneCloseBtn {
    z-index: 8
}

.popupZoneCloseBtn .faisco-icons-M001039 {
    transform: scale(.97)
}

.webContainerBox div.formStyle62 .formMiddle {
    background: none
}

.formStyle62 .formMiddle>.middleCenter,
.formStyle62 .formMiddle>.middleCenter>.formMiddleContent {
    height: 100%;
    position: relative
}

.popupZoneHoverEditTab {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: block;
    font-size: 0;
    height: 46px;
    left: 0;
    padding: 4px 13px 4px 15px;
    position: absolute;
    top: -52px;
    width: 180px;
    z-index: 1
}

.popupZoneEditBtn {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 66px
}

.popupZoneEditBtn .popupZoneTabIcon {
    background: url(/image/v2/mbg01.png?v=202312111117) -955px -1021px no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px
}

.popupZoneSwitchBtn .popupZoneTabIcon {
    background: url(/image/v2/mbg01.png?v=202312111117) -687px -1021px no-repeat;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
    width: 16px
}

.popupZoneTabText {
    color: #333;
    font-family: 微软雅黑;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: middle
}

.popupZoneSwitchBtn .popupZoneTabText {
    margin-left: 5px
}

.popupZoneSwitchBtn {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    height: 39px;
    line-height: 34px;
    width: 84px
}

.popupZoneEditBtn:hover .popupZoneTabText,
.popupZoneSwitchBtn:hover .popupZoneTabText {
    color: #5874d8
}

.popupZoneEditBtn:hover .popupZoneTabIcon {
    background-position: -955px -1056px
}

.popupZoneSwitchBtn:hover .popupZoneTabIcon {
    background-position: -687px -1055px
}

.popupZoneSwitchBtnActive {
    border-color: #e2e6e7
}

.popupZoneSwitchBtnActive .popupZoneTabText {
    color: #5874d8
}

.popupZoneSwitchBtnActive .popupZoneTabIcon {
    background-position: -917px -154px
}

.popupZoneSwitchPanel {
    border: 1px solid #e2e6e7;
    border-radius: 2px;
    font-size: 0;
    left: 81px;
    max-height: 266px;
    min-height: 60px;
    padding: 5px;
    position: absolute;
    top: 51px;
    width: 160px
}

.popupZoneSwitchPanel,
.popupZoneUl {
    background: #fff;
    box-sizing: border-box
}

.popupZoneUl {
    height: auto;
    max-height: 196px
}

.popupZoneLi {
    color: #333;
    cursor: pointer;
    font-family: 微软雅黑;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popupZoneLi:hover {
    background: #5874d8;
    color: #fff
}

.curPopupZoneLi {
    color: #5874d8
}

.add_new_popup_zone {
    border: 1px dashed #e3e2e8;
    cursor: pointer;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 8px auto 0;
    text-align: center;
    width: 144px
}

.add_new_popup_zone:hover {
    border-color: #5874d8;
    color: #5874d8
}

.add_new_popup_zone span {
    font-family: 微软雅黑;
    vertical-align: middle
}

.add_new_popup_zone i {
    background: url(/image/v2/component.png?v=202306291520) -235px -34px no-repeat
}

.add_new_popup_zone:hover i,
.add_new_popup_zone i {
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 14px
}

.add_new_popup_zone:hover i {
    background: url(/image/v2/component.png?v=202306291520) -235px -57px no-repeat
}

.coverLine {
    background-color: #fff;
    height: 3px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 84px
}

.popupZoneHoverEditTab .mCS-fk-gray>.mCSB_container {
    margin: 0
}

.popupZoneHoverEditTab .mCSB_outside+.mCSB_scrollTools {
    right: -6px
}

.popupZoneHoverEditTab .mCustomScrollBox>.mCSB_scrollTools {
    right: -1px;
    width: 3px
}

.popup_zone_edit_wrap {
    left: 0;
    position: relative;
    text-align: center;
    top: 25px;
    width: 375px
}

.popup_zone_edit_wrap .jz_button {
    cursor: not-allowed;
    line-height: 34px;
    margin-right: 30px;
    width: 93px
}

.designer_v2_editor .jz_popupZonePreview .popup_zone_edit_wrap .jz_button,
.designer_v2_editor .jz_popupZonePreview .popup_zone_edit_wrap .jz_button:hover,
.popup_zone_edit_wrap .jz_button,
.popup_zone_edit_wrap .jz_button:hover {
    background-color: #fff;
    border-color: #eaeaea;
    color: #ccc
}

.designer_v2_editor .jz_popupZonePreview .popup_zone_edit_wrap .jz_button.popup_zone_edit_save.active {
    color: #fff
}

.designer_v2_editor .jz_popupZonePreview .popup_zone_edit_wrap .jz_button.active:hover {
    background-color: #fe714b;
    border-color: #fe714b;
    color: #fff
}

.popup_zone_edit_wrap .popup_zone_edit_close {
    margin-right: 0;
    width: 115px
}

.jz_popupZoneEdit1 .jz_designer .jz_designerEntry,
.jz_popupZoneEdit1 .jz_designer .jz_designerOperate,
.popup_zone_edit_cancel,
.popup_zone_edit_close,
.popup_zone_edit_save,
.popup_zone_edit_wrap {
    display: none
}

.jz_popupZoneDesign1 .popup_zone_edit_wrap,
.jz_popupZoneEdit1 .popup_zone_edit_wrap {
    display: block
}

.jz_popupZoneEdit1 .popup_zone_edit_cancel,
.jz_popupZoneEdit1 .popup_zone_edit_close,
.jz_popupZoneEdit1 .popup_zone_edit_save {
    display: inline-block
}

.popup_zone_edit_wrap .jz_button {
    text-align: center
}

.popup_zone_edit_wrap .jz_button.active {
    border-color: #e3e2e8;
    color: #333;
    cursor: pointer
}

.popup_zone_edit_wrap .jz_button.active:hover,
.popup_zone_edit_wrap .popup_zone_edit_save.active {
    background-color: #5874d8;
    border-color: #5874d8;
    color: #fff
}

.popup_zone_edit_wrap .jz_button.active:active {
    background-color: #4a67d1;
    border-color: #4a67d1;
    color: #fff
}

.jz_popupZoneEdit2~.moduleMaskContainer .moduleMask {
    z-index: 2
}

.jz_popupZoneEdit2 {
    z-index: 1
}

div.popup_zone_eidt_mask_out {
    z-index: -1 !important
}

div.popup_zone_eidt_enter_window_animate {
    animation: widonw_fadeOut .5s linear forwards;
    transition: none
}

div.popup_zone_eidt_exit_window_animate {
    animation: widonw_fadeIn .5s linear;
    transition: none
}

div.popup_zone_eidt_enter_animate {
    animation: fadeOut .5s linear forwards;
    transition: none
}

div.popup_zone_eidt_exit_animate {
    animation: fadeIn .5s linear;
    transition: none
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes widonw_fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

@keyframes widonw_fadeOut {
    0% {
        opacity: .5
    }

    to {
        opacity: 0
    }
}

.webPagePanel::-webkit-scrollbar {
    display: none !important
}

.webPagePanel {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    max-width: 768px;
    min-height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    width: 100%;
    z-index: 1000
}

#g_web.gwNoScroll {
    height: 100%;
    overflow: hidden;
    overflow-y: hidden
}

#g_web.gwNoScroll::-webkit-scrollbar {
    display: none !important;
    height: 0;
    width: 0
}

.webPagePanelBg {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    max-width: 768px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.webPagePanel .webPagePanelShow,
.webPagePanelShow {
    height: 100%;
    max-width: 768px;
    transform: translateZ(0);
    visibility: visible;
    width: 100%
}

.webPagePanelRight {
    transform: translate3d(100%, 0, 0);
    transform: -moz-translate3d(100%, 0, 0)
}

.webPagePanelLeft {
    transform: translate3d(-100%, 0, 0);
    transform: -moz-translate3d(-100%, 0, 0)
}

.webPagePanelTop {
    transform: translate3d(0, -100%, 0);
    transform: -moz-translate3d(0, -100%, 0)
}

.webPagePanelBottom {
    transform: translate3d(0, 100%, 0);
    transform: -moz-translate3d(0, 100%, 0)
}

.webPagePanel .page_graphicPoster {
    border-radius: .3rem;
    height: 22rem;
    left: 2.1rem;
    min-height: 0;
    min-height: auto;
    overflow: hidden;
    position: absolute;
    top: 4rem;
    width: 12rem
}

.page_graphicPoster .myCanvasImgContain {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.page_graphicPoster .promptTextContain {
    background: -prefix-linear-gradient(left, #ff9d27, #ff6056);
    background: linear-gradient(90deg, #ff9d27, #ff6056);
    bottom: 0;
    color: #fff;
    font-size: .55rem;
    height: 1.75rem;
    line-height: 1.75rem;
    position: absolute;
    text-align: center;
    width: 100%
}

.shareListPanel {
    height: 11.25rem !important;
    overflow-x: hidden
}

.shareListPanel .shareListPanelBg {
    height: 100%;
    width: 100%
}

.shareListPanel .shareListContent.shareListContentShow {
    transform: translateZ(0);
    transform: -moz-translate3d(0, 0, 0)
}

.shareListPanel .shareListContent {
    background-color: #fff;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.shareListPanel .shareTitle {
    box-sizing: border-box;
    color: #999;
    font-size: .65rem;
    height: 1.8rem;
    padding-top: .7rem;
    text-align: center
}

.shareListPanel .shareListShow {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 6.5rem;
    position: relative
}

.shareListPanel a:first-child,
.shareListPanel a:nth-child(5) {
    margin-left: .5rem
}

.shareListPanel a:nth-child(4),
.shareListPanel a:nth-child(8) {
    margin-right: 0
}

.shareListPanel .shareListCancel {
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center
}

.shareListPanel .shareListSwipe {
    display: flex;
    margin: 0 auto .5rem;
    overflow: hidden;
    position: relative
}

.shareListPanel .shareListSwipe .swipImgBox {
    display: flex;
    flex-wrap: wrap;
    float: none
}

.shareListShow .shareBullet {
    bottom: 0;
    height: 1.2rem;
    position: absolute;
    top: auto;
    width: 100%
}

.shareNewIcon {
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 2.15rem;
    height: 2.15rem;
    margin: .45rem .75rem;
    position: relative;
    vertical-align: middle;
    width: 2.15rem
}

.shareNewIcon.Twitter svg {
    height: 100%;
    width: 2.1rem
}

.shareNewIcon.Pinterest {
    margin: .45rem .49rem;
    width: 2.4rem
}

.icon-Weixin:before {
    border-radius: 100%;
    color: #46d42f;
    content: "򰅂"
}

.icon-sina_weibo:before {
    border-radius: 100%;
    color: #f44336;
    content: "򰅃"
}

.icon-qq_weibo:before {
    background-color: #0590ce;
    border-radius: 100%;
    content: ""
}

.icon-qq_zone:before {
    border-radius: 100%;
    color: #ffce01;
    content: "򰅄"
}

.icon-kaixin001:before {
    border-radius: 100%;
    color: #fd9525;
    content: "򰅆"
}

.icon-renren:before {
    background-color: #4a76c0;
    border-radius: 100%;
    content: ""
}

.icon-douban:before {
    border-radius: 100%;
    color: #43c332;
    content: "򰅈"
}

.icon-sohu_weibo:before {
    background-color: #fdd100;
    border-radius: 100%;
    content: ""
}

.icon-netease_weibo:before {
    background-color: #028b6b;
    border-radius: 100%;
    content: ""
}

.icon-baidu_hi:before {
    background-color: #3f3fd8;
    border-radius: 100%;
    content: ""
}

.icon-baidu_tieba:before {
    border-radius: 100%;
    color: #3986fb;
    content: "򰅉"
}

.icon-qq_share:before {
    border-radius: 100%;
    color: #1f91ff;
    content: "򠤶"
}

.icon-copy_url:before {
    border-radius: 100%;
    color: #03c4b6;
    content: "򰈲"
}

.icon-taojianghu:before {
    background-color: #ff5a00;
    border-radius: 100%;
    content: ""
}

.icon-FaceBook:before {
    border-radius: 100%;
    color: #4673de;
    content: "򰅒"
}

.icon-Twitter:before {
    border-radius: 100%;
    color: #28c1fa;
    content: "򰅔"
}

.icon-LinkedIn:before {
    border-radius: 100%;
    color: #22a5f3;
    content: "򰅕"
}

.icon-graphic_poster:before {
    border-radius: 100%;
    color: #fa8844;
    content: "򰍡"
}

.shareText {
    color: #333;
    font-size: .6rem;
    text-align: center
}

.shareLink {
    display: inline-block;
    margin-right: .24rem;
    margin-top: .2rem
}

.g_locale2052 .icon-Weixin-text:after {
    content: "微信"
}

.g_locale2052 .icon-graphic_poster-text:after {
    content: "图文海报"
}

.g_locale2052 .jzGrapicShare .icon-graphic_poster-text:after {
    content: "二维码海报"
}

.g_locale2052 .icon-sina_weibo-text:after {
    content: "新浪微博"
}

.g_locale2052 .icon-qq_weibo-text:after {
    content: "腾讯微博"
}

.g_locale2052 .icon-qq_zone-text:after {
    content: "QQ空间"
}

.g_locale2052 .icon-renren-text:after {
    content: "人人网"
}

.g_locale2052 .icon-douban-text:after {
    content: "豆瓣网"
}

.g_locale2052 .icon-kaixin001-text:after {
    content: "开心网"
}

.g_locale2052 .icon-sohu_weibo-text:after {
    content: "搜狐网"
}

.g_locale2052 .icon-netease_weibo-text:after {
    content: "网易Lofter"
}

.g_locale2052 .icon-baidu_hi-text:after {
    content: "百度HI"
}

.g_locale2052 .icon-baidu_tieba-text:after {
    content: "百度贴吧"
}

.g_locale2052 .icon-qq_share-text:after {
    content: "QQ分享"
}

.g_locale2052 .icon-copy_url-text:after {
    content: "复制链接"
}

.g_locale2052 .icon-taojianghu-text:after {
    content: "淘江湖"
}

.g_locale2052 .icon-FaceBook-text:after {
    content: "脸书"
}

.g_locale2052 .icon-Twitter-text:after {
    content: "X"
}

.g_locale2052 .icon-LinkedIn-text:after {
    content: "领英"
}

.g_locale2052 .shareText:after {
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .shareListPanel {
    height: 13.75rem !important
}

.g_locale2052 .shareListShow {
    height: 9rem
}

.g_locale2052 .pinterest-text:after {
    content: "Pinterest"
}

.preview-area:not(.g_locale2052) .Pinterest {
    top: -.1rem
}

.shareCover {
    background: #000;
    display: block;
    height: 100%;
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.shareCoverImg {
    height: 13.5rem;
    left: 1rem;
    top: .5rem
}

.shareCoverContent,
.shareCoverImg {
    display: block;
    margin: 0 auto;
    max-width: 768px;
    position: fixed;
    right: 0;
    z-index: 100
}

.shareCoverContent {
    left: 0
}

.shareCoverIcon {
    height: 8rem;
    top: 4rem
}

.shareCoverTip {
    color: #666;
    font-size: .7rem;
    text-align: center;
    top: 14rem;
    width: 8rem
}

.shareCoverBtn {
    border: 1px solid #cacaca;
    border-radius: .2rem;
    color: #666;
    font-size: .8rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    top: 18rem;
    width: 8.3rem
}

@media only screen and (min-width:1280px) {

    .webPagePanel,
    .webPagePanel .userCommentPanel,
    .webPagePanel .webPagePanelShow,
    .webPagePanelBg,
    .webPagePanelShow {
        max-width: 512px
    }
}

.scale-enter-active,
.scale-leave-active {
    transform: scale(1);
    transition: transform .3s
}

.scale-enter,
.scale-leave-to {
    transform: scale(0)
}

.fade-enter-active,
.fade-leave-active {
    opacity: 1;
    transition: all .3s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

@keyframes myScaleIn {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes myScaleOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes myFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes myFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.lottery-scale-in,
.result-scale-in {
    animation: myScaleIn .3s forwards;
    animation-timing-function: ease
}

.lottery-scale-out,
.result-scale-out {
    animation: myScaleOut .3s forwards;
    animation-timing-function: ease
}

.lottery-fade-in,
.result-fade-in {
    animation: myFadeIn .3s forwards
}

.lottery-fade-out,
.result-fade-out {
    animation: myFadeOut .3s forwards
}

.fix-wrap-20201019 {
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.fix-wrap-20201019 .popup-mask {
    background: rgba(0, 0, 0, .6);
    height: 100vh;
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 16rem;
    z-index: 9999
}

.fix-wrap-20201019 .popup-mask .popup {
    background: url(/image/v2/lottery/m_luckdrawbg.png?v=202306291520) no-repeat;
    background-size: 100%;
    height: 18.575rem;
    margin: 0 auto;
    position: relative;
    top: 3rem;
    width: 14.5rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list {
    bottom: 1.9rem;
    display: flex;
    flex-wrap: wrap;
    height: 10.25rem;
    justify-content: space-between;
    left: 1.75rem;
    padding: 0;
    position: absolute;
    width: 10.9rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item {
    display: flex;
    flex-direction: column;
    height: 3.25rem;
    position: relative;
    width: 3.5rem
}

@keyframes myScale {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.9)
    }

    75% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.finish-item {
    animation: myScale .8s forwards;
    animation-timing-function: ease
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.item-default {
    background: url(/image/v2/lottery/m_prizebg.png?v=202306291520) no-repeat;
    background-size: 100%
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.item-active {
    background: #fff;
    background-size: 100%;
    border-radius: 6px;
    box-shadow: 0 0 18px 0 hsla(0, 0%, 100%, .54)
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-special-img-wrap {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 9px 0 rgba(76, 76, 76, .15);
    box-sizing: border-box;
    height: 1.65rem;
    margin: .45rem auto .1rem;
    padding: 2px;
    width: 1.65rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-special-img-wrap .lot-special-img {
    height: 1.55rem;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 1.55rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-pro-img {
    height: 1.9rem;
    margin: .25rem auto .05rem;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 2.2rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-icon-img {
    height: 1.5rem;
    margin: .45rem auto .25rem;
    width: 1.5rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-desc {
    color: #540300;
    font-size: .5rem;
    font-weight: 500;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-bg {
    background: #b8720e;
    height: 3.25rem;
    opacity: .3;
    position: absolute;
    width: 3.5rem
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.center1 {
    background: url(/image/v2/lottery/m_drawbtn.png?v=202306291520) no-repeat;
    background-size: 100%
}

.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.center2 {
    background: url(/image/v2/lottery/m_drawbtns.png?v=202306291520) no-repeat;
    background-size: 100%
}

.fix-wrap-20201019 .popup-mask .popup .close {
    bottom: -2rem;
    height: 1.25rem;
    left: 50%;
    margin-left: -.625rem;
    position: absolute;
    width: 1.25rem
}

.fix-wrap-20201019 .content {
    position: relative
}

.fix-wrap-20201019 .content .r-close {
    height: .875rem;
    position: absolute;
    right: 0;
    top: -1.8rem;
    width: .875rem
}

.fix-wrap-20201019 .top-title-img {
    height: 1.8rem;
    position: relative;
    top: -.88rem;
    width: 7.58rem
}

.fix-wrap-20201019 .result-popup-mask {
    background: rgba(0, 0, 0, .6);
    height: 100vh;
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 16rem;
    z-index: 9999
}

.fix-wrap-20201019 .result-popup-mask .result-popup {
    margin: 0 auto;
    position: relative;
    top: 8rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 {
    height: 100%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content {
    background: url(/image/v2/lottery/m_bg1.png?v=202306291520) no-repeat;
    background-size: 100%;
    height: 10.75rem;
    margin: 0 auto;
    position: relative;
    width: 10.325rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .r-close {
    top: -1.8rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .top {
    position: relative;
    text-align: center;
    top: 2.4rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .top .res-title {
    color: #181818;
    font-size: .65rem;
    font-weight: 500;
    line-height: .55rem;
    margin-bottom: .5rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .top .res-desc {
    color: #f04213;
    font-size: .95rem;
    font-weight: 800;
    line-height: .7rem;
    margin: 0 auto;
    overflow: hidden;
    padding: .2rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 8rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom {
    bottom: 1.8rem;
    display: flex;
    left: 1rem;
    position: absolute
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom .code {
    background: #fff;
    border-radius: 6px;
    height: 2.15rem;
    margin-right: .4rem;
    padding: .15rem;
    width: 2.15rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom .b-right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom .b-right .r-desc {
    color: #fef3e4;
    display: block;
    font-size: .55rem;
    font-weight: 500;
    line-height: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 6rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .confirm {
    align-items: center;
    background: linear-gradient(180deg, #ffe84b, #ffae29);
    border-radius: 1rem;
    color: #c82005;
    display: flex;
    font-size: .7rem;
    height: 1.7rem;
    justify-content: center;
    margin: 0 auto;
    width: 9.65rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 {
    border-radius: 10px;
    margin: 0 auto;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content {
    background: #fff;
    border-radius: 10px;
    padding-bottom: .9rem;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top-title-img {
    background: url(/image/v2/lottery/m_wintitle.png?v=202306291520) no-repeat;
    background-size: 100%;
    margin: 0 auto
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top {
    display: flex;
    flex-direction: column
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top .t-img {
    height: 4.75rem;
    margin: 0 auto .4rem;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 10rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top .t-desc {
    color: #333;
    display: inline-block;
    font-size: .7rem;
    font-weight: 700;
    line-height: .9rem;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .t-split {
    background: #f5f5f5;
    display: block;
    height: .03rem;
    margin: .73rem auto .65rem;
    width: 10.5rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom {
    display: flex;
    margin-left: 1.68rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom .code {
    background: #fff;
    border-radius: 6px;
    height: 2.15rem;
    margin-right: .4rem;
    padding: .15rem;
    width: 2.15rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom .b-right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom .b-right .r-desc {
    color: #333;
    display: block;
    font-size: .55rem;
    font-weight: 500;
    line-height: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 7rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .confirm {
    align-items: center;
    background: linear-gradient(180deg, #ffe84b, #ffae29);
    border-radius: 1rem;
    color: #c82005;
    display: flex;
    font-size: .7rem;
    height: 1.7rem;
    justify-content: center;
    margin-top: .75rem;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 {
    border-radius: 10px;
    margin: 0 auto;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content {
    background: #fff;
    border-radius: 10px;
    padding-bottom: .9rem;
    text-align: center;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .top-title-img {
    background: url(/image/v2/lottery/m_wintitle.png?v=202306291520) no-repeat;
    background-size: 100%;
    margin: 0 auto
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-title-text {
    color: #333;
    display: block;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-img {
    border: 4px solid #fff;
    border-radius: 8px;
    box-shadow: 0 2px 9px 0 rgba(76, 76, 76, .15);
    height: 4rem;
    margin: .6rem auto .8rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 4rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-date,
.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-desc {
    color: #333;
    display: block;
    font-family: PingFang SC;
    font-size: .5rem;
    font-weight: 500;
    line-height: .9rem;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .confirm {
    align-items: center;
    background: linear-gradient(180deg, #fab851, #fa772f);
    border-radius: 1rem;
    box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);
    color: #fff;
    display: flex;
    font-size: .7rem;
    font-weight: 500;
    height: 1.7rem;
    justify-content: center;
    line-height: .55rem;
    margin: .6rem auto 0;
    width: 7.25rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 {
    border-radius: 10px;
    margin: 0 auto;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content {
    background: #fff;
    border-radius: 10px;
    padding-bottom: .9rem;
    text-align: center;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .top-title-img {
    background: url(/image/v2/lottery/m_wintitle.png?v=202306291520) no-repeat;
    background-size: 100%;
    margin: 0 auto
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .integral-img {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 4.75rem;
    margin: 0 auto .35rem;
    max-width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 10rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .integral-title {
    color: #333;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    margin: .4rem auto .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .integral-desc {
    color: #333;
    font-size: .55rem;
    font-weight: 500;
    line-height: .9rem;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .confirm {
    align-items: center;
    background: linear-gradient(180deg, #fab851, #fa772f);
    border-radius: 1rem;
    box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);
    color: #fff;
    display: flex;
    font-size: .7rem;
    font-weight: 500;
    height: 1.7rem;
    justify-content: center;
    line-height: .55rem;
    margin: .6rem auto 0;
    width: 7.25rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 {
    border-radius: 10px;
    margin: 0 auto;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content {
    background: #fff;
    border-radius: 10px;
    padding-bottom: .9rem;
    text-align: center;
    width: 11.75rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .top-title-img {
    background: url(/image/v2/lottery/m_nowintitle.png?v=202306291520) no-repeat;
    background-size: 100%;
    margin: 0 auto
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .empty-img {
    height: 4.75rem;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 10rem
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .empty-title {
    color: #333;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1rem;
    margin: .4rem auto .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .empty-desc {
    color: #333;
    font-size: .55rem;
    font-weight: 400;
    line-height: .9rem;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .confirm {
    align-items: center;
    background: linear-gradient(180deg, #fab851, #fa772f);
    border-radius: 1rem;
    box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);
    color: #fff;
    display: flex;
    font-size: .7rem;
    font-weight: 500;
    height: 1.7rem;
    justify-content: center;
    line-height: .55rem;
    margin: .6rem auto 0;
    width: 7.25rem
}

.form-lottery-20201021-style-1,
.form-lottery-20201021-style-V1-1 {
    background: url(/image/v2/lottery/Fill_in_the_award_1.png?v=202306291520) no-repeat;
    background-size: 100%;
    border-radius: 4px;
    display: inline-block;
    height: .85rem;
    margin-left: 10px;
    position: relative;
    width: 2.5rem
}

.form-lottery-20201021-style-V1-1 {
    top: .2rem !important
}

.form-lottery-20201021-style-2,
.form-lottery-20201021-style-V1-2 {
    background: url(/image/v2/lottery/Fill_in_the_awards.png?v=202306291520) no-repeat;
    background-size: 100%;
    height: 1.35rem;
    position: absolute;
    right: 2px;
    top: 5px;
    width: 4rem
}

.mobiPrompt .icon-PromptCancel:before {
    content: ""
}

.mobiPrompt .icon-PromptSave:before {
    content: ""
}

.g_locale2052 .mobiPrompt .icon-PromptCancel,
.g_locale2052 .mobiPrompt .icon-PromptSave {
    font-size: .7rem;
    padding: .5rem 0
}

.g_locale2052 .mobiPrompt .icon-PromptCancel:before {
    content: "取消";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .icon-PromptSave:before {
    content: "确认收货";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .icon-PromptCheckin:before {
    content: "确认入住";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .confirm.icon-PromptSave:before {
    content: "确定";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .goToPay.icon-PromptSave:before {
    content: "继续支付";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .giveUpJoin.icon-PromptCancel:before {
    content: "放弃参团";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .proceed.icon-PromptSave:before {
    content: "继续注册";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .loginInstantly.icon-PromptCancel:before {
    content: "立即登录";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .goSetting.icon-PromptSave:before {
    content: "去设置";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .acctlogin.icon-PromptSave:before {
    content: "我知道了";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .acctlogin.icon-PromptCancel {
    display: none
}

.g_locale2052 .mobiPrompt .promRetreat.icon-PromptSave:before {
    content: "重新申请";
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma
}

.g_locale2052 .mobiPrompt .promRetreat.icon-PromptCancel {
    display: none
}

.textAreaLine {
    height: auto
}

.formStyle24 .newsList .line:before {
    content: "";
    top: 50%;
    transform: translateY(-50%)
}

.newsList .line:before {
    content: ""
}

.newsList .line.wWLineOne:before,
.newsList .line.wWLineOne:nth-last-child(2):before {
    background: none;
    border: none;
    box-shadow: none;
    content: ""
}

.newsList .line.wWLineOne:after,
.newsList .line.wWLineOne:nth-last-child(2):after {
    background: none;
    border: none;
    content: ""
}

.newsList .line.One:before,
.newsList .line.One:nth-last-child(2):before {
    background: none;
    border: none;
    box-shadow: none;
    content: ""
}

.newsList .line.One:after,
.newsList .line.One:nth-last-child(2):after {
    background: none;
    border: none;
    content: ""
}

.newsList .wWLine {
    height: auto;
    overflow: visible
}

.newsList .One,
.newsList .wWLineOne {
    zoom: 1;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding-left: .3rem;
    padding-right: .3rem
}

.newsList .line .newsCalendar {
    cursor: pointer;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: right;
    width: 3.75rem
}

.newsList .line .newsCalendar a {
    display: inline-block;
    padding: 0 0 0 .25rem;
    text-decoration: none
}

.newsList .line a {
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    height: auto;
    line-height: normal;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-break: keep-all
}

.separatorLine {
    border-left: 1px;
    border-width: 1px 1px medium;
    border-right: 1px;
    border-top: 1px;
    clear: both;
    font-size: 0;
    height: 1px;
    line-height: 1px;
    margin: 0
}

.g_topFlag1 {
    background: url(/image/mobi/newTopFlag1.gif?v=202306291520) no-repeat 0 0;
    background-size: 1rem 1rem
}

.g_topFlag2 {
    background: url(/image/mobi/newTopFlag2.gif?v=202306291520) no-repeat 0 0;
    background-size: 1rem 1rem
}

.g_topFlag3 {
    background: url(/image/mobi/newTopFlag3.gif?v=202306291520) no-repeat 0 0;
    background-size: 1rem 1rem
}

.g_topFlag4 {
    background: url(/image/mobi/g_topFlag4.gif?v=202306291520) no-repeat 0 4px
}

.newsList .line .lineBody .g_topFlag {
    float: left;
    height: 1rem;
    margin: 0;
    padding: 0;
    width: 1rem
}

.newsList .line.One .lineBodyPic .g_topFlag {
    float: none;
    height: 1rem;
    margin: 0;
    padding: 0;
    position: static;
    width: 1rem
}

.newsList .line.One .lineBodyPic .topFlagTableCell {
    display: table-cell;
    height: 1rem;
    vertical-align: middle;
    width: 1rem
}

.newsList .picAndTextFlex .topFlagTableCell {
    display: flex;
    flex-shrink: 0
}

.newsList .line.wWLineOne .lineBodyPic .g_topFlag {
    float: none;
    height: 1rem;
    margin: 0;
    padding: 0;
    position: static;
    width: 1rem
}

.newsList .line.wWLineOne .lineBodyPic .topFlagTableCell {
    display: table-cell;
    height: 1rem;
    vertical-align: middle;
    width: 1rem
}

.newsList .mixNewsStyleLine .lineBody .g_topFlag {
    display: inline-block;
    float: left;
    height: 1rem;
    margin: .1rem 0 0;
    padding: 0;
    position: relative;
    width: 1rem
}

.newsList .mixNewsStyleLine .newsCalendar {
    cursor: pointer;
    height: 1.15rem;
    line-height: 1.15rem;
    text-align: right;
    width: 3.75rem
}

.newsList .mixNewsStyleLine .newsCalendar a {
    display: inline-block;
    padding: 0 0 0 .25rem;
    text-decoration: none
}

.newsList .mixNewsStyleLine a {
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    height: 1.75rem;
    line-height: 1.75rem;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    word-break: keep-all
}

.newsList .wWLine a {
    word-wrap: break-word;
    height: auto;
    line-height: 1rem;
    text-overflow: clip;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.newsList .wWLineOne a {
    display: block;
    height: auto;
    width: 100%
}

.newsList .wWLineOne a .twoLineHidden {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.g_locale1033 .newsList .wWLineOne a .twoLineHidden {
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal
}

.newsList .One a {
    display: block
}

.newsList .line.One .textTableCell a,
.newsList .One a {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.newsList .line.One .textTableCell a {
    display: table;
    line-height: 1rem;
    max-height: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    table-layout: fixed;
    vertical-align: middle;
    white-space: normal;
    word-break: break-all
}

.newsList .One a .twoLineHidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .One .textTableCell,
.newsList .wWLineOne .picTableCell,
.newsList .wWLineOne .textTableCell {
    display: table-cell;
    vertical-align: middle
}

.newsList .wWLineOne .picTableCell {
    height: 3.5rem;
    width: 3.5rem
}

.newsList .One .picTableCell {
    display: table-cell;
    padding-right: .1rem
}

.newsList .articleStyle2 .fontTableCell {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    height: auto;
    line-height: 1rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .15rem;
    width: auto;
    word-break: break-all
}

.newsList .articleStyle2 .articleFlexWrap {
    display: flex;
    flex-direction: column;
    width: 100%
}

.newsList .articleStyle2 .picAndTextFlex {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.newsList .articleStyle2 .textFlexWrap {
    overflow: hidden;
    width: 100%
}

.newsList .articleStyle2 .settingShow {
    flex-grow: 1
}

.newsList .wWLineOne .fontTableCell {
    display: table-cell;
    height: auto;
    line-height: 1rem;
    padding-left: .25rem;
    padding-right: .15rem;
    vertical-align: middle;
    width: auto
}

.newsList .articleStyle2 .description {
    color: #999;
    font-size: .6rem
}

.newsList .articleStyle2 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.newsList .articleStyle2 .imgLeft {
    display: flex;
    flex-shrink: 0;
    margin-bottom: .35rem;
    padding-right: .97rem
}

.newsList .articleStyle2 .imgRight {
    display: inline-flex;
    flex-shrink: 0;
    margin-bottom: .35rem;
    padding-left: 1.1rem
}

.newsList .articleStyle2 .titleLine {
    -webkit-line-clamp: 2
}

.newsList .articleStyle2 .noTitleLine,
.newsList .articleStyle2 .titleLine {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .7rem;
    line-height: .94rem;
    margin-bottom: .21rem;
    overflow: hidden;
    white-space: normal;
    word-break: break-all
}

.newsList .articleStyle2 .noTitleLine {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.newsList .articleStyle2 .defaultDescriptionLine {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: .9rem;
    text-overflow: ellipsis
}

.newsList .articleStyle2 .defaultDescriptionLine,
.newsList .articleStyle2 .descriptionLine {
    -webkit-box-orient: vertical;
    font-size: .6rem;
    margin-bottom: .75rem;
    overflow: hidden;
    white-space: normal;
    word-break: break-all
}

.newsList .articleStyle2 .descriptionLine {
    -webkit-line-clamp: unset;
    line-height: 1rem
}

.newsList .articleStyle2 .noDescriptionLine {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: .6rem;
    line-height: 1rem;
    margin-bottom: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.newsList .One .fontTableCell {
    display: table-cell;
    padding-left: .25rem;
    padding-right: .15rem;
    vertical-align: middle
}

.isNewAddModule .newsList .One .fontTableCell {
    vertical-align: top
}

.newsList .articleStyle2+.separatorLine {
    border-style: none;
    height: 1px;
    margin-left: .75rem;
    margin-right: .75rem
}

.newsList .articleStyle2+.separatorLine:last-child {
    display: none
}

.newsList .articleStyle2+.g_separator {
    background: #e5e5e5
}

.newsList .articleStyle2+.g_separator:last-child {
    display: none
}

.newsList .articleStyle2 .One {
    display: block;
    padding-left: .25rem;
    padding-right: .15rem
}

.newsList .articleStyle2 .One .fontTableCell {
    padding-left: .25rem;
    padding-right: .15rem;
    vertical-align: middle
}

.newsList .articleStyle2 .onlyTitle {
    margin-top: .25rem
}

.newsList .articleStyle2 .hasSettingNoDescription {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.isNewAddModule .newsList .articleStyle2 .hasSettingNoDescription {
    justify-content: flex-start
}

.newsList .articleStyle2 .felxTextItem {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.newsList .articleStyle2 .lineBodyPic .description {
    white-space: pre-wrap
}

.newsList .One .fontTableCell .fontHiddenTable {
    display: table;
    table-layout: fixed;
    width: 100%
}

.newsList .wWLineOne .lineBodyPic {
    display: table;
    height: auto;
    width: 100%
}

.newsList .One.line .lineBodyPic {
    display: table;
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 100%
}

.news_list_module .wWLine.line .lineBody,
.newsMore .wWLine.line .lineBody {
    padding-bottom: .4rem;
    padding-top: .6rem
}

.newsList .line .lineBody {
    padding-bottom: .29rem;
    padding-top: .29rem
}

.newsList .articleStyle2 .lineBody {
    display: flex !important;
    flex-direction: column;
    margin-top: .5rem;
    padding-top: 0;
    width: 100%
}

.newsList .picNumOne a {
    height: auto;
    overflow: auto;
    text-overflow: clip;
    white-space: normal;
    width: 90%;
    word-break: break-all
}

.newsList .mixNewsStyleLine .lineBody {
    overflow: hidden;
    padding: 0 0 .4rem;
    position: relative
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox,
.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 {
    clear: both;
    float: left;
    padding: .5rem .5rem 0
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 div,
.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 img {
    float: left;
    max-height: 5rem;
    max-width: 5.6rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 .newsTitlePic1 {
    float: left;
    height: 5rem;
    max-height: 5rem;
    max-width: 5.6rem;
    width: 5.6rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox3 {
    clear: both;
    padding-left: .3rem;
    padding-right: .3rem;
    padding-top: .3rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox3 .newsTitlePic {
    background-color: #f2f2f2;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: 8rem;
    padding: 1%;
    width: 100%
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox4 {
    clear: both;
    padding-left: .3rem;
    padding-right: .3rem;
    padding-top: .3rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox4 .newsTitlePic {
    background-color: #f2f2f2;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: 8rem;
    padding: 1%;
    width: 100%
}

.isNewAddModule .icon-noFigureB,
.isNewAddModule .three_pic_text .icon-noFigureB,
.newsList .mixNewsStyleLine .icon-noFigureB,
.newsList .three_pic_mix_text_list .icon-noFigureB,
.newsList .up_down_pic_text .icon-noFigureB {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox img {
    float: left;
    max-height: 5rem;
    max-width: 5.6rem
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer {
    padding: .25rem 0 0
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3,
.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    color: #fff;
    font-size: .8rem;
    font-weight: 400;
    height: auto;
    max-height: 2.8rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    position: absolute;
    width: 100%
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitle1,
.newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
    display: block;
    font-weight: 700;
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
    word-wrap: break-word
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle2 {
    font-weight: 700;
    height: auto;
    line-height: 1.3rem;
    padding-left: .25rem;
    width: 50%
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle1,
.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {
    display: block;
    font-weight: 400;
    line-height: 1.15rem;
    max-height: 2.25rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .25rem;
    text-overflow: ellipsis;
    width: auto
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle1,
.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {
    word-wrap: break-word;
    display: block;
    font-weight: 400;
    line-height: 1.15rem;
    max-height: 2.25rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .25rem;
    text-overflow: ellipsis;
    width: auto
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle2,
.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle2 {
    font-weight: 400;
    height: 1.3rem;
    line-height: 1.3rem;
    overflow: hidden;
    padding-left: .25rem;
    padding-right: .25rem;
    text-overflow: ellipsis;
    width: auto
}

.newsList .mixNewsStyleLine .mixNewsStyleSummary {
    word-break: break-all
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleSummary,
.newsList .mixNewsStyleLine .mixNewsStyleSummary {
    word-wrap: break-word;
    color: gray;
    cursor: pointer;
    display: block;
    font-size: .6rem;
    height: auto;
    line-height: 1rem;
    overflow: visible;
    padding-left: .25rem;
    padding-right: .25rem;
    white-space: normal;
    width: auto
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleSummary {
    word-break: normal
}

.newsList .topFlagLine a {
    width: 100%
}

.newsList .wWLineOne.topFlagLine a {
    width: auto
}

.newsList .wWLineOne.topFlagLine {
    max-width: 100%;
    padding-left: .3rem;
    padding-right: .3rem
}

.newsList .One.topFlagLine a {
    width: 100%
}

.newsList .One.topFlagLine {
    box-sizing: border-box;
    padding-left: .3rem;
    padding-right: .3rem;
    width: 100%
}

.newsList .smallPic {
    position: absolute;
    right: 2.3rem;
    top: 0
}

.newsList .newsLine .newsLeftImg,
.newsList .newsLine .newsRightImg {
    height: 2.5rem;
    width: 2.5rem
}

.newsList .articleStyle2 .newsLeftImg,
.newsList .articleStyle2 .newsRightImg {
    border-radius: .15rem;
    height: 2.5rem;
    width: 2.5rem
}

.newsList .newsLine .icon-noFigureS {
    height: 50px;
    width: 50px
}

.newsList .newsLine .icon-noFigureM,
.newsList .newsLine .icon-noFigureS {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsList .newsLine.One .picLink,
.newsList .newsLine.wWLineOne .picLink {
    display: table-cell;
    height: auto;
    max-width: 100%;
    width: auto
}

.newsList .topFlagLine .lineBodyTable {
    display: table;
    width: 100%
}

.newsList .topFlagLine .wholeLineTFTableCell {
    display: table-cell;
    padding-top: .25rem;
    vertical-align: top;
    width: 1rem
}

.newsList .topFlagLine .linkTableCell {
    display: table-cell;
    width: auto
}

.newsList .topFlagLine.wWLine .wholeLineTFTableCell {
    padding-top: 0;
    vertical-align: middle
}

.newsList .topFlagLine .linkTable {
    display: table;
    table-layout: fixed;
    width: 100%
}

.newsList .f-cardGraphicNews {
    overflow: hidden;
    position: relative;
    width: 100%
}

.newsList .cardGraphicNewsStyle {
    float: left
}

.newsList .cardGraphicNewsStyle .lineBody {
    overflow: hidden;
    padding: .4rem 0 .45rem .7rem;
    position: relative
}

.isNewAddModule .newsList .cardGraphicNewsStyle .lineBody {
    padding: .4rem 0 .45rem .7rem !important
}

.newsList .cardGraphicNewsStyle .f_mixNewsStyleImgBox5_link {
    background: #fff;
    display: block;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-shadow: none;
    width: 100%
}

.newsList .cardGraphicNewsStyle .mixNewsStyleImgBox5 {
    border: 1px solid #e6e6e6;
    clear: both;
    width: 12.5rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 {
    padding: .55rem .65rem .75rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitle1 {
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    letter-spacing: .02rem;
    max-height: 1.9rem;
    overflow: hidden;
    width: auto
}

.newsList .cardGraphicNewsStyle .justifyTextAlign {
    text-align: left
}

.newsList .cardGraphicNewsStyle .centerTextAlign {
    text-align: center
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1 {
    word-wrap: break-word;
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    letter-spacing: .02rem;
    max-height: 1.9rem;
    overflow: hidden;
    text-align: justify;
    width: auto
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1.noDescriptionLine {
    display: -webkit-box
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitle2 {
    color: #666;
    display: block;
    font-size: .7rem;
    font-weight: 400;
    height: auto;
    letter-spacing: .02rem;
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.newsList .cardGraphicNewsStyle.wWLine .lineBody .g_topFlag {
    display: inline-block;
    height: .95rem;
    margin-right: .1rem;
    margin-top: .04rem;
    position: relative;
    vertical-align: top;
    width: .95rem
}

.newsList .cardGraphicNewsStyle .lineBody .g_topFlag {
    display: inline-block;
    height: .95rem;
    margin-right: .1rem;
    margin-top: .2rem;
    position: relative;
    vertical-align: top;
    width: .95rem
}

.newsList .cardGraphicNewsStyle .separatorLine {
    border-top: 1px solid #e6e6e6;
    margin: .55rem 0 .45rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleSummary {
    word-break: break-all
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleSummary,
.newsList .cardGraphicNewsStyle .mixNewsStyleSummary {
    word-wrap: break-word;
    color: #ababab;
    display: block;
    font-size: .6rem;
    height: auto;
    line-height: 1rem;
    max-height: 1.82rem;
    overflow: hidden;
    white-space: normal;
    width: auto
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleSummary {
    text-align: justify;
    word-break: normal
}

.newsList .f-cardGraphicNewsSlide {
    left: 0;
    position: absolute
}

.newsList .mixNewsStyleImgBox5 .newsTitlePic {
    background-color: #f2f2f2;
    box-sizing: border-box;
    height: 7.8rem;
    width: 12.5rem
}

.newsList .mixNewsStyleImgBox5 .icon-noFigureB {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsList .largeImageNewsStyle {
    margin-bottom: .4rem
}

.newsList .largeImageNewsStyle .f_mixNewsStyleImgBox6_link {
    display: block;
    height: auto;
    max-height: 9rem;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.newsList .largeImageNewsStyle .lineBody {
    overflow: hidden;
    position: relative
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 {
    clear: both;
    padding: .13rem .7rem
}

.newsList .largeImageNewsStyle.wWLine .lineBody .g_topFlag {
    display: inline-block;
    height: .95rem;
    margin-right: .1rem;
    margin-top: .04rem;
    position: relative;
    vertical-align: top;
    width: .95rem
}

.newsList .largeImageNewsStyle .lineBody .g_topFlag {
    display: inline-block;
    height: .95rem;
    margin-right: .1rem;
    margin-top: .2rem;
    position: relative;
    vertical-align: top;
    width: .95rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsTitlePic {
    background-color: #f2f2f2;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: 9rem;
    width: 100%
}

.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 {
    background: rgba(0, 0, 0, .65);
    bottom: 0;
    color: #fff;
    font-weight: 400;
    height: 100%;
    max-height: 9rem;
    padding: 0;
    position: absolute;
    width: 100%
}

.g_locale1033 .newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1,
.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {
    color: #fff;
    display: block;
    font-size: .78rem;
    font-weight: 400;
    letter-spacing: .04rem;
    max-height: 2rem;
    overflow: hidden;
    text-align: center;
    width: auto
}

.g_locale1033 .newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {
    word-wrap: break-word
}

.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle2 {
    color: #fff;
    display: block;
    font-family: 微软雅黑;
    font-size: .78rem;
    font-weight: 400;
    height: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.3rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.newsList .largeImageNewsStyle .mixNewsStyleSummary {
    color: silver;
    display: block;
    font-family: 微软雅黑;
    font-size: .6rem;
    height: auto;
    line-height: .85rem;
    max-height: .9rem;
    overflow: hidden;
    padding: .4rem 1.5rem 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.newsList .largeImageNewsStyle .mixNewsStyleTitlePanel {
    padding: 2.2rem 2rem .7rem;
    position: relative
}

.newsList .largeImageNewsStyle .icon-noFigureB {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsList7 {
    position: relative
}

.newsList .timeAxisNewsStyle .lineBody {
    overflow: hidden;
    padding: .4rem .85rem .95rem .62rem;
    position: relative
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 {
    height: 4.4rem;
    position: relative;
    width: 100%
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left {
    display: inline-block;
    width: 5.65rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_right {
    display: inline-block;
    position: absolute;
    right: 0
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTime {
    color: #3f3f3f;
    font-size: .75rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle1 {
    color: #858585;
    font-size: .55rem;
    line-height: .8rem;
    max-height: 1.55rem;
    overflow: hidden
}

.g_locale1033 .newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle1 {
    word-wrap: break-word;
    color: #858585;
    font-size: .55rem;
    line-height: .8rem;
    max-height: 1.55rem;
    overflow: hidden
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle2 {
    color: #858585;
    font-size: .55rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .timeAxisNewsStyle.wWLine .lineBody .g_topFlag {
    width: .85rem
}

.newsList .timeAxisNewsStyle .lineBody .g_topFlag,
.newsList .timeAxisNewsStyle.wWLine .lineBody .g_topFlag {
    background-size: .9rem .9rem;
    display: inline-block;
    height: .85rem;
    margin-right: .1rem;
    position: relative;
    vertical-align: top
}

.newsList .timeAxisNewsStyle .lineBody .g_topFlag {
    width: .95rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_right .newsTitlePic {
    height: 4.4rem;
    width: 7rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_middleCicle {
    background: #ededed;
    border-radius: 50%;
    content: "";
    height: .6rem;
    left: 6.1rem;
    position: absolute;
    top: 1.15rem;
    width: .6rem;
    z-index: 1
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7:after {
    background: #c5c5c5;
    border-radius: 50%;
    content: "";
    height: .4rem;
    left: 6.2rem;
    position: absolute;
    top: 1.25rem;
    width: .4rem;
    z-index: 2
}

.newsList7:after {
    background-color: #c5c5c5;
    content: "";
    display: block;
    height: 100%;
    left: 6.99rem;
    position: absolute;
    top: 0;
    width: 1px
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .icon-noFigureB {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsList .column2 {
    margin: .2rem 3%;
    overflow: hidden
}

.newsList .column2 .newsLine {
    display: inline-block;
    margin-bottom: .3rem;
    margin-top: .6rem;
    vertical-align: top;
    width: 46%
}

.newsList .column2 {
    clear: both;
    position: relative
}

.newsList .column2 a {
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    height: 1.5rem;
    line-height: 1.5rem;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-break: keep-all
}

.newsList .column2 .wWLine a {
    word-break: break-all
}

.g_locale1033 .newsList .column2 .wWLine a,
.newsList .column2 .wWLine a {
    height: auto;
    line-height: 1rem;
    max-height: 2rem;
    text-overflow: clip;
    white-space: normal;
    width: 100%
}

.g_locale1033 .newsList .column2 .wWLine a {
    word-wrap: break-word;
    word-break: normal
}

.newsList .column2 .lineBody .g_topFlag {
    float: left;
    height: 1rem;
    margin: 0;
    padding: 0;
    width: 1rem
}

.newsList .column2:before {
    background-color: #e6e6e6;
    content: "";
    display: block;
    height: 100%;
    left: 49.5%;
    position: absolute;
    top: 0;
    width: 1px
}

.newsList .column2 .c2_separatorLine {
    border-bottom: 1px solid #e6e6e6
}

.newsList .clearFix:after,
.newsList .clearFix:before {
    content: "";
    display: table
}

.newsList .clearFix:after {
    clear: both
}

.newsList .articleStyle2 .newsElementsPanel {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .3rem;
    padding-left: 0 !important
}

.newsList .articleStyle2 .newStyleTop {
    display: inline-block;
    min-width: 1.2rem
}

.newsList .articleStyle2 .newsTextPosition2 {
    margin-bottom: .21rem
}

.newsList .articleStyle2 .newsTextPositionTitle {
    display: block
}

.newsList .articleStyle2 .newsElementsPanel .ne_newsSort,
.newsList .articleStyle2 .newsElementsPanel .ne_newsTime,
.newsList .articleStyle2 .newsElementsPanel .ne_separatorLine {
    line-height: 1.5
}

.newsList .articleStyle2 .newsElementsPanel .ne_newsSort,
.newsList .articleStyle2 .newsElementsPanel .ne_newsTime {
    position: relative;
    top: .023rem
}

.newsList .articleStyle2 .newsElementsPanel .ne_separatorLine {
    margin: 0 .7rem
}

.newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName {
    margin-left: .2rem
}

.newsList .One .newsElementsPanel,
.newsList .wWLineOne .newsElementsPanel {
    padding-left: .25rem
}

.isNewAddModule .newsList .One .newsElementsPanel,
.isNewAddModule.newsList .wWLineOne .newsElementsPanel {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.isNewAddModule .newsList .big_pic_text_list .One .newsElementsPanel {
    padding-bottom: 0
}

.newsList .newsElementsPanel {
    color: #ababab;
    cursor: pointer;
    font-size: .6rem;
    letter-spacing: -.3rem;
    padding-bottom: .5rem
}

.newsList .newsElementsPanel .ne_newsComment {
    display: inline-block;
    letter-spacing: 0;
    margin-bottom: .15rem;
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .newsElementsPanel .ne_newsAuthor:before,
.newsList .newsElementsPanel .ne_newsComment:before {
    display: inline-block;
    font-size: .8rem;
    margin-right: -.2rem;
    vertical-align: middle
}

.newsList .newsElementsPanel .ne_newsComment .newsCommentCount {
    line-height: 1;
    margin-left: .9rem;
    vertical-align: middle
}

.newsList .articleStyle2 .newsElementsPanel .ne_newsComment .newsCommentCount {
    line-height: 1;
    margin-left: .3rem;
    vertical-align: middle
}

.newsList .newsElementsPanel .ne_newsAuthor {
    display: inline-block;
    letter-spacing: 0;
    margin-left: .6rem;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .largeImageNewsStyle .ne_newsAuthor {
    display: flex
}

.newsList .articleStyle2 .newsElementsPanel .ne_newsAuthor {
    align-items: center;
    display: flex
}

.newsList .articleStyle2 .newsElementsPanel .ne_newsComment {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName {
    line-height: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.newsList .newsElementsPanel .ne_separatorLine {
    background: #ababab;
    display: inline-block;
    height: .56rem;
    letter-spacing: 0;
    line-height: 1rem;
    margin: .25rem .7rem .24rem;
    width: 1px
}

.newsList .newsElementsPanel .ne_newsSort {
    display: inline-block;
    letter-spacing: 0;
    line-height: 1.1rem;
    margin-right: .5rem;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .newsElementsPanel .ne_newsTime {
    display: inline-block;
    letter-spacing: 0;
    line-height: 1.1rem;
    max-width: 4.2rem;
    overflow: hidden
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel {
    color: #ababab;
    margin-top: .6rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_newsAuthor:before,
.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_newsComment:before {
    vertical-align: middle
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_separatorLine {
    background: #ababab
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel {
    text-align: center
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    margin-right: 4px;
    vertical-align: middle;
    width: .7rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel .newsSort {
    display: inline-block;
    margin: 0 auto;
    max-width: 6rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    margin-left: 4px;
    vertical-align: middle;
    width: .7rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsElementsPanel {
    bottom: 0;
    color: #ababab;
    font-size: .6rem;
    padding-bottom: .4rem;
    position: absolute;
    width: 100%
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsElementsPanel .ne_newsComment {
    margin-left: .6rem;
    margin-right: 0
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsElementsPanel .ne_newsTime {
    float: right;
    margin-right: .4rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsElementsPanel .ne_separatorLine {
    background: #ababab
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsElementsPanel .ne_newsAuthor {
    margin-left: 0;
    max-width: 40%
}

.faisco-icons-comment:before {
    content: ""
}

.faisco-icons-author:before {
    content: ""
}

.newsList .newsArrayPanel.column2 .newsElementsPanel {
    color: #ababab;
    flex-wrap: wrap;
    font-size: .6rem;
    padding-bottom: .3rem
}

.newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsComment {
    max-width: 40%
}

.newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsAuthor {
    max-width: 64%
}

.newsList .newsArrayPanel.column2 .newsElementsPanel .ne_separatorLine {
    margin: .25rem .3rem .224rem;
    width: 0
}

.newsList .isNewAddModule .mixNewsStyleImgBox5 .newsTitlePic {
    align-items: center;
    background-color: #f2f2f2;
    border-radius: .2rem;
    display: flex;
    height: 5.75rem;
    justify-content: center;
    width: 100%
}

.newsList .isNewAddModule .mixNewsStyleImgBox5.backgroundColor .newsTitlePic,
.newsList .isNewAddModule .mixNewsStyleImgBox5.border .newsTitlePic,
.newsList .isNewAddModule .mixNewsStyleImgBox5.shadow .newsTitlePic {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5 {
    border-radius: .2rem;
    width: 10.25rem
}

.newsList .isNewAddModule .mixNewsStyleImgBox5 .icon-noFigureB {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitle1 {
    font-size: .7rem;
    font-weight: 700
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 .newsElementsPanel {
    color: #848e98;
    font-size: .45rem
}

.newsList .cardGraphicNewsStyle .isNewAddModule .f_mixNewsStyleImgBox5_link {
    border-radius: .2rem
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5 {
    border: 0
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 {
    box-sizing: border-box
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 .newsElementsPanel {
    margin-top: .52rem
}

.isNewAddModule .newsList+.newsElementsPanel .ne_newsAuthor .newsAuthorName,
.isNewAddModule .newsList+.newsElementsPanel .ne_newsComment,
.isNewAddModule .newsList+.newsElementsPanel .ne_newsSort,
.isNewAddModule .newsList+.newsElementsPanel .ne_newsTime,
.isNewAddModule .newsList+.newsElementsPanel .newsCommentCount,
.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName,
.isNewAddModule .newsList .newsElementsPanel .ne_newsComment,
.isNewAddModule .newsList .newsElementsPanel .ne_newsSort,
.isNewAddModule .newsList .newsElementsPanel .ne_newsTime,
.isNewAddModule .newsList .newsElementsPanel .newsCommentCount {
    color: #848e98;
    font-size: .45rem;
    line-height: normal;
    margin-left: 0;
    margin-right: 0;
    padding: 0 .3rem 0 0
}

.isNewAddModule .newsList .newsElementsPanel .ne_newsComment .newsCommentCount {
    padding-right: 0
}

.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor:before,
.isNewAddModule .newsList .newsElementsPanel .ne_newsComment:before {
    display: none
}

.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor,
.isNewAddModule .newsList .newsElementsPanel .ne_newsComment {
    color: #848e98;
    font-size: .45rem;
    line-height: normal;
    margin-left: 0 !important;
    margin: 0
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.border {
    border: 1px solid #eee;
    margin-bottom: .3rem;
    margin-top: .3rem
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.shadow {
    margin: .3rem .15rem .3rem .75rem
}

.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.backgroundColor,
.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.transparent {
    margin-bottom: .3rem;
    margin-right: .15rem;
    margin-top: .3rem
}

.isNewAddModule .newsList .cardGraphicNewsStyle:last-child .mixNewsStyleImgBox5.shadow {
    margin-right: .5rem
}

.isNewAddModule.news_list_wrap .newsList .cardGraphicNewsStyle .lineBody.shadowWrap {
    padding-left: 0 !important
}

.isNewAddModule .newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 {
    padding: .35rem 0
}

.isNewAddModule .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1 {
    line-height: inherit;
    max-height: none
}

.isNewAddModule .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1.news_title {
    font-size: .6rem;
    margin-bottom: .3rem
}

.isNewAddModule .newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 .newsElementsPanel {
    margin-top: .3rem
}

.isNewAddModule .newsList .cardGraphicNewsStyle .f_mixNewsStyleImgBox5_link {
    background: transparent
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 {
    background: rgba(0, 0, 0, .5)
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleImgBox6 .newsElementsPanel .ne_newsComment {
    margin-left: 0;
    margin-right: .5rem
}

.newsList .isNewAddModule .newsElementsPanel {
    letter-spacing: 0
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {
    font-size: .7rem;
    margin: 0 auto;
    max-width: 9.75rem;
    text-align: center
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleSummary {
    box-sizing: border-box;
    color: #fff;
    font-size: .55rem;
    max-height: none;
    opacity: .8
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitlePanel {
    border-radius: 2.5rem;
    margin-top: 2.325rem;
    padding-top: 0
}

.newsList .largeImageNewsStyle .isNewAddModule .f_mixNewsStyleImgBox6_link {
    border-radius: .2rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 {
    padding: .75rem .75rem .5rem
}

.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {
    display: -webkit-box;
    max-height: none;
    max-width: none
}

.newsList .largeImageNewsStyle .lineBody .noDescriptionLine {
    white-space: inherit
}

.newsList .isNewAddModule .newsElementsPanel .ne_newsTime.fix1 {
    line-height: normal
}

.isNewAddModule .newsList .largeImageNewsStyle .lineBody {
    padding: .75rem .75rem 0
}

.isNewAddModule .newsList .largeImageNewsStyle {
    margin-bottom: 0
}

.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleImgBox6 {
    padding: 0 0 .1rem
}

.isNewAddModule .newsList .largeImageNewsStyle .icon-noFigureB {
    background: url(/image/no-pic2.jpg?v=202306291520) no-repeat;
    background-size: 100% 100%
}

.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 {
    align-items: center;
    display: flex;
    max-height: none
}

.isNewAddModule .newsList .largeImageNewsStyle .f_mixNewsStyleImgBox6_link {
    max-height: none
}

.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleTitlePanel {
    margin-top: 0;
    padding: .7rem 1.5rem;
    width: 100%
}

.isNewAddModule .newsList .articleStyle2+.g_separator {
    background: #eee
}

.isNewAddModule .newsList .articleStyle2 .lineBody {
    margin: 0;
    padding: .75rem 0 !important
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 div,
.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 img {
    max-height: none
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleSummary {
    padding-left: 0;
    padding-right: 0
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle1,
.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {
    font-size: .6rem;
    line-height: normal
}

.isNewAddModule .newsList .articleStyle2 .imgRight {
    padding-left: .7rem
}

.isNewAddModule .newsList .articleStyle2 .imgLeft {
    padding-right: .7rem
}

.isNewAddModule .newsList .articleStyle2 .imgLeft.noMargin,
.isNewAddModule .newsList .articleStyle2 .imgRight.noMargin {
    margin-bottom: 0
}

.newsList .lineBody .defaultDescriptionLine {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: normal
}

.newsList .lineBody .defaultDescriptionLine,
.newsList .lineBody .descriptionLine {
    -webkit-box-orient: vertical;
    line-height: normal;
    overflow: hidden;
    white-space: normal
}

.newsList .lineBody .descriptionLine {
    -webkit-line-clamp: unset;
    word-break: break-word
}

.newsList .lineBody .noDescriptionLine {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.isNewAddModule .newDescriptionLine,
.newsList .articleStyle2 .isNewAddModule .newDescriptionLine,
.newsList .lineBody.isNewAddModule .newDescriptionLine {
    color: #848e98;
    font-size: .6rem;
    line-height: .9rem
}

.isNewAddModule .newTitle,
.newsList .articleStyle2 .isNewAddModule .newTitle,
.newsList .lineBody.isNewAddModule .newTitle {
    color: #333;
    font-size: .7rem;
    margin-bottom: .3rem
}

.isNewAddModule .newsList+.newsElementsPanel .ne_separatorLine,
.isNewAddModule .newsList .newsElementsPanel .ne_separatorLine,
.newsList .isNewAddModule.icon-gline:after,
.newsList .isNewAddModule.line:before {
    display: none
}

.newsList .isNewAddModule .newsElementsPanel,
.newsList .wWLine.line .isNewAddModule.lineBody {
    padding: 0
}

.newsList .column2 .isNewAddModule.wWLine a {
    max-height: none
}

.isNewAddModule .newsList .column2 {
    margin: 0
}

.isNewAddModule .newsList .column2:before {
    background: #eee
}

.isNewAddModule .text_list .separatorLine:last-child {
    display: none
}

.isNewAddModule .text_list .newTextInfo {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    line-height: 1rem;
    padding-top: .3rem
}

.isNewAddModule .text_list .newTextInfo.hasDes {
    padding-top: .45rem
}

.isNewAddModule .text_list .newTextInfo .ne_newsAuthor {
    padding-right: .3rem
}

.isNewAddModule .g_newsInfo {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: normal
}

.newsList .text_list .line a {
    line-height: normal !important
}

.isNewAddModule .head_word_pic_text_list .lineBody .mixNewsStyleSummary.defaultDescriptionLine {
    -webkit-line-clamp: 3
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 .head_word_pic {
    border-radius: .2rem;
    height: 4.9rem;
    width: 6.5rem
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 .head_word_pic:before {
    font-size: 4rem
}

.isNewAddModule.news_list_wrap .head_word_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox1 {
    padding: 0 .7rem 0 0
}

.isNewAddModule .head_word_pic_text_list .imgRight {
    display: flex;
    flex-wrap: nowrap
}

.isNewAddModule .head_word_pic_text_list .imgRightText {
    margin-right: .7rem;
    width: 60%
}

.isNewAddModule .newsList .newsLine .newsLeftImg {
    border-radius: .1rem
}

.isNewAddModule .newsList .picTableCellLeft .newsLeftImg {
    margin-right: .7rem
}

.isNewAddModule .newsList .picTableCellRight .newsLeftImg {
    margin-left: .7rem
}

.isNewAddModule .head_word_pic_text_list .mixNewsStyleLine .imgRight .mixNewsStyleImgBox1 {
    padding: 0
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4 {
    background: transparent;
    max-height: none
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4.textInner {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    border-radius: 0 0 .2rem .2rem
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4.textInner .news_title {
    font-size: .65rem
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4.textInner .news_title.descriptionLine {
    white-space: normal
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox4 .newsTitlePic {
    border-radius: .2rem;
    display: flex
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .news_title {
    font-size: .6rem;
    line-height: normal;
    white-space: nowrap
}

.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .news_title.textOuter {
    margin-bottom: .45rem;
    padding: 0;
    white-space: normal
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3 {
    background: transparent
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    border-radius: 0 0 .2rem .2rem
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner .news_title {
    font-size: .65rem;
    white-space: nowrap
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner .news_title.descriptionLine {
    white-space: normal
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner .news_title.noDescriptionLine {
    white-space: nowrap
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .news_title {
    font-size: .6rem;
    max-height: none;
    padding: 0 .5rem
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .news_title.textOuter {
    font-size: .7rem;
    margin: .45rem 0;
    padding: 0
}

.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleImgBox3 {
    padding: .75rem 0 0
}

.isNewAddModule.news_list_wrap .head_pic_text_list,
.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox3 .newsTitlePic {
    border-radius: .2rem
}

.isNewAddModule .big_pic_text_list .g_separator {
    background: #eee;
    display: block
}

.isNewAddModule .big_pic_text_list .line .lineBody {
    padding: .75rem 0 !important
}

.isNewAddModule .g_separator:last-child {
    display: block
}

.isNewAddModule .g_separator {
    background: #eee
}

.isNewAddModule .newsList .column2 .c2_separatorLine {
    border-color: #eee
}

.isNewAddModule .newsList .mixNewsStyleLine .lineBody {
    padding-bottom: 0;
    width: 100%
}

.isNewAddModule .newsList .big_pic_text_list .newsLine:last-child .g_separator {
    display: none
}

.isNewAddModule .newsList .big_pic_text_list .newsLine {
    padding: .75rem 0
}

.isNewAddModule .newsList .big_pic_text_list .wWLine {
    padding: 0
}

.isNewAddModule.news_list_wrap .textOuter.news_title {
    margin-top: .4rem;
    padding: 0;
    white-space: normal
}

.isNewAddModule.news_list_wrap .textOuter.textTopOuter.news_title {
    margin-bottom: .625rem;
    margin-top: 0
}

.isNewAddModule.news_list_wrap .textOuter.textBottomOuter,
.isNewAddModule.news_list_wrap .textOuter.textTopOuter.news_title.textOuter {
    padding: 0
}

.isNewAddModule .big_pic_text_list .newsTextPosition2 {
    margin-bottom: .35rem
}

.isNewAddModule .newsList .big_pic_text_list .One .picTableCell {
    padding-right: 0
}

.isNewAddModule .newsList .big_pic_text_list .One .fontTableCell {
    padding: 0
}

.isNewAddModule .upDownPicText .upDownPicText_Pic {
    border-radius: .2rem;
    height: 7.75rem
}

.isNewAddModule .backgroundColor .textTopFlag.upDownPicText .upDownPicText_Pic,
.isNewAddModule .border .textTopFlag.upDownPicText .upDownPicText_Pic,
.isNewAddModule .shadow .upDownPicText.textTopFlag .upDownPicText_Pic {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.isNewAddModule .backgroundColor .textBottomFlag.upDownPicText .upDownPicText_Pic,
.isNewAddModule .border .textBottomFlag.upDownPicText .upDownPicText_Pic,
.isNewAddModule .shadow .upDownPicText .textBottomFlag.upDownPicText_Pic {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.isNewAddModule .up_down_pic_text.isColumn2 .upDownPicText_Pic {
    border-radius: 0;
    height: 5.25rem;
    width: 100%
}

.isNewAddModule .up_down_pic_text.isColumn2 .transparentBg .upDownPicText_Pic {
    border-radius: .2rem
}

.isNewAddModule .up_down_pic_text.isColumn2>div {
    display: inline-flex;
    flex-grow: 1;
    flex-shrink: 0;
    flex-wrap: wrap;
    vertical-align: top;
    width: 6rem
}

.isNewAddModule .up_down_pic_text.isColumn2 .newsLine:nth-child(2n) {
    margin-left: .6rem
}

.isNewAddModule .up_down_pic_text {
    padding: 0 .75rem
}

.isNewAddModule .upDownPicText {
    margin-top: .6rem
}

.isNewAddModule .upDownPicText .newTitle {
    color: #222;
    font-weight: 700;
    margin-bottom: .3rem
}

.isNewAddModule .isColumn2 .upDownPicText .newTitle {
    font-size: .6rem
}

.isNewAddModule .upDownPicText .articleSummray {
    color: #848e98;
    font-size: .6rem
}

.isNewAddModule .up_down_pic_text .g_separator:last-child {
    display: none
}

.isNewAddModule .upDownPicText .newsElementsPanel {
    padding: 0
}

.isNewAddModule .upDownPicText.textTopFlag .newsElementsPanel {
    margin-top: .45rem;
    padding-bottom: 0
}

.isNewAddModule .backgroundColor .upDownPicText.textTopFlag .newsElementsPanel,
.isNewAddModule .border .upDownPicText.textTopFlag .newsElementsPanel,
.isNewAddModule .shadow .upDownPicText.textTopFlag .newsElementsPanel {
    padding-top: 0
}

.isNewAddModule .shadow {
    background: #fff;
    border-radius: .2rem;
    box-shadow: 0 .025rem .3rem 0 rgba(0, 0, 0, .1);
    margin-top: .625rem
}

.isNewAddModule .border {
    background: #fff;
    border: 1px solid #eee;
    border-radius: .2rem;
    margin-top: .625rem
}

.isNewAddModule .backgroundColor {
    background: #f6f6f6;
    border-radius: .2rem;
    margin-top: .625rem
}

.isNewAddModule .transparent {
    background: transparent
}

.isNewAddModule .backgroundColor+.separatorLine,
.isNewAddModule .border+.separatorLine,
.isNewAddModule .shadow+.separatorLine {
    display: none
}

.isNewAddModule .backgroundColor .upDownPicText,
.isNewAddModule .border .upDownPicText,
.isNewAddModule .shadow .upDownPicText {
    margin-top: 0
}

.isNewAddModule .backgroundColor .newsElementsPanel,
.isNewAddModule .border .newsElementsPanel,
.isNewAddModule .shadow .newsElementsPanel {
    padding: .375rem
}

.isNewAddModule .textBottom,
.isNewAddModule .textTop {
    padding: .75rem 0
}

.isNewAddModule .three_pic_mix_pic_text_list .textBottom,
.isNewAddModule .three_pic_mix_text_list .textBottom {
    padding-bottom: 0;
    padding-top: 0
}

.isNewAddModule .backgroundColor .textBottom,
.isNewAddModule .backgroundColor .textTop,
.isNewAddModule .border .textBottom,
.isNewAddModule .border .textTop,
.isNewAddModule .shadow .textBottom,
.isNewAddModule .shadow .textTop {
    padding: .75rem .375rem
}

.isNewAddModule .upDownPicText .noDesClass.newTitle {
    margin-bottom: 0
}

.isNewAddModule .upDownPicText .newsElementsPanel {
    padding-bottom: .7rem
}

.isNewAddModule .mixNewsStyleImgBox5.backgroundColor .mixNewsStyleTitleContainer5,
.isNewAddModule .mixNewsStyleImgBox5.border .mixNewsStyleTitleContainer5,
.isNewAddModule .mixNewsStyleImgBox5.shadow .mixNewsStyleTitleContainer5 {
    padding: .55rem .375rem
}

.isNewAddModule .backgroundColor .mixNewsStyleTitleContainer5 .newsElementsPanel,
.isNewAddModule .border .mixNewsStyleTitleContainer5 .newsElementsPanel,
.isNewAddModule .shadow .mixNewsStyleTitleContainer5 .newsElementsPanel {
    padding: 0
}

.isNewAddModule .upDownPicText .upDownPicText_Pic {
    background-color: #f2f2f2;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: flex;
    height: 8rem;
    width: 100%
}

.isNewAddModule .up_down_pic_text.isColumn2 {
    display: flex;
    flex-wrap: wrap
}

.isNewAddModule .newsList .articleStyle2 .newsElementsPanel .ne_newsComment .newsCommentCount {
    margin-left: 0
}

.isNewAddModule .newsList .articleStyle2 .isNewAddModule .newTitle,
.isNewAddModule .newsList .articleStyle2 .newsTextPosition2 {
    margin-bottom: .35rem
}

.isNewAddModule .newsList .articleStyle2 .newsElementsPanel {
    padding-bottom: 0
}

.isNewAddModule .newsList .centerTextAlign {
    text-align: center
}

.isNewAddModule .newsList .leftTextAlign {
    text-align: left
}

.isNewAddModule .newsList .blankDiv {
    opacity: 0
}

.isNewAddModule .newsList .textTop {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: .4rem
}

.isNewAddModule .upDownPicText .picNoRadiusClass {
    border-radius: 0
}

.isNewAddModule .up_down_pic_text a {
    vertical-align: bottom
}

.isNewAddModule .up_down_pic_text .backgroundColor .onlyTitle,
.isNewAddModule .up_down_pic_text .border .onlyTitle,
.isNewAddModule .up_down_pic_text .shadow .onlyTitle {
    padding-bottom: 0
}

.isNewAddModule .up_down_pic_text .textBottomFlag .newsElementsPanel {
    padding-top: .45rem
}

.isNewAddModule .up_down_pic_text .hideElem {
    padding-bottom: .7rem
}

.isNewAddModule .up_down_pic_text .onlyTitle .textTop .newTitle,
.isNewAddModule .up_down_pic_text .transparentBg .onlyTitle .textBottomFlag .headPicTopWrap {
    margin-bottom: .7rem
}

.isNewAddModule .up_down_pic_text .newsLine {
    overflow: hidden
}

.isNewAddModule .three_pic_text {
    padding: 0 .6rem
}

.isNewAddModule .three_pic_mix_pic_text_list .threePicStyle,
.isNewAddModule .three_pic_mix_text_list .threePicStyle {
    padding: .75rem
}

.isNewAddModule .three_pic_mix_pic_text_list .threePicStyle+.g_separator,
.isNewAddModule .three_pic_mix_text_list .threePicStyle+.g_separator {
    margin: 0 .75rem
}

.isNewAddModule .threePicWrap {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

.isNewAddModule .threePic {
    background-color: #f2f2f2 !important;
    height: 3.5rem;
    margin-right: .2rem;
    width: 5rem
}

.isNewAddModule .threePicWrap .threePic:last-child {
    margin-right: 0
}

.isNewAddModule .three_pic_text .lineBody.onlyTitle .newTitle {
    margin-bottom: .45rem
}

.isNewAddModule .threePic.firstPic {
    border-radius: .1rem 0 0 .1rem
}

.isNewAddModule .threePic.thirdPic {
    border-radius: 0 .1rem .1rem 0
}

.isNewAddModule .threePicItem .felxTextItem {
    margin-top: .3rem
}

.isNewAddModule .three_pic_text .newsLine {
    padding: .6rem 0
}

.isNewAddModule .three_pic_text .newsElementsPanel {
    padding-bottom: 0
}

.isNewAddModule .threePicItem .newsElementsPanel {
    align-items: center;
    display: flex;
    padding-bottom: 0;
    padding-top: .35rem
}

.isNewAddModule .three_pic_text .textBottom,
.isNewAddModule .three_pic_text .textTop {
    padding: 0
}

.isNewAddModule .three_pic_text .textBottomFlag .textBottom,
.isNewAddModule .three_pic_text .textBottomFlag .textTop {
    padding-top: 0
}

.isNewAddModule .upDownPicText.textBottomFlag {
    margin-top: 0
}

.isNewAddModule .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTime {
    color: #333;
    font-size: .7rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.isNewAddModule .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle1 {
    color: #848e98;
    font-size: .6rem
}

.isNewAddModule .newsList .timeAxisNewsStyle .mixNewsStyleImgBox7:after {
    background: #cecece
}

.isNewAddModule .newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_middleCicle {
    background: #fff;
    border: 2px solid #cecece;
    left: 6rem;
    top: 1.0725rem
}

.isNewAddModule .newsList7:after {
    background: #e4e4e4
}

.isNewAddModule .newsList .big_pic_text_list,
.isNewAddModule .newsList .column2,
.isNewAddModule .newsList .head_pic_text_list,
.isNewAddModule .newsList .head_word_pic_text_list,
.isNewAddModule .newsList .text_list {
    padding: 0 .75rem
}

.isNewAddModule .newsList .text_list .wWLine {
    padding: .45rem 0
}

.isNewAddModule .newsList .column2 .newsLine {
    padding: 0
}

.isNewAddModule .newsList .head_word_pic_text_list .column2 .newsLine {
    margin-bottom: 0;
    margin-top: 0
}

.isNewAddModule .news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4,
.isNewAddModule .newsList .big_pic_text_list .mixNewsStyleLine,
.isNewAddModule .newsList .head_pic_text_list .text_list,
.isNewAddModule .newsList .head_word_pic_text_list .text_list {
    padding: 0
}

.isNewAddModule.news_list_wrap {
    margin-bottom: .75rem
}

.isNewAddModule .newsList .linkTableCell {
    display: table-cell
}

.isNewAddModule .lineBody .g_news_abstract.onlyTitleAndDes,
.isNewAddModule .lineBody.onlyTitle .news_title,
.isNewAddModule .lineBody.onlyTitle .newTitle {
    margin-bottom: 0
}

.isNewAddModule .lineBody.onlyTitle .threePicItem .newTitle {
    margin-bottom: .3rem
}

.isNewAddModule .newsList .newTopStyle {
    align-items: center;
    display: inline-flex;
    height: auto;
    justify-content: center;
    text-align: left;
    vertical-align: middle;
    width: 1.3rem
}

.isNewAddModule .newsList .newTopStyle .topContentBox {
    position: relative;
    top: -1.5px
}

.isNewAddModule .newsList .newTopStyle4,
.isNewAddModule .newsList .newTopStyle5,
.isNewAddModule .newsList .newTopStyle6 {
    margin-right: .2rem
}

.isNewAddModule .newsList .newTopStyle1,
.isNewAddModule .newsList .newTopStyle2,
.isNewAddModule .newsList .newTopStyle3 {
    position: relative;
    top: -3px
}

.isNewAddModule .newsList .newTopStyle6 {
    width: 1.4rem
}

.isNewAddModule .newsList .newTopStyle svg {
    height: .9rem;
    width: .9rem
}

.isNewAddModule .newsList .newTopStyle+.tableTitle {
    display: table-cell
}

.isNewAddModule .newsList .newTopStyle3 svg {
    fill: #fff;
    color: #ed494c
}

.isNewAddModule .newsList .newTopStyle1 svg {
    fill: #ea4335
}

.isNewAddModule .newsList .newTopStyle2 svg {
    fill: #fff;
    color: #ed494c
}

.isNewAddModule .newsList .topContentBox {
    align-items: center;
    display: inline-flex;
    height: .7rem;
    justify-content: center;
    width: 1.38rem
}

.isNewAddModule .newsList .topContentBox:before {
    align-items: center;
    display: flex;
    font-size: .45rem;
    justify-content: center;
    line-height: .48rem
}

.isNewAddModule .newsList .newTopStyle6 .topContentBox {
    background: #ec4a4a;
    border-radius: .1rem;
    color: #fff;
    transform: skewX(-15deg)
}

.isNewAddModule .newsList .newTopStyle6 .topContentBox:before {
    content: "NEW"
}

.isNewAddModule .newsList .newTopStyle4 .topContentBox {
    background: #ec4a4a;
    border-radius: .1rem;
    color: #fff
}

.isNewAddModule .newsList .newTopStyle4 .topContentBox:before {
    content: "置顶"
}

.isNewAddModule .newsList .newTopStyle5 .topContentBox {
    border: .025rem solid #ec4a4a;
    border-radius: .1rem;
    color: #ec4a4a
}

.isNewAddModule .newsList .newTopStyle5 .topContentBox:before {
    content: "热门"
}

.isNewAddModule .newsList .headPicTopWrap {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.isNewAddModule .newsList .headPicTopWrap .newTopStyle {
    left: .75rem;
    position: absolute;
    top: .75rem;
    z-index: 3
}

.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
    font-weight: 400
}

.isNewAddModule .newsList .newTopStyle6 {
    margin-left: .1rem
}

.isNewAddModule .newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsAuthor,
.isNewAddModule .newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsComment,
.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor,
.isNewAddModule .newsList .newsElementsPanel .ne_newsSort {
    max-width: 5.75rem
}

.isNewAddModule .newsList .newsElementsPanel .ne_newsComment,
.isNewAddModule .newsList .newsElementsPanel .ne_newsTime {
    align-items: center;
    display: inline-flex;
    max-width: none
}

#module28 .siteForm {
    padding: .8rem 0 0
}

#module28 .siteFormItemShowVal {
    margin-left: .4rem
}

#module28 .siteFormItemShowName {
    color: #333;
    font-size: .6rem;
    height: 100%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

#module28 .siteFormItemLink {
    margin: .3rem 0
}

#module28 .siteFormAddButton {
    margin: 0 auto !important;
    padding: .8rem 0
}

#module28 .siteFormAddButton .sendIcon {
    font-size: .7rem;
    font-weight: 400;
    margin: 0
}

#module28 .siteFormItem .fk_formTextareaStyle,
#module28 .siteFormItem .g_itext[type=number],
#module28 .siteFormItem .g_itext[type=text] {
    background-color: #fff;
    border: 1px solid #e3e2e8;
    text-indent: .25rem;
    width: 10rem
}

#module28 .siteFormItem label {
    font-size: .6rem
}

#module28 .siteFormItem select {
    background-color: #fff;
    border: 1px solid #e3e2e8;
    width: 10rem
}

#module28 .bookingSubmitItemMust {
    color: red;
    float: right;
    line-height: 1.7rem;
    width: 1.4rem
}

#module28 .fk-siteForm-v .fk-siteFormItemCheckWrap {
    width: 10rem
}

#module28 .fk-siteForm-v .fk-siteFormItemCheckList {
    width: 100% !important
}

#module28 .fk-siteForm-v .fk-uploadComponent {
    display: inline-block;
    height: auto;
    margin: 0;
    width: 10rem
}

#module28 .fk-siteForm-v .fk-uploadComponent .uploadify-button {
    background-color: #fff;
    border: 1px solid #e3e2e8;
    height: 1.75rem;
    width: 5rem
}

#module28 .fk-siteForm-v .fk-uploadComponent .selectbtn {
    display: none
}

#module28 .fk-siteForm-v .siteFormItem .fk-datePickEnd,
#module28 .fk-siteForm-v .siteFormItem .fk-datePickStart {
    margin: 0;
    width: 4.2rem
}

#module28 .fk-siteForm-v .fk-siteFormItemShowVal .fk_formTextareaStyle,
#module28 .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=number],
#module28 .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=text] {
    margin-top: .4rem
}

#module28 .fk-dateRangeUtil {
    display: inline-block;
    text-align: center;
    width: 1.5rem
}

#module28 .siteFormValidate .validateInput {
    margin-right: .5rem;
    width: 5.5rem !important
}

#module28 .siteFormValidate .validateCodeImg {
    height: 1.75rem;
    width: 3rem
}

#module28 .fk-siteFormTextTipMain {
    color: #333;
    font-size: .6rem;
    line-height: normal;
    padding: 0
}

#module28 .fk-siteFormTextTipSecond {
    color: #333;
    font-size: .5rem;
    line-height: normal;
    padding: .4rem 0 0
}

#module28 .verticalShowTye .siteFormItem .g_itext[type=number],
#module28 .verticalShowTye .siteFormItem .g_itext[type=text] {
    width: 13.5rem
}

#module28 .verticalShowTye .siteFormItem .fk-datePickEnd,
#module28 .verticalShowTye .siteFormItem .fk-datePickStart {
    width: 6rem !important
}

#module28 .verticalShowTye .siteFormItem .fk_formTextareaStyle,
#module28 .verticalShowTye .siteFormItem select {
    width: 13.5rem
}

#module28 .verticalShowTye .fk-siteFormTextTipMain {
    color: #333;
    font-size: .6rem;
    line-height: normal;
    padding: 0
}

#module28 .verticalShowTye .fk-siteFormTextTipSecond {
    color: #333;
    font-size: .5rem;
    line-height: normal;
    padding: .4rem 0 0 !important
}

#module28 .verticalShowTye .siteFormValidate .g_itext[type=text] {
    margin-right: .5rem;
    width: 8rem !important
}

#module28 .verticalShowTye .siteFormValidate .validateCodeImg {
    width: 4rem
}

#module28 .verticalShowTye .siteFormItemShowName {
    padding: 0 .7rem
}

#module28 .verticalShowTye .siteFormItemTd {
    padding: .4rem .7rem .65rem
}

#module28 .verticalShowTye .bookingSubmitItemMust {
    color: red;
    float: right;
    line-height: 1.7rem;
    width: .6rem
}

#module28 .verticalShowTye.siteFormAddButton {
    padding-top: .2rem
}

#module28 .verticalShowTye.fk-siteForm-v .fk-siteFormItemCheckWrap {
    width: 13.5rem
}

#module28 .fk-siteFormItemShowVal .g_selectTag {
    margin-top: .4rem
}

.siteFormItemTable {
    display: table;
    height: 1.25rem;
    table-layout: fixed;
    width: 100%
}

.siteFormItem {
    display: table-row;
    height: 1.75rem
}

.siteFormItem td {
    padding: .2rem 0
}

.siteFormItem .g_itext[type=number],
.siteFormItem .g_itext[type=text] {
    font-family: 微软雅黑;
    font-size: .6rem;
    height: 1.6rem;
    line-height: 1rem;
    padding: 0;
    text-indent: .25rem;
    width: 85%
}

.siteFormItem label {
    margin-left: .15rem
}

.siteFormItem .g_itext[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -moz-appearance: textfield;
    margin: 0
}

.siteFormItem .g_itext[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -moz-appearance: textfield;
    margin: 0
}

.siteFormItem select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    font-size: .6rem;
    font-weight: 400;
    height: 1.75rem;
    margin: auto;
    width: 86%
}

.siteFormItemShowName {
    padding-right: .25rem;
    text-align: right
}

.fk-siteForm-v .siteFormItemShowName,
.siteFormName {
    padding-left: .75rem;
    padding-right: .75rem
}

.fk-siteForm-v .siteFormItemShowName {
    text-align: left;
    word-break: break-all
}

.fk-siteForm-v .fk-siteFormItemShowVal {
    padding-left: .75rem;
    padding-right: .75rem
}

.fk-siteForm-v .fk-siteFormItemShowVal .fk_formTextareaStyle,
.fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=number],
.fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=text],
.fk-siteForm-v .fk-siteFormItemShowVal .g_selectTag {
    margin-top: .6rem
}

.fk-siteForm-v .fk-siteFormItemShowVal .left .g_itext[type=text] {
    margin-top: 0
}

.fk-siteForm-v .fk-siteFormTextTipMain,
.fk-siteForm-v .siteFormAddButton {
    padding-left: .75rem;
    padding-right: .75rem
}

.fk-siteForm-v .siteFormAddButton {
    width: auto
}

.fk-siteForm-v .fk-siteFormTextTipSecond {
    padding-left: .75rem;
    padding-right: .75rem
}

.fk-siteForm-v .fk-siteFormItemCheckWrap {
    width: 13.6rem
}

.fk-siteForm-v .fk-siteFormItemCheckList {
    width: 14.5rem
}

.fk-siteForm-v .fk-codeInputWrap {
    width: 7rem
}

.fk-siteForm-v .fk-codeInputWrap .g_itext[type=text] {
    width: 100%
}

.fk-siteForm-v .fk-uploadComponent {
    height: 2rem;
    line-height: 2rem;
    margin-top: .6rem
}

.fk-siteForm-v .fk-uploadComponent .uploadify-button {
    box-sizing: border-box;
    color: #8c8c8c;
    padding: 0;
    width: 7rem
}

.fk-siteForm-v .fk-uploadComponent .uploadify-text {
    float: left;
    font-size: .6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin: 0 0 0 .5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 38%
}

.fk-siteForm-v .fk-uploadComponent .fk-importantStar {
    margin-top: 0;
    width: auto
}

.fk-siteForm-v .f-siteFormItemTr {
    height: auto
}

.fk-siteForm-v .fk-importantStar {
    color: red;
    float: right;
    line-height: 1.8rem;
    margin-top: .6rem
}

.fk-siteForm-v .fk-importantStar.fromRadio {
    line-height: 1.9rem;
    margin-top: 0
}

.fk-siteForm-v .fk-formValidateUpDiv-left-importantStar {
    margin-top: 0
}

.fk-siteForm-v .fk-checkCodeComponent {
    display: block
}

.fk-siteForm-v .fk-checkCodeComponent .fk-importantStar {
    margin-top: 0
}

.fk-siteForm-v .fk-checkCodeComponent .left {
    display: inline-block
}

.fk-siteForm-v .fk-checkCodeComponent .g_itext[type=text] {
    box-sizing: border-box;
    width: 7rem
}

.fk-siteForm-v .areacode {
    background: url(/image/selectTriangle.png?v=202306291520);
    background-repeat: no-repeat;
    background-size: .6rem .6rem;
    border-radius: 0;
    bottom: .55rem;
    color: #666;
    height: .6rem;
    position: absolute;
    right: 2rem;
    width: .6rem
}

.fk-siteForm-v .ct_code {
    bottom: .4rem;
    font-size: .6rem;
    position: absolute;
    right: 2.85rem
}

.siteFormItemLink {
    height: 1px;
    line-height: 1px;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.siteFormAddButton {
    line-height: 1.75rem;
    margin: .5rem auto;
    text-align: center;
    width: 90%
}

.siteFormAddButton input {
    color: #fff;
    font-size: .8rem;
    font-weight: 700
}

.fk-siteFormItemCheckWrap {
    display: inline-block;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1px;
    width: 10rem
}

.fk-siteFormItemCheckList {
    width: 10.9rem
}

.siteFormItemCheckItem {
    color: #666;
    float: left;
    font-size: .6rem;
    line-height: 1.75rem;
    margin-right: .9rem
}

.g_warning {
    background-color: #fef5d8;
    color: #eb6a40
}

.fk-uploadComponent .uploadify-button {
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: 微软雅黑, microsoft yahei, 宋体, 新宋体, sans-serif;
    font-size: .6rem;
    height: 1.6rem;
    _height: 28px;
    line-height: 1.4rem;
    _line-height: 32px;
    margin: 0;
    outline: none;
    padding: 0 5px !important;
    _padding: 0 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 40%
}

.fk-uploadComponent.fk-uploadComponent .uploadify-button,
.fk-uploadComponent .uploadify-button {
    box-sizing: border-box;
    color: #8c8c8c;
    width: 4.5rem
}

.fk-uploadComponent.fk-uploadComponent .uploadify-text,
.fk-uploadComponent .uploadify-text {
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-left: .5rem
}

.fk-uploadComponent .uploadify-text {
    color: #666;
    font-family: 微软雅黑, microsoft yahei, 宋体, 新宋体, sans-serif
}

.fk-uploadComponent .fk-importantStar {
    float: right;
    width: .8rem
}

.fk-checkCodeComponent {
    font-size: 0
}

.fk-checkCodeComponent .g_itext[type=text] {
    box-sizing: border-box;
    width: 4.5rem;
    width: 6rem
}

.fk-importantStar {
    color: red;
    display: inline-block;
    float: right;
    font-size: .7rem;
    line-height: 1.75rem
}

.fk-checkCodeComponent-field {
    display: inline-block;
    float: left;
    font-size: .7rem;
    line-height: 1.7rem;
    width: 25%
}

.fk-checkCodeComponent-showVal {
    display: inline-block;
    font-size: .7rem;
    width: 75%
}

.fk-siteFormTextTip {
    word-wrap: break-word;
    color: #333;
    text-align: left
}

.fk-siteFormTextTipMain {
    font-size: .7rem;
    line-height: 1.5rem;
    padding: 0 10px
}

.fk-siteFormTextTipSecond {
    color: #666;
    font-size: .6rem;
    line-height: 1rem;
    padding: 0 10px 5px
}

.siteForm .siteFormMsg {
    display: none;
    font-size: .7rem;
    height: auto;
    line-height: 1.5rem;
    margin: .25rem auto;
    text-align: center;
    width: 90%
}

.siteFormValidate .left {
    display: table-cell;
    vertical-align: middle
}

.siteFormValidate .changeSiteFormValidate {
    background-image: url(/image/refurbish.png?v=202306291520);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    background-size: 18px auto;
    cursor: pointer;
    height: 1.75rem;
    line-height: 1.75rem;
    width: 10%
}

#module28 .siteFormValidate .changeSiteFormValidate {
    background-position: 20% 50%;
    display: inline-block;
    width: 1rem
}

.siteFormItemCheckItem.siteFormItemCheckItem.siteFormItemCheckItem input[type=checkbox],
.siteFormItemCheckItem.siteFormItemCheckItem.siteFormItemCheckItem input[type=radio] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    display: inline;
    display: initial;
    left: auto;
    margin-bottom: 0;
    opacity: 1;
    position: static;
    width: auto
}

.preview-area {
    background: #fff;
    display: block;
    height: 100%;
    margin: auto !important;
    min-height: 300px;
    position: relative;
    z-index: 1
}

.preview-area_manage {
    float: none !important;
    height: 667px;
    max-height: calc(100% - 122px);
    top: 66px;
    width: 375px
}

@media only screen and (max-height:690px) {
    .preview-area_manage {
        height: 560px
    }
}

.g_web {
    left: 0;
    margin: 0 auto;
    max-height: 100%;
    max-width: 768px;
    min-height: 100%;
    overflow-x: hidden;
    position: relative;
    top: 0;
    width: 100%
}

#g_body .webTips+.webLeft+.g_web {
    max-height: calc(100% - 1.5rem);
    min-height: 0;
    min-height: auto
}

#g_body #fk-tipsLimitUv+.webLeft+.g_web {
    max-height: calc(100% - 1.1rem);
    min-height: 0;
    min-height: auto
}

#g_body #fk-tipsLimitUv+.webTips+.webLeft+.g_web {
    max-height: calc(100% - 2.6rem)
}

#g_body.mobiCol10.jz_themeV2 #fk-tipsLimitUv+.webLeft+.g_web,
#g_body.mobiCol11.jz_themeV2 #fk-tipsLimitUv+.webLeft+.g_web {
    height: calc(100% - 1.1rem)
}

#g_body.mobiCol12.jz_themeV3 #fk-tipsLimitUv+.webLeft+.g_web {
    min-height: calc(100% - 1.1rem)
}

#g_body.mobiCol10.jz_themeV2 .webTips+.webLeft+.g_web,
#g_body.mobiCol11.jz_themeV2 .webTips+.webLeft+.g_web {
    height: calc(100% - 1.5rem)
}

#g_body.mobiCol12.jz_themeV3 .webTips+.webLeft+.g_web {
    min-height: calc(100% - 1.5rem)
}

.mobi-app #g_body .webTips+.webLeft+.g_web {
    max-height: 100%
}

.mobi-app #g_body .webTips+.webLeft+.jz_oldTheme {
    height: 100%
}

#g_body .webTips+.webLeft+.jz_oldTheme {
    min-height: calc(100% - 1.5rem)
}

.g_web_overflow_x_auto {
    overflow-x: auto
}

#g_web {
    color: #000;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem
}

.webModuleContainer {
    overflow: hidden;
    position: relative
}

#g_body {
    color: #000;
    font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
    font-size: .7rem;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    transform: translateZ(0)
}

.module-list-fade-enter-active,
.module-list-fade-leave-active {
    transition: opacity .3s ease
}

.module-list-fade-enter,
.module-list-fade-leave-to {
    opacity: 0
}

.edit_mode_wrap {
    left: 0;
    position: relative;
    text-align: center;
    top: 25px;
    width: 375px
}

.edit_mode_wrap .jz_button {
    cursor: not-allowed;
    line-height: 34px;
    margin-right: 30px;
    width: 93px
}

.edit_mode_wrap .jz_button,
.edit_mode_wrap .jz_button:hover {
    background-color: #fff;
    border-color: #eaeaea;
    color: #ccc
}

.edit_mode_wrap .edit_mode_close {
    margin-right: 0;
    width: 115px
}

.edit_mode_wrap .jz_button.active {
    border-color: #e3e2e8;
    color: #333;
    cursor: pointer
}

.edit_mode_wrap .edit_mode_save.active,
.edit_mode_wrap .jz_button.active:hover {
    background-color: #5874d8;
    border-color: #5874d8;
    color: #fff
}

.edit_mode_wrap .jz_button.active:active {
    background-color: #4a67d1;
    border-color: #4a67d1;
    color: #fff
}

.webContainerBoxStatic {
    position: static
}

.webBannerBoxHide {
    display: none
}

.g_web_ProductNewGroupPage,
.webContainerBoxProductNewGroupPage,
.webContainerBoxProductNewGroupPage .form .formMiddle {
    background: #fff
}

#webHeaderBox.webHeaderBoxHide {
    display: none
}

#webContainerBox.hasBottomFixed {
    padding-bottom: 2rem
}

.webTitleClose[data-v-32ab3db8] {
    width: auto
}

div.webTitleClose[data-v-32ab3db8] {
    height: auto
}

.jz_popupZoneEdit .g_web .webModuleContainer>div,
.jz_popupZoneEdit .g_web .webModuleContainer>span,
.jz_popupZoneEdit .g_web>div {
    display: none !important
}

.jz_popupZoneEdit .g_web .webContainerBox {
    display: block !important;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed !important;
    top: 0;
    transform: none;
    transition: none 0s ease 0s;
    transition: initial;
    width: 100%
}

.jz_popupZoneEdit .g_web .webModuleContainer .jz_popupZone_module {
    display: block !important
}

.jz_popupZoneEdit {
    overflow: hidden !important
}

.jz_popupZoneEdit .fk-sortModuleStyle.formStyle51.fk-canConnectModule {
    height: 0 !important
}

.jz_popupZoneEdit .jz_popupZone_module.formStyle51.fk-canConnectModule {
    height: 100% !important
}

.jz_popupZoneEdit .g_web,
.jz_popupZoneEdit .jz_popupZone_module,
.jz_popupZoneEdit .jz_popupZone_module .f-packContentList,
.jz_popupZoneEdit .jz_popupZone_module .fk-formPack,
.jz_popupZoneEdit .jz_popupZone_module .fk-packSortContainer,
.jz_popupZoneEdit .jz_popupZone_module .formMiddle,
.jz_popupZoneEdit .jz_popupZone_module .formMiddleContent,
.jz_popupZoneEdit .jz_popupZone_module .middleCenter,
.jz_popupZoneEdit .webContainerBox,
.jz_popupZoneEdit .webModuleContainer {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important
}

.jz_popupZoneShow .moveFrame {
    display: none
}

#g_body.jz_popupZoneShow {
    overflow: hidden
}

.jz_popupZoneEdit div.jz_popupZone_module>div.formMiddle {
    background: url(/image/module/popupZone/bg.png?v=202306291520) repeat
}

/*# sourceMappingURL=main.3b92203d.css.map*/

@charset "utf-8";

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon-23.eot);
    src: url(../font/icomoon-23.eot) format('embedded-opentype'),
    url(../font/icomoon-23.ttf) format('truetype'),
    url(../font/icomoon-23.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon-51.eot);
    src: url(../font/icomoon-51.eot) format('embedded-opentype'),
    url(../font/icomoon-51.ttf) format('truetype'),
    url(../font/icomoon-51.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon-70.eot);
    src: url(../font/icomoon-70.eot) format('embedded-opentype'),
    url(../font/icomoon-70.ttf) format('truetype'),
    url(../font/icomoon-70.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class*=faisco-icons],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" new-icons-"],
[class^=new-icons-] {
    font-family: new-icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.faisco-icons-M0001038:before {
    content: "\a1038"
}

.faisco-icons-M0001039:before {
    content: "\a1039"
}

.faisco-icons-M0001040:before {
    content: "\a1040"
}

.faisco-icons-M0001041:before {
    content: "\a1041"
}

.faisco-icons-M0001042:before {
    content: "\a1042"
}

.faisco-icons-M0001043:before {
    content: "\a1043"
}

.faisco-icons-M0001044:before {
    content: "\a1044"
}

.faisco-icons-M0001045:before {
    content: "\a1045"
}

.faisco-icons-M0001046:before {
    content: "\a1046"
}

.faisco-icons-M0001047:before {
    content: "\a1047"
}

.faisco-icons-M0001048:before {
    content: "\a1048"
}

.faisco-icons-M0001049:before {
    content: "\a1049"
}

.faisco-icons-M0001050:before {
    content: "\a1050"
}

.faisco-icons-M0001051:before {
    content: "\a1051"
}

.faisco-icons-M0001052:before {
    content: "\a1052"
}

.faisco-icons-M0001053:before {
    content: "\a1053"
}

.faisco-icons-M0001054:before {
    content: "\a1054"
}

.faisco-icons-M0001055:before {
    content: "\a1055"
}

.faisco-icons-M0001056:before {
    content: "\a1056"
}

.faisco-icons-M0001057:before {
    content: "\a1057"
}

.faisco-icons-M000021:before {
    content: "\a0021"
}

.faisco-icons-M000022:before {
    content: "\a0022"
}

.faisco-icons-M000023:before {
    content: "\a0023"
}

.faisco-icons-M000024:before {
    content: "\a0024"
}

.faisco-icons-M000025:before {
    content: "\a0025"
}

.faisco-icons-M000026:before {
    content: "\a0026"
}

.faisco-icons-M000027:before {
    content: "\a0027"
}

.faisco-icons-M000028:before {
    content: "\a0028"
}

.faisco-icons-M000029:before {
    content: "\a0029"
}

.faisco-icons-M000030:before {
    content: "\a0030"
}

.faisco-icons-M000031:before {
    content: "\a0031"
}

.faisco-icons-M000032:before {
    content: "\a0032"
}

.faisco-icons-M000033:before {
    content: "\a0033"
}

.faisco-icons-M000034:before {
    content: "\a0034"
}

.faisco-icons-M000035:before {
    content: "\a0035"
}

.faisco-icons-M000036:before {
    content: "\a0036"
}

.faisco-icons-M000037:before {
    content: "\a0037"
}

.faisco-icons-M000038:before {
    content: "\a0038"
}

.faisco-icons-M000039:before {
    content: "\a0039"
}

.faisco-icons-M000040:before {
    content: "\a0040"
}

.faisco-icons-M000041:before {
    content: "\a0041"
}

.faisco-icons-M000042:before {
    content: "\a0042"
}

.faisco-icons-M000043:before {
    content: "\a0043"
}

.faisco-icons-M000044:before {
    content: "\a0044"
}

.faisco-icons-M000045:before {
    content: "\a0045"
}

.faisco-icons-M000046:before {
    content: "\a0046"
}

.faisco-icons-M000047:before {
    content: "\a0047"
}

.faisco-icons-M000048:before {
    content: "\a0048"
}

.faisco-icons-M000049:before {
    content: "\a0049"
}

.faisco-icons-M000050:before {
    content: "\a0050"
}

.faisco-icons-M000051:before {
    content: "\a0051"
}

.faisco-icons-M000052:before {
    content: "\a0052"
}

.faisco-icons-M000053:before {
    content: "\a0053"
}

.faisco-icons-M000054:before {
    content: "\a0054"
}

.faisco-icons-M000055:before {
    content: "\a0055"
}

.faisco-icons-M000056:before {
    content: "\a0056"
}

.faisco-icons-M000057:before {
    content: "\a0057"
}

.faisco-icons-M000058:before {
    content: "\a0058"
}

.faisco-icons-M000059:before {
    content: "\a0059"
}

.faisco-icons-M000060:before {
    content: "\a0060"
}

.faisco-icons-M000061:before {
    content: "\a0061"
}

.faisco-icons-M000062:before {
    content: "\a0062"
}

.faisco-icons-M000063:before {
    content: "\a0063"
}

.faisco-icons-M000064:before {
    content: "\a0064"
}

.faisco-icons-M000065:before {
    content: "\a0065"
}

.faisco-icons-M000066:before {
    content: "\a0066"
}

.faisco-icons-M000067:before {
    content: "\a0067"
}

.faisco-icons-M000068:before {
    content: "\a0068"
}

.faisco-icons-M000069:before {
    content: "\a0069"
}

.faisco-icons-M000070:before {
    content: "\a0070"
}

.faisco-icons-M000071:before {
    content: "\a0071"
}

.faisco-icons-M000072:before {
    content: "\a0072"
}

.faisco-icons-M000073:before {
    content: "\a0073"
}

.faisco-icons-M000074:before {
    content: "\a0074"
}

.faisco-icons-M000075:before {
    content: "\a0075"
}

.faisco-icons-M000076:before {
    content: "\a0076"
}

.faisco-icons-M000077:before {
    content: "\a0077"
}

.faisco-icons-M000078:before {
    content: "\a0078"
}

.faisco-icons-M000079:before {
    content: "\a0079"
}

.faisco-icons-M001039:before {
    content: "\ab039"
}

.faisco-icons-M001058:before {
    content: "\a1058"
}

.faisco-icons-M001059:before {
    content: "\a1059"
}

.faisco-icons-M001060:before {
    content: "\a1060"
}

.faisco-icons-M001061:before {
    content: "\a1061"
}

.faisco-icons-M001062:before {
    content: "\a1062"
}

.faisco-icons-M001063:before {
    content: "\a1063"
}

.faisco-icons-M001064:before {
    content: "\a1064"
}

.faisco-icons-M001065:before {
    content: "\a1065"
}

.faisco-icons-M001066:before {
    content: "\a1066"
}

.faisco-icons-M001067:before {
    content: "\a1067"
}

.faisco-icons-M001068:before {
    content: "\a1068"
}

.faisco-icons-M001069:before {
    content: "\a1069"
}

.faisco-icons-M001070:before {
    content: "\a1070"
}

.faisco-icons-M001071:before {
    content: "\a1071"
}

.faisco-icons-M001072:before {
    content: "\a1072"
}

.faisco-icons-M001073:before {
    content: "\a1073"
}

.faisco-icons-M001074:before {
    content: "\a1074"
}

.faisco-icons-M001075:before {
    content: "\a1075"
}

.faisco-icons-M001076:before {
    content: "\a1076"
}

.faisco-icons-M001077:before {
    content: "\a1077"
}

.faisco-icons-M000100:before {
    content: "\a100a"
}

.faisco-icons-M000101:before {
    content: "\a0101"
}

.faisco-icons-M000102:before {
    content: "\a0102"
}

.faisco-icons-M000103:before {
    content: "\a0103"
}

.faisco-icons-M000104:before {
    content: "\a0104"
}

.faisco-icons-M000105:before {
    content: "\a0105"
}

.faisco-icons-M000106:before {
    content: "\a0106"
}

.faisco-icons-M000107:before {
    content: "\a0107"
}

.faisco-icons-M000108:before {
    content: "\a0108"
}

.faisco-icons-M000109:before {
    content: "\a0109"
}

.faisco-icons-M000110:before {
    content: "\a0110"
}

.faisco-icons-M000111:before {
    content: "\a0111"
}

.faisco-icons-M000112:before {
    content: "\a0112"
}

.faisco-icons-M000113:before {
    content: "\a0113"
}

.faisco-icons-M000114:before {
    content: "\a0114"
}

.faisco-icons-M000115:before {
    content: "\a0115"
}

.faisco-icons-M000116:before {
    content: "\a0116"
}

.faisco-icons-M000117:before {
    content: "\a0117"
}

.faisco-icons-M000118:before {
    content: "\a0118"
}

.faisco-icons-M000119:before {
    content: "\a0119"
}

.faisco-icons-M000120:before {
    content: "\a0120"
}

.faisco-icons-M000121:before {
    content: "\a0121"
}

.faisco-icons-M000122:before {
    content: "\a0122"
}

.faisco-icons-M000123:before {
    content: "\a0123"
}

.faisco-icons-M000124:before {
    content: "\a0124"
}

.faisco-icons-M000125:before {
    content: "\a0125"
}

.faisco-icons-M000126:before {
    content: "\a0126"
}

.faisco-icons-M000127:before {
    content: "\a0127"
}

.faisco-icons-M000128:before {
    content: "\a0128"
}

.faisco-icons-M000129:before {
    content: "\a0129"
}

.faisco-icons-M000130:before {
    content: "\a0130"
}

.faisco-icons-M000131:before {
    content: "\a0131"
}

.faisco-icons-M000132:before {
    content: "\a0132"
}

.faisco-icons-M000133:before {
    content: "\a0133"
}

.faisco-icons-M000134:before {
    content: "\a0134"
}

.faisco-icons-M000135:before {
    content: "\a0135"
}

.faisco-icons-M000136:before {
    content: "\a0136"
}

.faisco-icons-M000137:before {
    content: "\a0137"
}

.faisco-icons-M000138:before {
    content: "\a0138"
}

.faisco-icons-M000139:before {
    content: "\a0139"
}

.faisco-icons-M000140:before {
    content: "\a0140"
}

.faisco-icons-M000141:before {
    content: "\a0141"
}

.faisco-icons-M000142:before {
    content: "\a0142"
}

.faisco-icons-M000143:before {
    content: "\a0143"
}

.faisco-icons-M000144:before {
    content: "\a0144"
}

.faisco-icons-M000145:before {
    content: "\a0145"
}

.faisco-icons-M000146:before {
    content: "\a146a"
}

.faisco-icons-M000147:before {
    content: "\a147a"
}

.faisco-icons-M000148:before {
    content: "\a0148"
}

.faisco-icons-M000149:before {
    content: "\a0149"
}

.faisco-icons-M000150:before {
    content: "\a0150"
}

.faisco-icons-M000151:before {
    content: "\a0151"
}

.faisco-icons-M000152:before {
    content: "\a0152"
}

.faisco-icons-M000153:before {
    content: "\a0153"
}

.faisco-icons-M000154:before {
    content: "\a0154"
}

.faisco-icons-M000155:before {
    content: "\a0155"
}

.faisco-icons-M000156:before {
    content: "\a0156"
}

.faisco-icons-M000157:before {
    content: "\a0157"
}

.faisco-icons-M000158:before {
    content: "\a0158"
}

.faisco-icons-M000159:before {
    content: "\a0159"
}

.faisco-icons-M000160:before {
    content: "\a0160"
}

.faisco-icons-M000161:before {
    content: "\a0161"
}

.faisco-icons-M000162:before {
    content: "\a0162"
}

.faisco-icons-M000163:before {
    content: "\a0163"
}

.faisco-icons-M000164:before {
    content: "\a0164"
}

.faisco-icons-M000165:before {
    content: "\a0165"
}

.faisco-icons-M000166:before {
    content: "\a0166"
}

.faisco-icons-M000167:before {
    content: "\a0167"
}

.faisco-icons-M000168:before {
    content: "\a0168"
}

.faisco-icons-M000169:before {
    content: "\a0169"
}

.faisco-icons-M000170:before {
    content: "\a0170"
}

.faisco-icons-M000171:before {
    content: "\a0171"
}

.faisco-icons-M000172:before {
    content: "\a0172"
}

.faisco-icons-M000173:before {
    content: "\a0173"
}

.faisco-icons-M000174:before {
    content: "\a0174"
}

.faisco-icons-M000175:before {
    content: "\a0175"
}

.faisco-icons-M000176:before {
    content: "\a0176"
}

.faisco-icons-M000177:before {
    content: "\a0177"
}

.faisco-icons-M000178:before {
    content: "\a0178"
}

.faisco-icons-M000179:before {
    content: "\a0179"
}

.faisco-icons-M000180:before {
    content: "\a0180"
}

.faisco-icons-M000181:before {
    content: "\a0181"
}

.faisco-icons-M000182:before {
    content: "\a0182"
}

.faisco-icons-M000183:before {
    content: "\a0183"
}

.faisco-icons-M000184:before {
    content: "\a0184"
}

.faisco-icons-M000185:before {
    content: "\a0185"
}

.faisco-icons-M000186:before {
    content: "\a0186"
}

.faisco-icons-M000187:before {
    content: "\a0187"
}

.faisco-icons-M000188:before {
    content: "\a0188"
}

.faisco-icons-M000189:before {
    content: "\a0189"
}

.faisco-icons-M000190:before {
    content: "\a0190"
}

.faisco-icons-M000191:before {
    content: "\a0191"
}

.faisco-icons-M000192:before {
    content: "\a0192"
}

.faisco-icons-M000193:before {
    content: "\a0193"
}

.faisco-icons-M000194:before {
    content: "\a0194"
}

.faisco-icons-M000195:before {
    content: "\a0195"
}

.faisco-icons-M000196:before {
    content: "\a0196"
}

.faisco-icons-M000197:before {
    content: "\a0197"
}

.faisco-icons-M000198:before {
    content: "\a0198"
}

.faisco-icons-M000199:before {
    content: "\a0199"
}

.faisco-icons-M000200:before {
    content: "\a0200"
}

.faisco-icons-M000201:before {
    content: "\a0201"
}

.faisco-icons-M000202:before {
    content: "\a0202"
}

.faisco-icons-M000203:before {
    content: "\a0203"
}

.faisco-icons-M000204:before {
    content: "\a0204"
}

.faisco-icons-M000205:before {
    content: "\a0205"
}

.faisco-icons-M000206:before {
    content: "\a0206"
}

.faisco-icons-M000207:before {
    content: "\a0207"
}

.faisco-icons-M000208:before {
    content: "\a0208"
}

.faisco-icons-M000209:before {
    content: "\a0209"
}

.faisco-icons-M000210:before {
    content: "\a0210"
}

.faisco-icons-M000211:before {
    content: "\a0211"
}

.faisco-icons-M000212:before {
    content: "\a0212"
}

.faisco-icons-M000213:before {
    content: "\a0213"
}

.faisco-icons-M000214:before {
    content: "\a0214"
}

.faisco-icons-M000215:before {
    content: "\a0215"
}

.faisco-icons-M000216:before {
    content: "\a0216"
}

.faisco-icons-M000217:before {
    content: "\a0217"
}

.faisco-icons-M000218:before {
    content: "\a0218"
}

.faisco-icons-M000219:before {
    content: "\a0219"
}

.faisco-icons-M000220:before {
    content: "\a0220"
}

.faisco-icons-M000221:before {
    content: "\a0221"
}

.faisco-icons-M000222:before {
    content: "\a0222"
}

.faisco-icons-M000223:before {
    content: "\a0223"
}

.faisco-icons-M000224:before {
    content: "\a0224"
}

.faisco-icons-M000225:before {
    content: "\a0225"
}

.faisco-icons-M000226:before {
    content: "\a0226"
}

.faisco-icons-M000227:before {
    content: "\a0227"
}

.faisco-icons-M000228:before {
    content: "\a0228"
}

.faisco-icons-M000229:before {
    content: "\a0229"
}

.faisco-icons-M000230:before {
    content: "\a0230"
}

.faisco-icons-M000231:before {
    content: "\a0231"
}

.faisco-icons-M000232:before {
    content: "\a0232"
}

.faisco-icons-M000233:before {
    content: "\a0233"
}

.faisco-icons-M000234:before {
    content: "\a0234"
}

.faisco-icons-M000235:before {
    content: "\a0235"
}

.faisco-icons-M000236:before {
    content: "\a0236"
}

.faisco-icons-M000237:before {
    content: "\a0237"
}

.faisco-icons-M000238:before {
    content: "\a0238"
}

.faisco-icons-M000239:before {
    content: "\a0239"
}

.faisco-icons-M000240:before {
    content: "\a0240"
}

.faisco-icons-M000241:before {
    content: "\a0241"
}

.faisco-icons-M000242:before {
    content: "\a0242"
}

.faisco-icons-M000243:before {
    content: "\a0243"
}

.faisco-icons-M000244:before {
    content: "\a0244"
}

.faisco-icons-M000245:before {
    content: "\a0245"
}

.faisco-icons-M000246:before {
    content: "\a0246"
}

.faisco-icons-M000247:before {
    content: "\a0247"
}

.faisco-icons-M000248:before {
    content: "\a0248"
}

.faisco-icons-M000249:before {
    content: "\a0249"
}

.faisco-icons-M000250:before {
    content: "\a0250"
}

.faisco-icons-M000251:before {
    content: "\a0251"
}

.faisco-icons-M000252:before {
    content: "\a0252"
}

.faisco-icons-M000253:before {
    content: "\a0253"
}

.faisco-icons-M000254:before {
    content: "\a0254"
}

.faisco-icons-M000255:before {
    content: "\a0255"
}

.faisco-icons-M000256:before {
    content: "\a0256"
}

.faisco-icons-M000257:before {
    content: "\a0257"
}

.faisco-icons-M000258:before {
    content: "\a0258"
}

.faisco-icons-M000259:before {
    content: "\a0259"
}

.faisco-icons-M000260:before {
    content: "\a0260"
}

.faisco-icons-M000261:before {
    content: "\a0261"
}

.faisco-icons-M000262:before {
    content: "\a0262"
}

.faisco-icons-M000263:before {
    content: "\a0263"
}

.faisco-icons-M000264:before {
    content: "\a0264"
}

.faisco-icons-M000265:before {
    content: "\a0265"
}

.faisco-icons-M000266:before {
    content: "\a0266"
}

.faisco-icons-M000267:before {
    content: "\a0267"
}

.faisco-icons-M000268:before {
    content: "\a0268"
}

.faisco-icons-M000269:before {
    content: "\a0269"
}

.faisco-icons-M000270:before {
    content: "\a0270"
}

.faisco-icons-M000271:before {
    content: "\a0271"
}

.faisco-icons-M000272:before {
    content: "\a0272"
}

.faisco-icons-M000273:before {
    content: "\a0273"
}

.faisco-icons-M000274:before {
    content: "\a0274"
}

.faisco-icons-M000275:before {
    content: "\a0275"
}

.faisco-icons-M000276:before {
    content: "\a0276"
}

.faisco-icons-M000277:before {
    content: "\a0277"
}

.faisco-icons-M000278:before {
    content: "\a0278"
}

.faisco-icons-M000279:before {
    content: "\a0279"
}

.faisco-icons-M000280:before {
    content: "\a0280"
}

.faisco-icons-M000281:before {
    content: "\a0281"
}

.faisco-icons-M000282:before {
    content: "\a0282"
}

.faisco-icons-M000283:before {
    content: "\a0283"
}

.faisco-icons-M000284:before {
    content: "\a0284"
}

.faisco-icons-M000285:before {
    content: "\a0285"
}

.faisco-icons-M000286:before {
    content: "\a0286"
}

.faisco-icons-M000287:before {
    content: "\a0287"
}

.faisco-icons-M000288:before {
    content: "\a0288"
}

.faisco-icons-M000289:before {
    content: "\a0289"
}

.faisco-icons-M000290:before {
    content: "\a0290"
}

.faisco-icons-M000291:before {
    content: "\a0291"
}

.faisco-icons-M000292:before {
    content: "\a0292"
}

.faisco-icons-M000293:before {
    content: "\a0293"
}

.faisco-icons-M000294:before {
    content: "\a0294"
}

.faisco-icons-M000295:before {
    content: "\a0295"
}

.faisco-icons-M000296:before {
    content: "\a0296"
}

.faisco-icons-M000297:before {
    content: "\a0297"
}

.faisco-icons-M000298:before {
    content: "\a0298"
}

.faisco-icons-M000299:before {
    content: "\a0299"
}

.faisco-icons-M000300:before {
    content: "\a0300"
}

.faisco-icons-M000301:before {
    content: "\a0301"
}

.faisco-icons-M000302:before {
    content: "\a0302"
}

.faisco-icons-M000303:before {
    content: "\a0303"
}

.faisco-icons-M000304:before {
    content: "\a0304"
}

.faisco-icons-M000305:before {
    content: "\a0305"
}

.faisco-icons-M000306:before {
    content: "\a0306"
}

.faisco-icons-M000307:before {
    content: "\a0307"
}

.faisco-icons-M000308:before {
    content: "\a0308"
}

.faisco-icons-M000309:before {
    content: "\a0309"
}

.faisco-icons-M000310:before {
    content: "\a0310"
}

.faisco-icons-M000311:before {
    content: "\a0311"
}

.faisco-icons-M000312:before {
    content: "\a0312"
}

.faisco-icons-M000313:before {
    content: "\a0313"
}

.faisco-icons-M000314:before {
    content: "\a0314"
}

.faisco-icons-M000315:before {
    content: "\a0315"
}

.faisco-icons-M000316:before {
    content: "\a0316"
}

.faisco-icons-M000317:before {
    content: "\a0317"
}

.faisco-icons-M000318:before {
    content: "\a0318"
}

.faisco-icons-M000319:before {
    content: "\a0319"
}

.faisco-icons-M000320:before {
    content: "\a0320"
}

.faisco-icons-M000321:before {
    content: "\a0321"
}

.faisco-icons-M000322:before {
    content: "\a0322"
}

.faisco-icons-M000323:before {
    content: "\a0323"
}

.faisco-icons-M000324:before {
    content: "\a0324"
}

.faisco-icons-M000325:before {
    content: "\a0325"
}

.faisco-icons-M000326:before {
    content: "\a0326"
}

.faisco-icons-M000327:before {
    content: "\a0327"
}

.faisco-icons-M000328:before {
    content: "\a0328"
}

.faisco-icons-M000329:before {
    content: "\a0329"
}

.faisco-icons-M000330:before {
    content: "\a0330"
}

.faisco-icons-M000331:before {
    content: "\a0331"
}

.faisco-icons-M000332:before {
    content: "\a0332"
}

.faisco-icons-M000333:before {
    content: "\a0333"
}

.faisco-icons-M000334:before {
    content: "\a0334"
}

.faisco-icons-M000335:before {
    content: "\a0335"
}

.faisco-icons-M000336:before {
    content: "\a0336"
}

.faisco-icons-M000337:before {
    content: "\a0337"
}

.faisco-icons-M000338:before {
    content: "\a0338"
}

.faisco-icons-M000339:before {
    content: "\a0339"
}

.faisco-icons-M000340:before {
    content: "\a0340"
}

.faisco-icons-M000341:before {
    content: "\a0341"
}

.faisco-icons-M000342:before {
    content: "\a0342"
}

.faisco-icons-M000343:before {
    content: "\a0343"
}

.faisco-icons-M000344:before {
    content: "\a0344"
}

.faisco-icons-M000345:before {
    content: "\a0345"
}

.faisco-icons-M000346:before {
    content: "\a0346"
}

.faisco-icons-M000347:before {
    content: "\a0347"
}

.faisco-icons-M000348:before {
    content: "\a0348"
}

.faisco-icons-M000349:before {
    content: "\a0349"
}

.faisco-icons-M000350:before {
    content: "\a0350"
}

.faisco-icons-M000351:before {
    content: "\a0351"
}

.faisco-icons-M000352:before {
    content: "\a0352"
}

.faisco-icons-M000353:before {
    content: "\a0353"
}

.faisco-icons-M000354:before {
    content: "\a0354"
}

.faisco-icons-M000355:before {
    content: "\a0355"
}

.faisco-icons-M000356:before {
    content: "\a0356"
}

.faisco-icons-M000357:before {
    content: "\a0357"
}

.faisco-icons-M000358:before {
    content: "\a0358"
}

.faisco-icons-M000359:before {
    content: "\a0359"
}

.faisco-icons-M000360:before {
    content: "\a0360"
}

.faisco-icons-M000361:before {
    content: "\a0361"
}

.faisco-icons-M000362:before {
    content: "\a0362"
}

.faisco-icons-M000363:before {
    content: "\a0363"
}

.faisco-icons-M000364:before {
    content: "\a0364"
}

.faisco-icons-M000365:before {
    content: "\a0365"
}

.faisco-icons-M000366:before {
    content: "\a0366"
}

.faisco-icons-M000367:before {
    content: "\a0367"
}

.faisco-icons-M000368:before {
    content: "\a0368"
}

.faisco-icons-M000369:before {
    content: "\a0369"
}

.faisco-icons-M000370:before {
    content: "\a0370"
}

.faisco-icons-M000371:before {
    content: "\a0371"
}

.faisco-icons-M000372:before {
    content: "\a0372"
}

.faisco-icons-M000373:before {
    content: "\a0373"
}

.faisco-icons-M000374:before {
    content: "\a0374"
}

.faisco-icons-M000375:before {
    content: "\a0375"
}

.faisco-icons-M000376:before {
    content: "\a0376"
}

.faisco-icons-M000377:before {
    content: "\a0377"
}

.faisco-icons-M000378:before {
    content: "\a0378"
}

.faisco-icons-M000379:before {
    content: "\a0379"
}

.faisco-icons-M000380:before {
    content: "\a0380"
}

.faisco-icons-M000381:before {
    content: "\a0381"
}

.faisco-icons-M000382:before {
    content: "\a0382"
}

.faisco-icons-M000383:before {
    content: "\a0383"
}

.faisco-icons-M000384:before {
    content: "\a0384"
}

.faisco-icons-M000385:before {
    content: "\a0385"
}

.faisco-icons-M000386:before {
    content: "\a0386"
}

.faisco-icons-M000387:before {
    content: "\a0387"
}

.faisco-icons-M000388:before {
    content: "\a0388"
}

.faisco-icons-M000389:before {
    content: "\a0389"
}

.faisco-icons-M000390:before {
    content: "\a0390"
}

.faisco-icons-M000391:before {
    content: "\a0391"
}

.faisco-icons-M000392:before {
    content: "\a0392"
}

.faisco-icons-M000393:before {
    content: "\a0393"
}

.faisco-icons-M000394:before {
    content: "\a0394"
}

.faisco-icons-M000395:before {
    content: "\a0395"
}

.faisco-icons-M000396:before {
    content: "\a0396"
}

.faisco-icons-M000397:before {
    content: "\a0397"
}

.faisco-icons-M000398:before {
    content: "\a0398"
}

.faisco-icons-M000399:before {
    content: "\a0399"
}

.faisco-icons-M000400:before {
    content: "\a0400"
}

.faisco-icons-M000401:before {
    content: "\a0401"
}

.faisco-icons-M000402:before {
    content: "\a0402"
}

.faisco-icons-M000403:before {
    content: "\a0403"
}

.faisco-icons-M000404:before {
    content: "\a0404"
}

.faisco-icons-M000405:before {
    content: "\a0405"
}

.faisco-icons-M000406:before {
    content: "\a0406"
}

.faisco-icons-M000407:before {
    content: "\a0407"
}

.faisco-icons-M000408:before {
    content: "\a0408"
}

.faisco-icons-M000409:before {
    content: "\a0409"
}

.faisco-icons-M000410:before {
    content: "\a0410"
}

.faisco-icons-M000411:before {
    content: "\a411a"
}

.faisco-icons-M000412:before {
    content: "\a412a"
}

.faisco-icons-M000413:before {
    content: "\a413a"
}

.faisco-icons-M000414:before {
    content: "\a414a"
}

.faisco-icons-M000415:before {
    content: "\a415a"
}

.faisco-icons-M000416:before {
    content: "\a0416"
}

.faisco-icons-M000417:before {
    content: "\a0417"
}

.faisco-icons-M000418:before {
    content: "\a0418"
}

.faisco-icons-M000419:before {
    content: "\a0419"
}

.faisco-icons-M000420:before {
    content: "\a0420"
}

.faisco-icons-M000421:before {
    content: "\a0421"
}

.faisco-icons-M000422:before {
    content: "\a0422"
}

.faisco-icons-M000423:before {
    content: "\a0423"
}

.faisco-icons-M000424:before {
    content: "\a0424"
}

.faisco-icons-M000425:before {
    content: "\a0425"
}

.faisco-icons-M000426:before {
    content: "\a0426"
}

.faisco-icons-M000427:before {
    content: "\a0427"
}

.faisco-icons-M000428:before {
    content: "\a0428"
}

.faisco-icons-M000429:before {
    content: "\a0429"
}

.faisco-icons-M000430:before {
    content: "\a0430"
}

.faisco-icons-M000431:before {
    content: "\a0431"
}

.faisco-icons-M000432:before {
    content: "\a0432"
}

.faisco-icons-M000433:before {
    content: "\a0433"
}

.faisco-icons-M000434:before {
    content: "\a0434"
}

.faisco-icons-M000435:before {
    content: "\a0435"
}

.faisco-icons-M000436:before {
    content: "\a0436"
}

.faisco-icons-M000437:before {
    content: "\a0437"
}

.faisco-icons-M000438:before {
    content: "\a0438"
}

.faisco-icons-M000439:before {
    content: "\a0439"
}

.faisco-icons-M000440:before {
    content: "\a0440"
}

.faisco-icons-M000441:before {
    content: "\a0441"
}

.faisco-icons-M000442:before {
    content: "\a0442"
}

.faisco-icons-M000443:before {
    content: "\a0443"
}

.faisco-icons-M000444:before {
    content: "\a0444"
}

.faisco-icons-M000445:before {
    content: "\a0445"
}

.faisco-icons-M000446:before {
    content: "\a0446"
}

.faisco-icons-M000447:before {
    content: "\a0447"
}

.faisco-icons-M000448:before {
    content: "\a0448"
}

.faisco-icons-M000449:before {
    content: "\a0449"
}

.faisco-icons-M000450:before {
    content: "\a0450"
}

.faisco-icons-M000451:before {
    content: "\a0451"
}

.faisco-icons-M000452:before {
    content: "\a0452"
}

.faisco-icons-M000453:before {
    content: "\a0453"
}

.faisco-icons-M000454:before {
    content: "\a0454"
}

.faisco-icons-M000455:before {
    content: "\a0455"
}

.faisco-icons-M000456:before {
    content: "\a0456"
}

.faisco-icons-M000457:before {
    content: "\a0457"
}

.faisco-icons-M000458:before {
    content: "\a0458"
}

.faisco-icons-M000459:before {
    content: "\a0459"
}

.faisco-icons-M000460:before {
    content: "\a0460"
}

.faisco-icons-M000461:before {
    content: "\a0461"
}

.faisco-icons-M000462:before {
    content: "\a0462"
}

.faisco-icons-M000463:before {
    content: "\a0463"
}

.faisco-icons-M000464:before {
    content: "\a0464"
}

.faisco-icons-M000465:before {
    content: "\a0465"
}

.faisco-icons-M000466:before {
    content: "\a0466"
}

.faisco-icons-M000467:before {
    content: "\a0467"
}

.faisco-icons-M000468:before {
    content: "\a0468"
}

.faisco-icons-M000469:before {
    content: "\a0469"
}

.faisco-icons-M000470:before {
    content: "\a0470"
}

.faisco-icons-M000471:before {
    content: "\a0471"
}

.faisco-icons-M000472:before {
    content: "\a0472"
}

.faisco-icons-M000473:before {
    content: "\a0473"
}

.faisco-icons-M000474:before {
    content: "\a0474"
}

.faisco-icons-M000475:before {
    content: "\a0475"
}

.faisco-icons-M000476:before {
    content: "\a0476"
}

.faisco-icons-M000477:before {
    content: "\a0477"
}

.faisco-icons-M000478:before {
    content: "\a0478"
}

.faisco-icons-M000479:before {
    content: "\a0479"
}

.faisco-icons-M000480:before {
    content: "\a0480"
}

.faisco-icons-M000481:before {
    content: "\a0481"
}

.faisco-icons-M000482:before {
    content: "\a0482"
}

.faisco-icons-M000483:before {
    content: "\a0483"
}

.faisco-icons-M000484:before {
    content: "\a0484"
}

.faisco-icons-M000485:before {
    content: "\a0485"
}

.faisco-icons-M000486:before {
    content: "\a0486"
}

.faisco-icons-M000487:before {
    content: "\a0487"
}

.faisco-icons-M000488:before {
    content: "\a0488"
}

.faisco-icons-M000489:before {
    content: "\a0489"
}

.faisco-icons-M000490:before {
    content: "\a0490"
}

.faisco-icons-M000491:before {
    content: "\a0491"
}

.faisco-icons-M000492:before {
    content: "\a0492"
}

.faisco-icons-M000493:before {
    content: "\a0493"
}

.faisco-icons-M000494:before {
    content: "\a0494"
}

.faisco-icons-M000495:before {
    content: "\a0495"
}

.faisco-icons-M000496:before {
    content: "\a0496"
}

.faisco-icons-M000497:before {
    content: "\a0497"
}

.faisco-icons-M000498:before {
    content: "\a0498"
}

.faisco-icons-M000499:before {
    content: "\a0499"
}

.faisco-icons-M000500:before {
    content: "\a0500"
}

.faisco-icons-M000501:before {
    content: "\a0501"
}

.faisco-icons-M000502:before {
    content: "\a0502"
}

.faisco-icons-M000503:before {
    content: "\a0503"
}

.faisco-icons-M000504:before {
    content: "\a0504"
}

.faisco-icons-M000505:before {
    content: "\a0505"
}

.faisco-icons-M000506:before {
    content: "\a0506"
}

.faisco-icons-M000507:before {
    content: "\a0507"
}

.faisco-icons-M000508:before {
    content: "\a0508"
}

.faisco-icons-M000509:before {
    content: "\a0509"
}

.faisco-icons-M000510:before {
    content: "\a0510"
}

.faisco-icons-M000511:before {
    content: "\a0511"
}

.faisco-icons-M000512:before {
    content: "\a0512"
}

.faisco-icons-M000513:before {
    content: "\a0513"
}

.faisco-icons-M000514:before {
    content: "\a0514"
}

.faisco-icons-M000515:before {
    content: "\a0515"
}

.faisco-icons-M000516:before {
    content: "\a0516"
}

.faisco-icons-M000517:before {
    content: "\a0517"
}

.faisco-icons-M000518:before {
    content: "\a0518"
}

.faisco-icons-M000519:before {
    content: "\a0519"
}

.faisco-icons-M000520:before {
    content: "\a0520"
}

.faisco-icons-M000521:before {
    content: "\a0521"
}

.faisco-icons-M000522:before {
    content: "\a0522"
}

.faisco-icons-M000523:before {
    content: "\a0523"
}

.faisco-icons-M000524:before {
    content: "\a0524"
}

.faisco-icons-M000525:before {
    content: "\a0525"
}

.faisco-icons-M000526:before {
    content: "\a0526"
}

.faisco-icons-M000527:before {
    content: "\a0527"
}

.faisco-icons-M000528:before {
    content: "\a0528"
}

.faisco-icons-M000529:before {
    content: "\a0529"
}

.faisco-icons-M000530:before {
    content: "\a0530"
}

.faisco-icons-M000531:before {
    content: "\a0531"
}

.faisco-icons-M000532:before {
    content: "\a0532"
}

.faisco-icons-M000533:before {
    content: "\a0533"
}

.faisco-icons-M000534:before {
    content: "\a0534"
}

.faisco-icons-M000535:before {
    content: "\a0535"
}

.faisco-icons-M000536:before {
    content: "\a0536"
}

.faisco-icons-M000537:before {
    content: "\a0537"
}

.faisco-icons-M000538:before {
    content: "\a0538"
}

.faisco-icons-M000539:before {
    content: "\a0539"
}

.faisco-icons-M000540:before {
    content: "\a0540"
}

.faisco-icons-M000541:before {
    content: "\a0541"
}

.faisco-icons-M000542:before {
    content: "\a0542"
}

.faisco-icons-M000543:before {
    content: "\a0543"
}

.faisco-icons-M000544:before {
    content: "\a0544"
}

.faisco-icons-M000545:before {
    content: "\a0545"
}

.faisco-icons-M000546:before {
    content: "\a0546"
}

.faisco-icons-M000547:before {
    content: "\a0547"
}

.faisco-icons-M000548:before {
    content: "\a0548"
}

.faisco-icons-M000549:before {
    content: "\a0549"
}

.faisco-icons-M000550:before {
    content: "\a0550"
}

.faisco-icons-M000551:before {
    content: "\a0551"
}

.faisco-icons-M000552:before {
    content: "\a0552"
}

.faisco-icons-M000553:before {
    content: "\a0553"
}

.faisco-icons-M000554:before {
    content: "\a0554"
}

.faisco-icons-M000555:before {
    content: "\a0555"
}

.faisco-icons-M000556:before {
    content: "\a0556"
}

.faisco-icons-M000557:before {
    content: "\a0557"
}

.faisco-icons-M000558:before {
    content: "\a0558"
}

.faisco-icons-M000559:before {
    content: "\a0559"
}

.faisco-icons-M000560:before {
    content: "\a0560"
}

.faisco-icons-M000561:before {
    content: "\a0561"
}

.faisco-icons-M000562:before {
    content: "\a0562"
}

.faisco-icons-M000563:before {
    content: "\a0563"
}

.faisco-icons-M000564:before {
    content: "\a0564"
}

.faisco-icons-M000565:before {
    content: "\a0565"
}

.faisco-icons-M000566:before {
    content: "\a0566"
}

.faisco-icons-M000567:before {
    content: "\a0567"
}

.faisco-icons-M000568:before {
    content: "\a0568"
}

.faisco-icons-M000569:before {
    content: "\a0569"
}

.faisco-icons-M000570:before {
    content: "\a0570"
}

.faisco-icons-M000571:before {
    content: "\a0571"
}

.faisco-icons-M000572:before {
    content: "\a0572"
}

.faisco-icons-M000573:before {
    content: "\a0573"
}

.faisco-icons-M000574:before {
    content: "\a0574"
}

.faisco-icons-M000575:before {
    content: "\a0575"
}

.faisco-icons-M000576:before {
    content: "\a0576"
}

.faisco-icons-M000577:before {
    content: "\a0577"
}

.faisco-icons-M000578:before {
    content: "\a0578"
}

.faisco-icons-M000579:before {
    content: "\a0579"
}

.faisco-icons-M000580:before {
    content: "\a0580"
}

.faisco-icons-M000581:before {
    content: "\a0581"
}

.faisco-icons-M000582:before {
    content: "\a0582"
}

.faisco-icons-M000583:before {
    content: "\a0583"
}

.faisco-icons-M000584:before {
    content: "\a0584"
}

.faisco-icons-M000585:before {
    content: "\a0585"
}

.faisco-icons-M000586:before {
    content: "\a0586"
}

.faisco-icons-M000587:before {
    content: "\a0587"
}

.faisco-icons-M000588:before {
    content: "\a0588"
}

.faisco-icons-M000589:before {
    content: "\a0589"
}

.faisco-icons-M000590:before {
    content: "\a0590"
}

.faisco-icons-M000591:before {
    content: "\a0591"
}

.faisco-icons-M000592:before {
    content: "\a0592"
}

.faisco-icons-M000593:before {
    content: "\a0593"
}

.faisco-icons-M000594:before {
    content: "\a0594"
}

.faisco-icons-M000595:before {
    content: "\a0595"
}

.faisco-icons-M000596:before {
    content: "\a0596"
}

.faisco-icons-M000597:before {
    content: "\a0597"
}

.faisco-icons-M000598:before {
    content: "\a0598"
}

.faisco-icons-M000599:before {
    content: "\a0599"
}

.faisco-icons-M000600:before {
    content: "\a0600"
}

.faisco-icons-M000601:before {
    content: "\a0601"
}

.faisco-icons-M000602:before {
    content: "\a0602"
}

.faisco-icons-M000603:before {
    content: "\a0603"
}

.faisco-icons-M000604:before {
    content: "\a0604"
}

.faisco-icons-M000605:before {
    content: "\a0605"
}

.faisco-icons-M000606:before {
    content: "\a0606"
}

.faisco-icons-M000607:before {
    content: "\a0607"
}

.faisco-icons-M000608:before {
    content: "\a0608"
}

.faisco-icons-M000609:before {
    content: "\a0609"
}

.faisco-icons-M000610:before {
    content: "\a0610"
}

.faisco-icons-M000611:before {
    content: "\a0611"
}

.faisco-icons-M000612:before {
    content: "\a0612"
}

.faisco-icons-M000613:before {
    content: "\a0613"
}

.faisco-icons-M000614:before {
    content: "\a0614"
}

.faisco-icons-M000615:before {
    content: "\a0615"
}

.faisco-icons-M000616:before {
    content: "\a0616"
}

.faisco-icons-M000617:before {
    content: "\a0617"
}

.faisco-icons-M000618:before {
    content: "\a0618"
}

.faisco-icons-M000619:before {
    content: "\a0619"
}

.faisco-icons-M000620:before {
    content: "\a0620"
}

.faisco-icons-M000621:before {
    content: "\a0621"
}

.faisco-icons-M000622:before {
    content: "\a0622"
}

.faisco-icons-M000623:before {
    content: "\a0623"
}

.faisco-icons-M000624:before {
    content: "\a0624"
}

.faisco-icons-M000625:before {
    content: "\a0625"
}

.faisco-icons-M000626:before {
    content: "\a0626"
}

.faisco-icons-M000627:before {
    content: "\a0627"
}

.faisco-icons-M000628:before {
    content: "\a0628"
}

.faisco-icons-M000629:before {
    content: "\a0629"
}

.faisco-icons-M000630:before {
    content: "\a0630"
}

.faisco-icons-M000631:before {
    content: "\a0631"
}

.faisco-icons-M000632:before {
    content: "\a0632"
}

.faisco-icons-M000633:before {
    content: "\a0633"
}

.faisco-icons-M000634:before {
    content: "\a0634"
}

.faisco-icons-M000635:before {
    content: "\a0635"
}

.faisco-icons-M000636:before {
    content: "\a0636"
}

.faisco-icons-M000637:before {
    content: "\a0637"
}

.faisco-icons-M000638:before {
    content: "\a0638"
}

.faisco-icons-M000639:before {
    content: "\a0639"
}

.faisco-icons-M000640:before {
    content: "\a0640"
}

.faisco-icons-M000641:before {
    content: "\a0641"
}

.faisco-icons-M000642:before {
    content: "\a0642"
}

.faisco-icons-M000643:before {
    content: "\a0643"
}

.faisco-icons-M000644:before {
    content: "\a0644"
}

.faisco-icons-M000645:before {
    content: "\a0645"
}

.faisco-icons-M000646:before {
    content: "\a0646"
}

.faisco-icons-M000647:before {
    content: "\a0647"
}

.faisco-icons-M000648:before {
    content: "\a0648"
}

.faisco-icons-M000649:before {
    content: "\a0649"
}

.faisco-icons-M000650:before {
    content: "\a0650"
}

.faisco-icons-M000651:before {
    content: "\a0651"
}

.faisco-icons-M000652:before {
    content: "\a0652"
}

.faisco-icons-M000653:before {
    content: "\a0653"
}

.faisco-icons-M000654:before {
    content: "\a0654"
}

.faisco-icons-M000655:before {
    content: "\a0655"
}

.faisco-icons-M000656:before {
    content: "\a0656"
}

.faisco-icons-M000657:before {
    content: "\a0657"
}

.faisco-icons-M000658:before {
    content: "\a0658"
}

.faisco-icons-M000659:before {
    content: "\a0659"
}

.faisco-icons-M000660:before {
    content: "\a0660"
}

.faisco-icons-M000661:before {
    content: "\a0661"
}

.faisco-icons-M000662:before {
    content: "\a0662"
}

.faisco-icons-M000663:before {
    content: "\a0663"
}

.faisco-icons-M000664:before {
    content: "\a0664"
}

.faisco-icons-M000665:before {
    content: "\a0665"
}

.faisco-icons-M000666:before {
    content: "\a0666"
}

.faisco-icons-M000667:before {
    content: "\a0667"
}

.faisco-icons-M000668:before {
    content: "\a0668"
}

.faisco-icons-M000669:before {
    content: "\a0669"
}

.faisco-icons-M000670:before {
    content: "\a0670"
}

.faisco-icons-M000671:before {
    content: "\a0671"
}

.faisco-icons-M000672:before {
    content: "\a672a"
}

.faisco-icons-M000673:before {
    content: "\a673a"
}

.faisco-icons-M000674:before {
    content: "\a674a"
}

.faisco-icons-M000675:before {
    content: "\a0675"
}

.faisco-icons-M000676:before {
    content: "\a0676"
}

.faisco-icons-M000677:before {
    content: "\a0677"
}

.faisco-icons-M000678:before {
    content: "\a0678"
}

.faisco-icons-M000679:before {
    content: "\a0679"
}

.faisco-icons-M000680:before {
    content: "\a0680"
}

.faisco-icons-M000681:before {
    content: "\a0681"
}

.faisco-icons-M000682:before {
    content: "\a0682"
}

.faisco-icons-M000683:before {
    content: "\a0683"
}

.faisco-icons-M000684:before {
    content: "\a0684"
}

.faisco-icons-M000685:before {
    content: "\a0685"
}

.faisco-icons-M000686:before {
    content: "\a0686"
}

.faisco-icons-M000687:before {
    content: "\a0687"
}

.faisco-icons-M000688:before {
    content: "\a0688"
}

.faisco-icons-M000689:before {
    content: "\a0689"
}

.faisco-icons-M000690:before {
    content: "\a0690"
}

.faisco-icons-M000691:before {
    content: "\a0691"
}

.faisco-icons-M000692:before {
    content: "\a0692"
}

.faisco-icons-M000693:before {
    content: "\a0693"
}

.faisco-icons-M000694:before {
    content: "\a0694"
}

.faisco-icons-M000695:before {
    content: "\a0695"
}

.faisco-icons-M000696:before {
    content: "\a0696"
}

.faisco-icons-M000697:before {
    content: "\a0697"
}

.faisco-icons-M000698:before {
    content: "\a0698"
}

.faisco-icons-M000699:before {
    content: "\a0699"
}

.faisco-icons-M000700:before {
    content: "\a0700"
}

.faisco-icons-M000701:before {
    content: "\a0701"
}

.faisco-icons-M000702:before {
    content: "\a0702"
}

.faisco-icons-M000703:before {
    content: "\a0703"
}

.faisco-icons-M000704:before {
    content: "\a0704"
}

.faisco-icons-M000705:before {
    content: "\a0705"
}

.faisco-icons-M000706:before {
    content: "\a0706"
}

.faisco-icons-M000707:before {
    content: "\a0707"
}

.faisco-icons-M000708:before {
    content: "\a0708"
}

.faisco-icons-M000709:before {
    content: "\a0709"
}

.faisco-icons-M000710:before {
    content: "\a0710"
}

.faisco-icons-M000711:before {
    content: "\a0711"
}

.faisco-icons-M000712:before {
    content: "\a0712"
}

.faisco-icons-M000713:before {
    content: "\a0713"
}

.faisco-icons-M000714:before {
    content: "\a0714"
}

.faisco-icons-M000715:before {
    content: "\a0715"
}

.faisco-icons-M000716:before {
    content: "\a0716"
}

.faisco-icons-M000717:before {
    content: "\a0717"
}

.faisco-icons-M000718:before {
    content: "\a0718"
}

.faisco-icons-M000719:before {
    content: "\a0719"
}

.faisco-icons-M000720:before {
    content: "\a0720"
}

.faisco-icons-M000721:before {
    content: "\a0721"
}

.faisco-icons-M000722:before {
    content: "\a0722"
}

.faisco-icons-M000723:before {
    content: "\a0723"
}

.faisco-icons-M000724:before {
    content: "\a0724"
}

.faisco-icons-M000725:before {
    content: "\a0725"
}

.faisco-icons-M000726:before {
    content: "\a0726"
}

.faisco-icons-M000727:before {
    content: "\a0727"
}

.faisco-icons-M000728:before {
    content: "\a0728"
}

.faisco-icons-M000729:before {
    content: "\a0729"
}

.faisco-icons-M000730:before {
    content: "\a0730"
}

.faisco-icons-M000731:before {
    content: "\a0731"
}

.faisco-icons-M000732:before {
    content: "\a0732"
}

.faisco-icons-M000733:before {
    content: "\a0733"
}

.faisco-icons-M000734:before {
    content: "\a0734"
}

.faisco-icons-M000735:before {
    content: "\a0735"
}

.faisco-icons-M000736:before {
    content: "\a0736"
}

.faisco-icons-M000737:before {
    content: "\a0737"
}

.faisco-icons-M000738:before {
    content: "\a0738"
}

.faisco-icons-M000739:before {
    content: "\a0739"
}

.faisco-icons-M000740:before {
    content: "\a0740"
}

.faisco-icons-M000741:before {
    content: "\a0741"
}

.faisco-icons-M000742:before {
    content: "\a0742"
}

.faisco-icons-M000743:before {
    content: "\a0743"
}

.faisco-icons-M000744:before {
    content: "\a0744"
}

.faisco-icons-M000745:before {
    content: "\a0745"
}

.faisco-icons-M000746:before {
    content: "\a0746"
}

.faisco-icons-M000747:before {
    content: "\a0747"
}

.faisco-icons-M000748:before {
    content: "\a0748"
}

.faisco-icons-M000749:before {
    content: "\a0749"
}

.faisco-icons-M000750:before {
    content: "\a0750"
}

.faisco-icons-M000751:before {
    content: "\a0751"
}

.faisco-icons-M000752:before {
    content: "\a0752"
}

.faisco-icons-M000753:before {
    content: "\a0753"
}

.faisco-icons-M000754:before {
    content: "\a0754"
}

.faisco-icons-M000755:before {
    content: "\a0755"
}

.faisco-icons-M000756:before {
    content: "\a0756"
}

.faisco-icons-M000757:before {
    content: "\a0757"
}

.faisco-icons-M000758:before {
    content: "\a0758"
}

.faisco-icons-M000759:before {
    content: "\a0759"
}

.faisco-icons-M000760:before {
    content: "\a0760"
}

.faisco-icons-M000761:before {
    content: "\a0761"
}

.faisco-icons-M000762:before {
    content: "\a0762"
}

.faisco-icons-M000763:before {
    content: "\a0763"
}

.faisco-icons-M000764:before {
    content: "\a0764"
}

.faisco-icons-M000765:before {
    content: "\a0765"
}

.faisco-icons-M000766:before {
    content: "\a0766"
}

.faisco-icons-M000767:before {
    content: "\a0767"
}

.faisco-icons-M000768:before {
    content: "\a0768"
}

.faisco-icons-M000769:before {
    content: "\a0769"
}

.faisco-icons-M000770:before {
    content: "\a0770"
}

.faisco-icons-M000771:before {
    content: "\a0771"
}

.faisco-icons-M000772:before {
    content: "\a0772"
}

.faisco-icons-M000773:before {
    content: "\a0773"
}

.faisco-icons-M000774:before {
    content: "\a0774"
}

.faisco-icons-M000775:before {
    content: "\a0775"
}

.faisco-icons-M000776:before {
    content: "\a0776"
}

.faisco-icons-M000777:before {
    content: "\a0777"
}

.faisco-icons-M000778:before {
    content: "\a0778"
}

.faisco-icons-M000779:before {
    content: "\a0779"
}

.faisco-icons-M000780:before {
    content: "\a0780"
}

.faisco-icons-M000781:before {
    content: "\a0781"
}

.faisco-icons-M000782:before {
    content: "\a0782"
}

.faisco-icons-M000783:before {
    content: "\a0783"
}

.faisco-icons-M000784:before {
    content: "\a0784"
}

.faisco-icons-M000785:before {
    content: "\a0785"
}

.faisco-icons-M000786:before {
    content: "\a0786"
}

.faisco-icons-M000787:before {
    content: "\a0787"
}

.faisco-icons-M000788:before {
    content: "\a0788"
}

.faisco-icons-M000789:before {
    content: "\a0789"
}

.faisco-icons-M000790:before {
    content: "\a0790"
}

.faisco-icons-M000791:before {
    content: "\a0791"
}

.faisco-icons-M000792:before {
    content: "\a0792"
}

.faisco-icons-M000793:before {
    content: "\a0793"
}

.faisco-icons-M000794:before {
    content: "\a0794"
}

.faisco-icons-M000795:before {
    content: "\a0795"
}

.faisco-icons-M000796:before {
    content: "\a0796"
}

.faisco-icons-M000797:before {
    content: "\a0797"
}

.faisco-icons-M000798:before {
    content: "\a0798"
}

.faisco-icons-M000799:before {
    content: "\a0799"
}

.faisco-icons-M000800:before {
    content: "\a0800"
}

.faisco-icons-M000801:before {
    content: "\a0801"
}

.faisco-icons-M000802:before {
    content: "\a0802"
}

.faisco-icons-M000803:before {
    content: "\a0803"
}

.faisco-icons-M000804:before {
    content: "\a0805"
}

.faisco-icons-M000805:before {
    content: "\ec53"
}

.faisco-icons-M000806:before {
    content: "\a0806"
}

.faisco-icons-M000807:before {
    content: "\a0807"
}

.faisco-icons-M000808:before {
    content: "\a0808"
}

.faisco-icons-M000809:before {
    content: "\a0809"
}

.faisco-icons-M000810:before {
    content: "\a0810"
}

.faisco-icons-M000811:before {
    content: "\a0811"
}

.faisco-icons-M000812:before {
    content: "\a0812"
}

.faisco-icons-M000813:before {
    content: "\a0813"
}

.faisco-icons-M000814:before {
    content: "\a0814"
}

.faisco-icons-M000815:before {
    content: "\a0815"
}

.faisco-icons-M000816:before {
    content: "\a0816"
}

.faisco-icons-M000817:before {
    content: "\a0817"
}

.faisco-icons-M000818:before {
    content: "\a0818"
}

.faisco-icons-M000819:before {
    content: "\a0819"
}

.faisco-icons-M000820:before {
    content: "\a0820"
}

.faisco-icons-M000821:before {
    content: "\a0821"
}

.faisco-icons-M000822:before {
    content: "\a0822"
}

.faisco-icons-M000823:before {
    content: "\a0823"
}

.faisco-icons-M000824:before {
    content: "\a0824"
}

.faisco-icons-M000825:before {
    content: "\a0825"
}

.faisco-icons-M000826:before {
    content: "\a0826"
}

.faisco-icons-M000827:before {
    content: "\a0827"
}

.faisco-icons-M000828:before {
    content: "\a0828"
}

.faisco-icons-M000829:before {
    content: "\a0829"
}

.faisco-icons-M000830:before {
    content: "\a0830"
}

.faisco-icons-M000831:before {
    content: "\a0831"
}

.faisco-icons-M000832:before {
    content: "\a0832"
}

.faisco-icons-M000833:before {
    content: "\a0833"
}

.faisco-icons-M000834:before {
    content: "\10ffff"
}

.faisco-icons-M000835:before {
    content: "\a0835"
}

.faisco-icons-M000836:before {
    content: "\a0836"
}

.faisco-icons-M000837:before {
    content: "\a0837"
}

.faisco-icons-M000838:before {
    content: "\a0838"
}

.faisco-icons-M000839:before {
    content: "\a0839"
}

.faisco-icons-M000840:before {
    content: "\a0840"
}

.faisco-icons-M000841:before {
    content: "\a0841"
}

.faisco-icons-M000842:before {
    content: "\a0842"
}

.faisco-icons-M000843:before {
    content: "\a0843"
}

.faisco-icons-M000844:before {
    content: "\a0844"
}

.faisco-icons-M000845:before {
    content: "\a0845"
}

.faisco-icons-M000846:before {
    content: "\a0846"
}

.faisco-icons-M000847:before {
    content: "\a0847"
}

.faisco-icons-M000848:before {
    content: "\a0848"
}

.faisco-icons-M000849:before {
    content: "\a0849"
}

.faisco-icons-M000850:before {
    content: "\a0850"
}

.faisco-icons-M000851:before {
    content: "\a0851"
}

.faisco-icons-M000852:before {
    content: "\a0852"
}

.faisco-icons-M000853:before {
    content: "\a0853"
}

.faisco-icons-M000854:before {
    content: "\a0854"
}

.faisco-icons-M000855:before {
    content: "\a0855"
}

.faisco-icons-M000856:before {
    content: "\a0856"
}

.faisco-icons-M000857:before {
    content: "\a0857"
}

.faisco-icons-M000858:before {
    content: "\a0858"
}

.faisco-icons-M000859:before {
    content: "\a0859"
}

.faisco-icons-M000860:before {
    content: "\a0860"
}

.faisco-icons-M000861:before {
    content: "\a0861"
}

.faisco-icons-M000862:before {
    content: "\a0862"
}

.faisco-icons-M000863:before {
    content: "\a0863"
}

.faisco-icons-M000864:before {
    content: "\a0864"
}

.faisco-icons-M000865:before {
    content: "\a0865"
}

.faisco-icons-M000866:before {
    content: "\a0866"
}

.faisco-icons-M000867:before {
    content: "\a0867"
}

.faisco-icons-M000868:before {
    content: "\a0868"
}

.faisco-icons-M000869:before {
    content: "\a0869"
}

.faisco-icons-M000870:before {
    content: "\a0870"
}

.faisco-icons-M000871:before {
    content: "\a0871"
}

.faisco-icons-M000872:before {
    content: "\a0872"
}

.faisco-icons-M000873:before {
    content: "\a0873"
}

.faisco-icons-M000874:before {
    content: "\a0874"
}

.faisco-icons-M000875:before {
    content: "\a0875"
}

.faisco-icons-M000876:before {
    content: "\a0876"
}

.faisco-icons-M000877:before {
    content: "\a0877"
}

.faisco-icons-M000878:before {
    content: "\a0878"
}

.faisco-icons-M000879:before {
    content: "\a0879"
}

.faisco-icons-M000880:before {
    content: "\a0880"
}

.faisco-icons-M000881:before {
    content: "\a0881"
}

.faisco-icons-M000882:before {
    content: "\a0882"
}

.faisco-icons-M000883:before {
    content: "\a0883"
}

.faisco-icons-M000884:before {
    content: "\a0884"
}

.faisco-icons-M000885:before {
    content: "\a0885"
}

.faisco-icons-M000886:before {
    content: "\a0886"
}

.faisco-icons-M000887:before {
    content: "\a0887"
}

.faisco-icons-M000888:before {
    content: "\a0888"
}

.faisco-icons-M000889:before {
    content: "\a0889"
}

.faisco-icons-M000890:before {
    content: "\a0890"
}

.faisco-icons-M000891:before {
    content: "\a0891"
}

.faisco-icons-M000892:before {
    content: "\a0892"
}

.faisco-icons-M000893:before {
    content: "\a0893"
}

.faisco-icons-M000894:before {
    content: "\a0894"
}

.faisco-icons-M000895:before {
    content: "\a0895"
}

.faisco-icons-M000896:before {
    content: "\a0896"
}

.faisco-icons-M000897:before {
    content: "\a0897"
}

.faisco-icons-M000898:before {
    content: "\a0898"
}

.faisco-icons-M000899:before {
    content: "\a0899"
}

.faisco-icons-M000900:before {
    content: "\a0900"
}

.faisco-icons-M000901:before {
    content: "\a0901"
}

.faisco-icons-M000902:before {
    content: "\a0902"
}

.faisco-icons-M000903:before {
    content: "\a0903"
}

.faisco-icons-M000904:before {
    content: "\a0904"
}

.faisco-icons-M000905:before {
    content: "\a0905"
}

.faisco-icons-M000906:before {
    content: "\a0906"
}

.faisco-icons-M000907:before {
    content: "\a0907"
}

.faisco-icons-M000908:before {
    content: "\a0908"
}

.faisco-icons-M000909:before {
    content: "\a0909"
}

.faisco-icons-M000910:before {
    content: "\a0910"
}

.faisco-icons-M000911:before {
    content: "\a0911"
}

.faisco-icons-M000912:before {
    content: "\a0912"
}

.faisco-icons-M000913:before {
    content: "\a0913"
}

.faisco-icons-M000914:before {
    content: "\a0914"
}

.faisco-icons-M000915:before {
    content: "\a0915"
}

.faisco-icons-M000916:before {
    content: "\a0916"
}

.faisco-icons-M000917:before {
    content: "\a0917"
}

.faisco-icons-M000918:before {
    content: "\a0918"
}

.faisco-icons-M000919:before {
    content: "\a0919"
}

.faisco-icons-M000920:before {
    content: "\a0920"
}

.faisco-icons-M000921:before {
    content: "\a0921"
}

.faisco-icons-M000922:before {
    content: "\a0922"
}

.faisco-icons-M000923:before {
    content: "\a0923"
}

.faisco-icons-M000924:before {
    content: "\a0924"
}

.faisco-icons-M000925:before {
    content: "\a0925"
}

.faisco-icons-M000926:before {
    content: "\a0926"
}

.faisco-icons-M000927:before {
    content: "\a0927"
}

.faisco-icons-M000928:before {
    content: "\a0928"
}

.faisco-icons-M000929:before {
    content: "\a0929"
}

.faisco-icons-M000930:before {
    content: "\a0930"
}

.faisco-icons-M000931:before {
    content: "\a0931"
}

.faisco-icons-M000932:before {
    content: "\a0932"
}

.faisco-icons-M000933:before {
    content: "\a0933"
}

.faisco-icons-M000934:before {
    content: "\a0934"
}

.faisco-icons-M000935:before {
    content: "\a0935"
}

.faisco-icons-M000936:before {
    content: "\a0936"
}

.faisco-icons-M000937:before {
    content: "\a0937"
}

.faisco-icons-M000938:before {
    content: "\a0938"
}

.faisco-icons-M000939:before {
    content: "\a0939"
}

.faisco-icons-M000940:before {
    content: "\a0940"
}

.faisco-icons-M000941:before {
    content: "\a0941"
}

.faisco-icons-M000942:before {
    content: "\a0942"
}

.faisco-icons-M000943:before {
    content: "\a0943"
}

.faisco-icons-M000944:before {
    content: "\a0944"
}

.faisco-icons-M000945:before {
    content: "\a0945"
}

.faisco-icons-M000946:before {
    content: "\a0946"
}

.faisco-icons-M000947:before {
    content: "\a0947"
}

.faisco-icons-M000948:before {
    content: "\a0948"
}

.faisco-icons-M000949:before {
    content: "\a0949"
}

.faisco-icons-M000950:before {
    content: "\a0950"
}

.faisco-icons-M000951:before {
    content: "\a0951"
}

.faisco-icons-M000952:before {
    content: "\a0952"
}

.faisco-icons-M000953:before {
    content: "\a0953"
}

.faisco-icons-M000954:before {
    content: "\a0954"
}

.faisco-icons-M000955:before {
    content: "\a0955"
}

.faisco-icons-M000956:before {
    content: "\a0956"
}

.faisco-icons-M000957:before {
    content: "\a0957"
}

.faisco-icons-M000958:before {
    content: "\a0958"
}

.faisco-icons-M000959:before {
    content: "\a0959"
}

.faisco-icons-M000960:before {
    content: "\a0960"
}

.faisco-icons-M000961:before {
    content: "\a0961"
}

.faisco-icons-M000962:before {
    content: "\a0962"
}

.faisco-icons-M000963:before {
    content: "\a0963"
}

.faisco-icons-M000964:before {
    content: "\a0964"
}

.faisco-icons-M000965:before {
    content: "\a0965"
}

.faisco-icons-M000966:before {
    content: "\a0966"
}

.faisco-icons-M000967:before {
    content: "\a0967"
}

.faisco-icons-M000968:before {
    content: "\a0968"
}

.faisco-icons-M000969:before {
    content: "\a0969"
}

.faisco-icons-M000970:before {
    content: "\a0970"
}

.faisco-icons-M000971:before {
    content: "\a0971"
}

.faisco-icons-M000972:before {
    content: "\a0972"
}

.faisco-icons-M000973:before {
    content: "\a0973"
}

.faisco-icons-M000974:before {
    content: "\a0974"
}

.faisco-icons-M000975:before {
    content: "\a0975"
}

.faisco-icons-M000976:before {
    content: "\a0976"
}

.faisco-icons-M000977:before {
    content: "\a0977"
}

.faisco-icons-M000978:before {
    content: "\a0978"
}

.faisco-icons-M000979:before {
    content: "\a0979"
}

.faisco-icons-M000980:before {
    content: "\a0980"
}

.faisco-icons-M000981:before {
    content: "\a0981"
}

.faisco-icons-M000982:before {
    content: "\a0982"
}

.faisco-icons-M000983:before {
    content: "\a0983"
}

.faisco-icons-M000984:before {
    content: "\a0984"
}

.faisco-icons-M000985:before {
    content: "\a0985"
}

.faisco-icons-M000986:before {
    content: "\a0986"
}

.faisco-icons-M000987:before {
    content: "\a0987"
}

.faisco-icons-M000988:before {
    content: "\a0988"
}

.faisco-icons-M000989:before {
    content: "\a0989"
}

.faisco-icons-M000990:before {
    content: "\a0990"
}

.faisco-icons-M000991:before {
    content: "\a0991"
}

.faisco-icons-M000992:before {
    content: "\a0992"
}

.faisco-icons-M000993:before {
    content: "\a0993"
}

.faisco-icons-M000994:before {
    content: "\a0994"
}

.faisco-icons-M000995:before {
    content: "\a0995"
}

.faisco-icons-M000996:before {
    content: "\a0996"
}

.faisco-icons-M000997:before {
    content: "\a0997"
}

.faisco-icons-M000998:before {
    content: "\a0998"
}

.faisco-icons-M000999:before {
    content: "\a0999"
}

.faisco-icons-M001000:before {
    content: "\a1000"
}

.faisco-icons-M001001:before {
    content: "\a1001"
}

.faisco-icons-M001002:before {
    content: "\a1002"
}

.faisco-icons-M001003:before {
    content: "\a1003"
}

.faisco-icons-M001004:before {
    content: "\a1004"
}

.faisco-icons-M001005:before {
    content: "\a1005"
}

.faisco-icons-M001006:before {
    content: "\a1006"
}

.faisco-icons-M001007:before {
    content: "\a1007"
}

.faisco-icons-M001008:before {
    content: "\a1008"
}

.faisco-icons-M001009:before {
    content: "\a1009"
}

.faisco-icons-M001010:before {
    content: "\a1010"
}

.faisco-icons-M001011:before {
    content: "\a1011"
}

.faisco-icons-M001012:before {
    content: "\a1012"
}

.faisco-icons-M001013:before {
    content: "\a1013"
}

.faisco-icons-M001014:before {
    content: "\a1014"
}

.faisco-icons-M001015:before {
    content: "\a1015"
}

.faisco-icons-M001016:before {
    content: "\a1016"
}

.faisco-icons-M001017:before {
    content: "\a1017"
}

.faisco-icons-M001018:before {
    content: "\a1018"
}

.faisco-icons-M001019:before {
    content: "\a1019"
}

.faisco-icons-M001020:before {
    content: "\a1020"
}

.faisco-icons-M001021:before {
    content: "\a1021"
}

.faisco-icons-M001022:before {
    content: "\a1022"
}

.faisco-icons-M001023:before {
    content: "\a1023"
}

.faisco-icons-M001024:before {
    content: "\a1024"
}

.faisco-icons-M001025:before {
    content: "\a1025"
}

.faisco-icons-M001026:before {
    content: "\a1026"
}

.faisco-icons-M001027:before {
    content: "\a1027"
}

.faisco-icons-M001028:before {
    content: "\a1028"
}

.faisco-icons-M001029:before {
    content: "\a1029"
}

.faisco-icons-M001030:before {
    content: "\a1030"
}

.faisco-icons-M001031:before {
    content: "\a1031"
}

.faisco-icons-M001032:before {
    content: "\a1032"
}

.faisco-icons-M0001033:before {
    content: "\a1033"
}

.faisco-icons-M0001034:before {
    content: "\a1034"
}

.faisco-icons-M0001035:before {
    content: "\a1035"
}

.faisco-icons-M0001036:before {
    content: "\a1036"
}

.faisco-icons-M0001037:before {
    content: "\a1037"
}

.faisco-icons-S000169:before {
    content: "\b0169"
}

.faisco-icons-S000168:before {
    content: "\b0168"
}

.faisco-icons-S000167:before {
    content: "\b0167"
}

.faisco-icons-S000166:before {
    content: "\b0166"
}

.faisco-icons-S000165:before {
    content: "\b0165"
}

.faisco-icons-S000164:before {
    content: "\b0164"
}

.faisco-icons-S000163:before {
    content: "\b0163"
}

.faisco-icons-S000162:before {
    content: "\b0162"
}

.faisco-icons-S000161:before {
    content: "\b0161"
}

.faisco-icons-S000160:before {
    content: "\b0160"
}

.faisco-icons-S000159:before {
    content: "\b0159"
}

.faisco-icons-S000158:before {
    content: "\b0158"
}

.faisco-icons-S000157:before {
    content: "\b0157"
}

.faisco-icons-S000156:before {
    content: "\b0156"
}

.faisco-icons-S000155:before {
    content: "\b0155"
}

.faisco-icons-S000154:before {
    content: "\b0154"
}

.faisco-icons-S000153:before {
    content: "\b0153"
}

.faisco-icons-S000152:before {
    content: "\b0152"
}

.faisco-icons-S000151:before {
    content: "\b0151"
}

.faisco-icons-S000150:before {
    content: "\b0150"
}

.faisco-icons-S000149:before {
    content: "\b0149"
}

.faisco-icons-S000148:before {
    content: "\b0148"
}

.faisco-icons-S000147:before {
    content: "\b0147"
}

.faisco-icons-S000146:before {
    content: "\b0146"
}

.faisco-icons-S000145:before {
    content: "\b0145"
}

.faisco-icons-S000144:before {
    content: "\b0144"
}

.faisco-icons-S000143:before {
    content: "\b0143"
}

.faisco-icons-S000142:before {
    content: "\b0142"
}

.faisco-icons-S000141:before {
    content: "\b0141"
}

.faisco-icons-S000140:before {
    content: "\b0140"
}

.faisco-icons-S000139:before {
    content: "\b0139"
}

.faisco-icons-S000138:before {
    content: "\b0138"
}

.faisco-icons-S000137:before {
    content: "\b0137"
}

.faisco-icons-S000136:before {
    content: "\b0136"
}

.faisco-icons-S000135:before {
    content: "\b0135"
}

.faisco-icons-S000134:before {
    content: "\b0134"
}

.faisco-icons-S000133:before {
    content: "\b0133"
}

.faisco-icons-S000132:before {
    content: "\b0132"
}

.faisco-icons-S000131:before {
    content: "\b0131"
}

.faisco-icons-S000130:before {
    content: "\b0130"
}

.faisco-icons-S000129:before {
    content: "\b0129"
}

.faisco-icons-S000128:before {
    content: "\b0128"
}

.faisco-icons-S000127:before {
    content: "\b0127"
}

.faisco-icons-S000126:before {
    content: "\b0126"
}

.faisco-icons-S000125:before {
    content: "\b0125"
}

.faisco-icons-S000124:before {
    content: "\b0124"
}

.faisco-icons-S000123:before {
    content: "\b0123"
}

.faisco-icons-S000122:before {
    content: "\b0122"
}

.faisco-icons-S000121:before {
    content: "\b0121"
}

.faisco-icons-S000120:before {
    content: "\b0120"
}

.faisco-icons-S000119:before {
    content: "\b0119"
}

.faisco-icons-S000118:before {
    content: "\b0118"
}

.faisco-icons-S000117:before {
    content: "\b0117"
}

.faisco-icons-S000116:before {
    content: "\b0116"
}

.faisco-icons-S000115:before {
    content: "\b0115"
}

.faisco-icons-S000114:before {
    content: "\b0114"
}

.faisco-icons-S000113:before {
    content: "\b0113"
}

.faisco-icons-S000112:before {
    content: "\b0112"
}

.faisco-icons-S000111:before {
    content: "\b0111"
}

.faisco-icons-S000110:before {
    content: "\b0110"
}

.faisco-icons-S000109:before {
    content: "\b0109"
}

.faisco-icons-S000108:before {
    content: "\b0108"
}

.faisco-icons-S000107:before {
    content: "\b0107"
}

.faisco-icons-S000106:before {
    content: "\b0106"
}

.faisco-icons-S000105:before {
    content: "\b0105"
}

.faisco-icons-S000104:before {
    content: "\b0104"
}

.faisco-icons-S000103:before {
    content: "\b0103"
}

.faisco-icons-S000102:before {
    content: "\b0102"
}

.faisco-icons-S000101:before {
    content: "\b0101"
}

.faisco-icons-S000100:before {
    content: "\b0100"
}

.faisco-icons-S000231:before {
    content: "\b0231"
}

.faisco-icons-S000230:before {
    content: "\b0230"
}

.faisco-icons-S000229:before {
    content: "\b0229"
}

.faisco-icons-S000228:before {
    content: "\b0228"
}

.faisco-icons-S000227:before {
    content: "\b0227"
}

.faisco-icons-S000226:before {
    content: "\b0226"
}

.faisco-icons-S000225:before {
    content: "\b0225"
}

.faisco-icons-S000224:before {
    content: "\b0224"
}

.faisco-icons-S000223:before {
    content: "\b0223"
}

.faisco-icons-S000222:before {
    content: "\b0222"
}

.faisco-icons-S000221:before {
    content: "\b0221"
}

.faisco-icons-S000220:before {
    content: "\b0220"
}

.faisco-icons-S0000219:before {
    content: "\b0219"
}

.faisco-icons-S0000218:before {
    content: "\b0218"
}

.faisco-icons-S0000217:before {
    content: "\b0217"
}

.faisco-icons-S0000216:before {
    content: "\b0216"
}

.faisco-icons-S0000215:before {
    content: "\b0215"
}

.faisco-icons-S0000214:before {
    content: "\b0214"
}

.faisco-icons-S0000213:before {
    content: "\b0213"
}

.faisco-icons-S0000212:before {
    content: "\b0212"
}

.faisco-icons-S000079:before {
    content: "\b0079"
}

.faisco-icons-S000078:before {
    content: "\b0078"
}

.faisco-icons-S000077:before {
    content: "\b0077"
}

.faisco-icons-S000076:before {
    content: "\b0076"
}

.faisco-icons-S000075:before {
    content: "\b0075"
}

.faisco-icons-S000074:before {
    content: "\b0074"
}

.faisco-icons-S000073:before {
    content: "\b0073"
}

.faisco-icons-S000072:before {
    content: "\b0072"
}

.faisco-icons-S000071:before {
    content: "\b0071"
}

.faisco-icons-S000070:before {
    content: "\b0070"
}

.faisco-icons-S000069:before {
    content: "\b0069"
}

.faisco-icons-S000068:before {
    content: "\b0068"
}

.faisco-icons-S000067:before {
    content: "\b0067"
}

.faisco-icons-S000066:before {
    content: "\b0066"
}

.faisco-icons-S000065:before {
    content: "\b0065"
}

.faisco-icons-S000064:before {
    content: "\b0064"
}

.faisco-icons-S000063:before {
    content: "\b0063"
}

.faisco-icons-S000062:before {
    content: "\b0062"
}

.faisco-icons-S000061:before {
    content: "\b0061"
}

.faisco-icons-S000060:before {
    content: "\b0060"
}

.faisco-icons-S000059:before {
    content: "\b0059"
}

.faisco-icons-S000058:before {
    content: "\b0058"
}

.faisco-icons-S000057:before {
    content: "\b0057"
}

.faisco-icons-S000056:before {
    content: "\b0056"
}

.faisco-icons-S000055:before {
    content: "\b0055"
}

.faisco-icons-S000054:before {
    content: "\b0054"
}

.faisco-icons-S000053:before {
    content: "\b0053"
}

.faisco-icons-S000052:before {
    content: "\b0052"
}

.faisco-icons-S000051:before {
    content: "\b0051"
}

.faisco-icons-S000050:before {
    content: "\b0050"
}

.faisco-icons-S000049:before {
    content: "\b0049"
}

.faisco-icons-S000048:before {
    content: "\b0048"
}

.faisco-icons-S000047:before {
    content: "\b0047"
}

.faisco-icons-S000046:before {
    content: "\b0046"
}

.faisco-icons-S000045:before {
    content: "\b0045"
}

.faisco-icons-S000044:before {
    content: "\b0044"
}

.faisco-icons-S000043:before {
    content: "\b0043"
}

.faisco-icons-S000042:before {
    content: "\b0042"
}

.faisco-icons-S000041:before {
    content: "\b0041"
}

.faisco-icons-S000040:before {
    content: "\b0040"
}

.faisco-icons-S000039:before {
    content: "\e93f"
}

.faisco-icons-S000038:before {
    content: "\b0038"
}

.faisco-icons-S000037:before {
    content: "\b0037"
}

.faisco-icons-S000036:before {
    content: "\b0036"
}

.faisco-icons-S000035:before {
    content: "\b0035"
}

.faisco-icons-S000034:before {
    content: "\b0034"
}

.faisco-icons-S000033:before {
    content: "\b0033"
}

.faisco-icons-S000032:before {
    content: "\b0032"
}

.faisco-icons-S000031:before {
    content: "\b0031"
}

.faisco-icons-S000030:before {
    content: "\b0030"
}

.faisco-icons-S000029:before {
    content: "\b0029"
}

.faisco-icons-S000028:before {
    content: "\b0028"
}

.faisco-icons-S000027:before {
    content: "\b0027"
}

.faisco-icons-S000026:before {
    content: "\b0026"
}

.faisco-icons-S000025:before {
    content: "\b0025"
}

.faisco-icons-S000024:before {
    content: "\b0024"
}

.faisco-icons-S000023:before {
    content: "\b0023"
}

.faisco-icons-S000022:before {
    content: "\b0022"
}

.faisco-icons-S000021:before {
    content: "\b0021"
}

.faisco-icons-S0000211:before {
    content: "\b0211"
}

.faisco-icons-S0000210:before {
    content: "\b0210"
}

.faisco-icons-S0000209:before {
    content: "\b0209"
}

.faisco-icons-S0000208:before {
    content: "\b0208"
}

.faisco-icons-S0000207:before {
    content: "\b0207"
}

.faisco-icons-S0000206:before {
    content: "\b0206"
}

.faisco-icons-S0000205:before {
    content: "\b0205"
}

.faisco-icons-S0000204:before {
    content: "\b0204"
}

.faisco-icons-S0000203:before {
    content: "\b0203"
}

.faisco-icons-S0000202:before {
    content: "\b0202"
}

.faisco-icons-S0000201:before {
    content: "\b0201"
}

.faisco-icons-S0000200:before {
    content: "\b0200"
}

.faisco-icons-S0000199:before {
    content: "\b0199"
}

.faisco-icons-S0000198:before {
    content: "\b0198"
}

.faisco-icons-S0000197:before {
    content: "\b0197"
}

.faisco-icons-S0000196:before {
    content: "\b0196"
}

.faisco-icons-S0000195:before {
    content: "\b0195"
}

.faisco-icons-S0000194:before {
    content: "\b0194"
}

.faisco-icons-S0000193:before {
    content: "\b0193"
}

.faisco-icons-S0000192:before {
    content: "\b0192"
}

.faisco-icons-wechat1:before {
    content: "\e67a"
}

.faisco-icons-wechat2:before {
    content: "\e682"
}

.faisco-icons-album1:before {
    content: "\e600"
}

.faisco-icons-album2:before {
    content: "\e601"
}

.faisco-icons-allday1:before {
    content: "\e602"
}

.faisco-icons-allday2:before {
    content: "\e603"
}

.faisco-icons-and1:before {
    content: "\e604"
}

.faisco-icons-and2:before {
    content: "\e605"
}

.faisco-icons-article1:before {
    content: "\e606"
}

.faisco-icons-article2:before {
    content: "\e607"
}

.faisco-icons-authentic1:before {
    content: "\e608"
}

.faisco-icons-authentic2:before {
    content: "\e609"
}

.faisco-icons-back1:before {
    content: "\e60a"
}

.faisco-icons-back2:before {
    content: "\e60b"
}

.faisco-icons-back3:before {
    content: "\e60c"
}

.faisco-icons-back4:before {
    content: "\e60d"
}

.faisco-icons-back5:before {
    content: "\e60e"
}

.faisco-icons-back6:before {
    content: "\e60f"
}

.faisco-icons-bag1:before {
    content: "\e610"
}

.faisco-icons-bag2:before {
    content: "\e611"
}

.faisco-icons-bag3:before {
    content: "\e612"
}

.faisco-icons-bag4:before {
    content: "\e613"
}

.faisco-icons-bra1:before {
    content: "\e623"
}

.faisco-icons-bra2:before {
    content: "\e614"
}

.faisco-icons-basket1:before {
    content: "\e615"
}

.faisco-icons-basket2:before {
    content: "\e616"
}

.faisco-icons-basketball1:before {
    content: "\e617"
}

.faisco-icons-basketball2:before {
    content: "\e618"
}

.faisco-icons-bell1:before {
    content: "\e619"
}

.faisco-icons-bell2:before {
    content: "\e61a"
}

.faisco-icons-bookmark1:before {
    content: "\e61b"
}

.faisco-icons-bookmark2:before {
    content: "\e61c"
}

.faisco-icons-bottle1:before {
    content: "\e61d"
}

.faisco-icons-bottle2:before {
    content: "\e61e"
}

.faisco-icons-box1:before {
    content: "\e61f"
}

.faisco-icons-box2:before {
    content: "\e620"
}

.faisco-icons-boy1:before {
    content: "\e621"
}

.faisco-icons-boy2:before {
    content: "\e622"
}

.faisco-icons-briefcase1:before {
    content: "\e624"
}

.faisco-icons-briefcase2:before {
    content: "\e625"
}

.faisco-icons-bulb1:before {
    content: "\e626"
}

.faisco-icons-bulb2:before {
    content: "\e627"
}

.faisco-icons-cake1:before {
    content: "\e628"
}

.faisco-icons-cake2:before {
    content: "\e629"
}

.faisco-icons-calendar1:before {
    content: "\e62a"
}

.faisco-icons-calendar2:before {
    content: "\e62b"
}

.faisco-icons-call1:before {
    content: "\e62c"
}

.faisco-icons-call2:before {
    content: "\e62d"
}

.faisco-icons-camera1:before {
    content: "\e62e"
}

.faisco-icons-camera2:before {
    content: "\e62f"
}

.faisco-icons-cart1:before {
    content: "\e630"
}

.faisco-icons-cart2:before {
    content: "\e91d"
}

.faisco-icons-CD1:before {
    content: "\e632"
}

.faisco-icons-CD2:before {
    content: "\e633"
}

.faisco-icons-chart1:before {
    content: "\e634"
}

.faisco-icons-chart2:before {
    content: "\e635"
}

.faisco-icons-clock1:before {
    content: "\e636"
}

.faisco-icons-clock2:before {
    content: "\e637"
}

.faisco-icons-cloud1:before {
    content: "\e638"
}

.faisco-icons-cloud2:before {
    content: "\e639"
}

.faisco-icons-compass1:before {
    content: "\e63a"
}

.faisco-icons-compass2:before {
    content: "\e63b"
}

.faisco-icons-computer1:before {
    content: "\e63c"
}

.faisco-icons-computer2:before {
    content: "\e63d"
}

.faisco-icons-connect1:before {
    content: "\e63e"
}

.faisco-icons-connect2:before {
    content: "\e63f"
}

.faisco-icons-contact1:before {
    content: "\e640"
}

.faisco-icons-contact2:before {
    content: "\e91f"
}

.faisco-icons-contact3:before {
    content: "\e642"
}

.faisco-icons-contact4:before {
    content: "\e643"
}

.faisco-icons-contact5:before {
    content: "\e644"
}

.faisco-icons-contact6:before {
    content: "\e645"
}

.faisco-icons-cook1:before {
    content: "\e646"
}

.faisco-icons-cook2:before {
    content: "\e647"
}

.faisco-icons-credit1:before {
    content: "\e648"
}

.faisco-icons-credit2:before {
    content: "\e649"
}

.faisco-icons-cube1:before {
    content: "\e64a"
}

.faisco-icons-cube2:before {
    content: "\e64b"
}

.faisco-icons-cup1:before {
    content: "\e64c"
}

.faisco-icons-cup2:before {
    content: "\e64d"
}

.faisco-icons-dinner1:before {
    content: "\e64e"
}

.faisco-icons-dinner2:before {
    content: "\e64f"
}

.faisco-icons-doctor1:before {
    content: "\e650"
}

.faisco-icons-doctor2:before {
    content: "\e651"
}

.faisco-icons-dollar1:before {
    content: "\e652"
}

.faisco-icons-dollar2:before {
    content: "\e653"
}

.faisco-icons-download1:before {
    content: "\e654"
}

.faisco-icons-download2:before {
    content: "\e655"
}

.faisco-icons-downward1:before {
    content: "\e656"
}

.faisco-icons-downward2:before {
    content: "\e657"
}

.faisco-icons-downward3:before {
    content: "\e658"
}

.faisco-icons-dress1:before {
    content: "\e659"
}

.faisco-icons-dress2:before {
    content: "\e65a"
}

.faisco-icons-drop1:before {
    content: "\e65b"
}

.faisco-icons-drop2:before {
    content: "\e65c"
}

.faisco-icons-edit1:before {
    content: "\e65d"
}

.faisco-icons-edit2:before {
    content: "\e65e"
}

.faisco-icons-edit3:before {
    content: "\e65f"
}

.faisco-icons-edit4:before {
    content: "\e660"
}

.faisco-icons-edit5:before {
    content: "\e661"
}

.faisco-icons-edit6:before {
    content: "\e662"
}

.faisco-icons-express1:before {
    content: "\e663"
}

.faisco-icons-express2:before {
    content: "\e664"
}

.faisco-icons-female1:before {
    content: "\e665"
}

.faisco-icons-female2:before {
    content: "\e666"
}

.faisco-icons-file1:before {
    content: "\e667"
}

.faisco-icons-file2:before {
    content: "\e668"
}

.faisco-icons-file3:before {
    content: "\e669"
}

.faisco-icons-file4:before {
    content: "\e66a"
}

.faisco-icons-flag1:before {
    content: "\e66b"
}

.faisco-icons-flag2:before {
    content: "\e66c"
}

.faisco-icons-form1:before {
    content: "\e66d"
}

.faisco-icons-form2:before {
    content: "\e66e"
}

.faisco-icons-forward1:before {
    content: "\e672"
}

.faisco-icons-forward2:before {
    content: "\e673"
}

.faisco-icons-game1:before {
    content: "\e674"
}

.faisco-icons-game2:before {
    content: "\e675"
}

.faisco-icons-gem1:before {
    content: "\e676"
}

.faisco-icons-gem2:before {
    content: "\e677"
}

.faisco-icons-gift1:before {
    content: "\e678"
}

.faisco-icons-gift2:before {
    content: "\e679"
}

.faisco-icons-glasses1:before {
    content: "\e6a4"
}

.faisco-icons-glasses2:before {
    content: "\e67b"
}

.faisco-icons-gps1:before {
    content: "\e67c"
}

.faisco-icons-gps2:before {
    content: "\e67d"
}

.faisco-icons-guide1:before {
    content: "\e67e"
}

.faisco-icons-guide2:before {
    content: "\e67f"
}

.faisco-icons-h1:before {
    content: "\e680"
}

.faisco-icons-h2:before {
    content: "\e681"
}

.faisco-icons-heels1:before {
    content: "\e6e5"
}

.faisco-icons-heels2:before {
    content: "\e683"
}

.faisco-icons-home1:before {
    content: "\e684"
}

.faisco-icons-home2:before {
    content: "\e685"
}

.faisco-icons-home3:before {
    content: "\e686"
}

.faisco-icons-home4:before {
    content: "\e687"
}

.faisco-icons-image1:before {
    content: "\e688"
}

.faisco-icons-image2:before {
    content: "\e689"
}

.faisco-icons-info1:before {
    content: "\e68a"
}

.faisco-icons-info2:before {
    content: "\e68b"
}

.faisco-icons-info3:before {
    content: "\e68c"
}

.faisco-icons-info4:before {
    content: "\e68d"
}

.faisco-icons-iphone1:before {
    content: "\e68e"
}

.faisco-icons-iphone2:before {
    content: "\e68f"
}

.faisco-icons-key1:before {
    content: "\e690"
}

.faisco-icons-key2:before {
    content: "\e691"
}

.faisco-icons-label1:before {
    content: "\e692"
}

.faisco-icons-label2:before {
    content: "\e693"
}

.faisco-icons-label3:before {
    content: "\e694"
}

.faisco-icons-label4:before {
    content: "\e695"
}

.faisco-icons-layout1:before {
    content: "\e696"
}

.faisco-icons-layout2:before {
    content: "\e697"
}

.faisco-icons-like1:before {
    content: "\e698"
}

.faisco-icons-like2:before {
    content: "\e699"
}

.faisco-icons-lock1:before {
    content: "\e69a"
}

.faisco-icons-lock2:before {
    content: "\e69b"
}

.faisco-icons-love1:before {
    content: "\e69c"
}

.faisco-icons-love2:before {
    content: "\e69d"
}

.faisco-icons-love3:before {
    content: "\e69e"
}

.faisco-icons-love4:before {
    content: "\e69f"
}

.faisco-icons-mail1:before {
    content: "\e6a0"
}

.faisco-icons-mail2:before {
    content: "\e6a1"
}

.faisco-icons-male1:before {
    content: "\e6a2"
}

.faisco-icons-male2:before {
    content: "\e6a3"
}

.faisco-icons-man1:before {
    content: "\e6fb"
}

.faisco-icons-man2:before {
    content: "\e6a5"
}

.faisco-icons-map1:before {
    content: "\e6a6"
}

.faisco-icons-map2:before {
    content: "\e6a7"
}

.faisco-icons-menu1:before {
    content: "\e6a8"
}

.faisco-icons-menu2:before {
    content: "\e6a9"
}

.faisco-icons-menu3:before {
    content: "\e6aa"
}

.faisco-icons-menu4:before {
    content: "\e6ab"
}

.faisco-icons-menu5:before {
    content: "\e6ac"
}

.faisco-icons-menu6:before {
    content: "\e6ad"
}

.faisco-icons-menu7:before {
    content: "\e6ae"
}

.faisco-icons-menu8:before {
    content: "\e6af"
}

.faisco-icons-menu9:before {
    content: "\e6b0"
}

.faisco-icons-menu10:before {
    content: "\e6b1"
}

.faisco-icons-message1:before {
    content: "\e6b2"
}

.faisco-icons-message2:before {
    content: "\e6b3"
}

.faisco-icons-message3:before {
    content: "\e6b4"
}

.faisco-icons-message4:before {
    content: "\e6b5"
}

.faisco-icons-message5:before {
    content: "\e6b6"
}

.faisco-icons-message6:before {
    content: "\e6b7"
}

.faisco-icons-more1:before {
    content: "\e6b8"
}

.faisco-icons-more2:before {
    content: "\e6b9"
}

.faisco-icons-music1:before {
    content: "\e6ba"
}

.faisco-icons-music2:before {
    content: "\e6bb"
}

.faisco-icons-music3:before {
    content: "\e6bc"
}

.faisco-icons-music4:before {
    content: "\e6bd"
}

.faisco-icons-necklace1:before {
    content: "\e6be"
}

.faisco-icons-necklace2:before {
    content: "\e6bf"
}

.faisco-icons-notice1:before {
    content: "\e6c0"
}

.faisco-icons-notice2:before {
    content: "\e6c1"
}

.faisco-icons-pants1:before {
    content: "\e6c2"
}

.faisco-icons-pants2:before {
    content: "\e6c3"
}

.faisco-icons-pingpong1:before {
    content: "\e6c4"
}

.faisco-icons-pingpong2:before {
    content: "\e6c5"
}

.faisco-icons-plane1:before {
    content: "\e6c6"
}

.faisco-icons-plane2:before {
    content: "\e6c7"
}

.faisco-icons-play1:before {
    content: "\e6c8"
}

.faisco-icons-play2:before {
    content: "\e6c9"
}

.faisco-icons-qq1:before {
    content: "\e6ca"
}

.faisco-icons-qq2:before {
    content: "\e6cb"
}

.faisco-icons-qrcode1:before {
    content: "\e6cc"
}

.faisco-icons-qrcode2:before {
    content: "\e91c"
}

.faisco-icons-quick1:before {
    content: "\e6ce"
}

.faisco-icons-quick2:before {
    content: "\e6cf"
}

.faisco-icons-read1:before {
    content: "\e6d0"
}

.faisco-icons-read2:before {
    content: "\e6d1"
}

.faisco-icons-RMB1:before {
    content: "\e6d2"
}

.faisco-icons-RMB2:before {
    content: "\e6d3"
}

.faisco-icons-RMB3:before {
    content: "\e6d4"
}

.faisco-icons-RMB4:before {
    content: "\e6d5"
}

.faisco-icons-rob:before {
    content: "\e6d6"
}

.faisco-icons-rocket1:before {
    content: "\e6d7"
}

.faisco-icons-rocket2:before {
    content: "\e6d8"
}

.faisco-icons-scarf1:before {
    content: "\e6d9"
}

.faisco-icons-scarf2:before {
    content: "\e6da"
}

.faisco-icons-search1:before {
    content: "\e6db"
}

.faisco-icons-search2:before {
    content: "\e6dc"
}

.faisco-icons-search3:before {
    content: "\e6dd"
}

.faisco-icons-search4:before {
    content: "\e6de"
}

.faisco-icons-setting1:before {
    content: "\e6df"
}

.faisco-icons-setting2:before {
    content: "\e6e0"
}

.faisco-icons-share1:before {
    content: "\e6e1"
}

.faisco-icons-share2:before {
    content: "\e6e2"
}

.faisco-icons-shirt1:before {
    content: "\e6e3"
}

.faisco-icons-shirt2:before {
    content: "\e6e4"
}

.faisco-icons-shoes1:before {
    content: "\e70c"
}

.faisco-icons-shoes2:before {
    content: "\e6e6"
}

.faisco-icons-shorts1:before {
    content: "\e6e7"
}

.faisco-icons-shorts2:before {
    content: "\e6e8"
}

.faisco-icons-skirt1:before {
    content: "\e6e9"
}

.faisco-icons-skirt2:before {
    content: "\e6ea"
}

.faisco-icons-socks1:before {
    content: "\e6eb"
}

.faisco-icons-socks2:before {
    content: "\e6ec"
}

.faisco-icons-star1:before {
    content: "\e6ed"
}

.faisco-icons-star2:before {
    content: "\e6ee"
}

.faisco-icons-student1:before {
    content: "\e6ef"
}

.faisco-icons-student2:before {
    content: "\e6f0"
}

.faisco-icons-suits1:before {
    content: "\e6f1"
}

.faisco-icons-suits2:before {
    content: "\e6f2"
}

.faisco-icons-sun1:before {
    content: "\e6f3"
}

.faisco-icons-sun2:before {
    content: "\e6f4"
}

.faisco-icons-sweater1:before {
    content: "\e6f5"
}

.faisco-icons-sweater2:before {
    content: "\e6f6"
}

.faisco-icons-trash1:before {
    content: "\e6f7"
}

.faisco-icons-trash2:before {
    content: "\e6f8"
}

.faisco-icons-trousers1:before {
    content: "\e6f9"
}

.faisco-icons-trousers2:before {
    content: "\e6fa"
}

.faisco-icons-truck1:before {
    content: "\e70d"
}

.faisco-icons-truck2:before {
    content: "\e6fc"
}

.faisco-icons-true1:before {
    content: "\e6fd"
}

.faisco-icons-true2:before {
    content: "\e6fe"
}

.faisco-icons-upload1:before {
    content: "\e6ff"
}

.faisco-icons-upload2:before {
    content: "\e700"
}

.faisco-icons-upward1:before {
    content: "\e701"
}

.faisco-icons-upward2:before {
    content: "\e702"
}

.faisco-icons-upward3:before {
    content: "\e703"
}

.faisco-icons-video1:before {
    content: "\e704"
}

.faisco-icons-video2:before {
    content: "\e705"
}

.faisco-icons-wait1:before {
    content: "\e706"
}

.faisco-icons-wait2:before {
    content: "\e707"
}

.faisco-icons-wallet1:before {
    content: "\e708"
}

.faisco-icons-wallet2:before {
    content: "\e709"
}

.faisco-icons-watch1:before {
    content: "\e70a"
}

.faisco-icons-watch2:before {
    content: "\e70b"
}

.faisco-icons-woman1:before {
    content: "\e70e"
}

.faisco-icons-woman2:before {
    content: "\e70f"
}

.faisco-icons-world1:before {
    content: "\e710"
}

.faisco-icons-world2:before {
    content: "\e711"
}

.faisco-icons-world3:before {
    content: "\e712"
}

.faisco-icons-world4:before {
    content: "\e713"
}

.faisco-icons-navigation:before {
    content: "\e714"
}

.faisco-icons-box:before {
    content: "\e715"
}

.faisco-icons-qqweibo:before {
    content: "\e716"
}

.faisco-icons-weibo:before {
    content: "\e717"
}

.faisco-icons-qzone:before {
    content: "\e718"
}

.faisco-icons-kaixin:before {
    content: "\e719"
}

.faisco-icons-renren:before {
    content: "\e71a"
}

.faisco-icons-douban:before {
    content: "\e71b"
}

.faisco-icons-souhu:before {
    content: "\e71c"
}

.faisco-icons-add:before {
    content: "\e71d"
}

.faisco-icons-tieba:before {
    content: "\e71f"
}

.faisco-icons-facebook:before {
    content: "\e720"
}

.faisco-icons-twitter:before {
    content: "\e721"
}

.faisco-icons-linkedin:before {
    content: "\e722"
}

.faisco-icons-taobao:before {
    content: "\e723"
}

.faisco-icons-reduce:before {
    content: "\e724"
}

.faisco-icons-member1:before {
    content: "\e725"
}

.faisco-icons-member2:before {
    content: "\e726"
}

.faisco-icons-look:before {
    content: "\e727"
}

.faisco-icons-sort:before {
    content: "\e728"
}

.faisco-icons-pic:before {
    content: "\e729"
}

.faisco-icons-pic1:before {
    content: "\eae1"
}

.faisco-icons-edit7:before {
    content: "\e72a"
}

.faisco-icons-tips:before {
    content: "\e72b"
}

.faisco-icons-doctor:before {
    content: "\e730"
}

.faisco-icons-Integral:before {
    content: "\e800"
}

.faisco-icons-box3:before {
    content: "\e732"
}

.faisco-icons-star:before {
    content: "\e733"
}

.faisco-icons-glass:before {
    content: "\e731"
}

.faisco-icons-off1:before {
    content: "\e66f"
}

.faisco-icons-off2:before {
    content: "\e670"
}

.faisco-icons-update:before {
    content: "\e671"
}

.faisco-icons-right1:before {
    content: "\e777"
}

.faisco-icons-right2:before {
    content: "\e778"
}

.faisco-icons-star3:before {
    content: "\e901"
}

.faisco-icons-clock3:before {
    content: "\e902"
}

.faisco-icons-coupons:before {
    content: "\e903"
}

.faisco-icons-logo:before {
    content: "\e904"
}

.faisco-icons-wangyi:before {
    content: "\e90b"
}

.faisco-icons-message5:before {
    content: "\e91e"
}

.faisco-icons-start1:before {
    content: "\e920"
}

.faisco-icons-top:before {
    content: "\e921"
}

.faisco-icons-write:before {
    content: "\e91b"
}

.faisco-icons-mr1:before {
    content: "\e914"
}

.faisco-icons-mr2:before {
    content: "\e915"
}

.faisco-icons-mr3:before {
    content: "\e916"
}

.faisco-icons-mr4:before {
    content: "\e922"
}

.faisco-icons-mr5:before {
    content: "\e923"
}

.faisco-icons-mr6:before {
    content: "\e924"
}

.faisco-icons-mr7:before {
    content: "\e925"
}

.faisco-icons-mr8:before {
    content: "\e913"
}

.faisco-icons-mr9:before {
    content: "\e926"
}

.faisco-icons-mr10:before {
    content: "\e927"
}

.faisco-icons-next1:before {
    content: "\e90d"
}

.faisco-icons-next2:before {
    content: "\e90e"
}

.faisco-icons-next3:before {
    content: "\e90f"
}

.faisco-icons-next4:before {
    content: "\e910"
}

.faisco-icons-close:before {
    content: "\e911"
}

.faisco-icons-fold1:before {
    content: "\e912"
}

.faisco-icons-gwc1:before {
    content: "\e928"
}

.faisco-icons-shape48:before {
    content: "\ea47"
}

.faisco-icons-environment1:before {
    content: "\e929"
}

.faisco-icons-environment2:before {
    content: "\e92a"
}

.faisco-icons-environment3:before {
    content: "\e92b"
}

.faisco-icons-environment4:before {
    content: "\e92c"
}

.faisco-icons-environment5:before {
    content: "\e92d"
}

.faisco-icons-environment6:before {
    content: "\e92e"
}

.faisco-icons-environment7:before {
    content: "\e92f"
}

.faisco-icons-environment8:before {
    content: "\e930"
}

.faisco-icons-environment9:before {
    content: "\e931"
}

.faisco-icons-environment10:before {
    content: "\e932"
}

.faisco-icons-environment11:before {
    content: "\e933"
}

.faisco-icons-environment12:before {
    content: "\e934"
}

.faisco-icons-members1:before {
    content: "\e935"
}

.faisco-icons-members2:before {
    content: "\e936"
}

.faisco-icons-members3:before {
    content: "\e937"
}

.faisco-icons-members4:before {
    content: "\e938"
}

.faisco-icons-members5:before {
    content: "\e939"
}

.faisco-icons-members6:before {
    content: "\e93a"
}

.faisco-icons-people1:before {
    content: "\e93b"
}

.faisco-icons-people2:before {
    content: "\e93c"
}

.faisco-icons-people3:before {
    content: "\e93d"
}

.faisco-icons-people4:before {
    content: "\e93e"
}

.faisco-icons-people5:before {
    content: "\e93f"
}

.faisco-icons-people6:before {
    content: "\e940"
}

.faisco-icons-people7:before {
    content: "\e941"
}

.faisco-icons-people8:before {
    content: "\e942"
}

.faisco-icons-people9:before {
    content: "\e943"
}

.faisco-icons-people10:before {
    content: "\e944"
}

.faisco-icons-people11:before {
    content: "\e945"
}

.faisco-icons-people12:before {
    content: "\e946"
}

.faisco-icons-people13:before {
    content: "\e947"
}

.faisco-icons-people14:before {
    content: "\e948"
}

.faisco-icons-people15:before {
    content: "\e949"
}

.faisco-icons-people16:before {
    content: "\e94a"
}

.faisco-icons-people17:before {
    content: "\e94b"
}

.faisco-icons-people18:before {
    content: "\e94c"
}

.faisco-icons-people19:before {
    content: "\e94d"
}

.faisco-icons-people20:before {
    content: "\e94e"
}

.faisco-icons-people21:before {
    content: "\e94f"
}

.faisco-icons-people22:before {
    content: "\e950"
}

.faisco-icons-people23:before {
    content: "\e951"
}

.faisco-icons-people24:before {
    content: "\e952"
}

.faisco-icons-sc-bag1:before {
    content: "\e953"
}

.faisco-icons-sc-bag2:before {
    content: "\e954"
}

.faisco-icons-sc-bag3:before {
    content: "\e955"
}

.faisco-icons-sc-bag4:before {
    content: "\e956"
}

.faisco-icons-sc-Chemistry1:before {
    content: "\e957"
}

.faisco-icons-sc-Chemistry2:before {
    content: "\e958"
}

.faisco-icons-sc-Chemistry3:before {
    content: "\e959"
}

.faisco-icons-sc-Chemistry4:before {
    content: "\e95a"
}

.faisco-icons-sc-Chemistry5:before {
    content: "\e95b"
}

.faisco-icons-sc-Chemistry5 .path2:before {
    content: "\e95c";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry5 .path3:before {
    content: "\e95d";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry5 .path4:before {
    content: "\e95e";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry5 .path5:before {
    content: "\e95f";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry5 .path6:before {
    content: "\e960";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry5 .path7:before {
    content: "\e961";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry6:before {
    content: "\e962"
}

.faisco-icons-sc-Chemistry6 .path2:before {
    content: "\e963";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path3:before {
    content: "\e964";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path4:before {
    content: "\e965";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path5:before {
    content: "\e966";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path6:before {
    content: "\e967";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path7:before {
    content: "\e968";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path8:before {
    content: "\e969";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry6 .path9:before {
    content: "\e96a";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry6 .path10:before {
    content: "\e96b";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry6 .path11:before {
    content: "\e96c";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry7:before {
    content: "\e96d"
}

.faisco-icons-sc-Chemistry7 .path2:before {
    content: "\e96e";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry7 .path3:before {
    content: "\e96f";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry7 .path4:before {
    content: "\e970";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry7 .path5:before {
    content: "\e971";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry7 .path6:before {
    content: "\e972";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry7 .path7:before {
    content: "\e973";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry7 .path8:before {
    content: "\e974";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry7 .path9:before {
    content: "\e975";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry8 .path1:before {
    content: "\e976";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry8 .path2:before {
    content: "\e977";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry8 .path3:before {
    content: "\e978";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry8 .path4:before {
    content: "\e979";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry8 .path5:before {
    content: "\e97a";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry8 .path6:before {
    content: "\e97b";
    margin-left: -1em;
    color: #262435
}

.faisco-icons-sc-Chemistry8 .path7:before {
    content: "\e97c";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-Chemistry8:before {
    content: "\e97d"
}

.faisco-icons-sc-Chemistry8 .path9:before {
    content: "\e97e";
    margin-left: -1em;
    color: #1a1a1a
}

.faisco-icons-sc-clothes1:before {
    content: "\e97f"
}

.faisco-icons-sc-clothes2:before {
    content: "\e980"
}

.faisco-icons-sc-clothes3:before {
    content: "\e981"
}

.faisco-icons-sc-clothes4:before {
    content: "\e982"
}

.faisco-icons-sc-clothes5:before {
    content: "\e983"
}

.faisco-icons-sc-clothes6:before {
    content: "\e984"
}

.faisco-icons-sc-clothes7:before {
    content: "\e985"
}

.faisco-icons-sc-clothes8:before {
    content: "\e986"
}

.faisco-icons-sc-clothes9:before {
    content: "\e987"
}

.faisco-icons-sc-clothes10:before {
    content: "\e988"
}

.faisco-icons-sc-Daily-expenses1:before {
    content: "\e989"
}

.faisco-icons-sc-Daily-expenses2:before {
    content: "\e98a"
}

.faisco-icons-sc-Daily-expenses3:before {
    content: "\e98b"
}

.faisco-icons-sc-Daily-expenses4:before {
    content: "\e98c"
}

.faisco-icons-sc-Daily-expenses5:before {
    content: "\e98d"
}

.faisco-icons-sc-Daily-expenses6:before {
    content: "\e98e"
}

.faisco-icons-sc-Daily-expenses7:before {
    content: "\e98f"
}

.faisco-icons-sc-Daily-expenses8:before {
    content: "\e990"
}

.faisco-icons-sc-Daily-expenses9:before {
    content: "\e991"
}

.faisco-icons-sc-Daily-expenses10:before {
    content: "\e992"
}

.faisco-icons-sc-Daily-expenses11:before {
    content: "\e993"
}

.faisco-icons-sc-Daily-expenses12:before {
    content: "\e994"
}

.faisco-icons-sc-Daily-expenses13:before {
    content: "\e995"
}

.faisco-icons-sc-Daily-expenses14:before {
    content: "\e996"
}

.faisco-icons-sc-electric1:before {
    content: "\e997"
}

.faisco-icons-sc-electric2:before {
    content: "\e998"
}

.faisco-icons-sc-electric3:before {
    content: "\e999"
}

.faisco-icons-sc-electric4:before {
    content: "\e99a"
}

.faisco-icons-sc-electric5:before {
    content: "\e99b"
}

.faisco-icons-sc-electric6:before {
    content: "\e99c"
}

.faisco-icons-sc-electric7:before {
    content: "\e99d"
}

.faisco-icons-sc-electric8:before {
    content: "\e99e"
}

.faisco-icons-sc-electric9:before {
    content: "\e99f"
}

.faisco-icons-sc-electric10:before {
    content: "\e9a0"
}

.faisco-icons-sc-electric11:before {
    content: "\e9a1"
}

.faisco-icons-sc-electric12:before {
    content: "\e9a2"
}

.faisco-icons-sc-electric13:before {
    content: "\e9a3"
}

.faisco-icons-sc-electric14:before {
    content: "\e9a4"
}

.faisco-icons-sc-electric15:before {
    content: "\e9a5"
}

.faisco-icons-sc-electric16:before {
    content: "\e9a6"
}

.faisco-icons-sc-electric17:before {
    content: "\e9a7"
}

.faisco-icons-sc-electric18:before {
    content: "\e9a8"
}

.faisco-icons-sc-electric19:before {
    content: "\e9a9"
}

.faisco-icons-sc-electric20:before {
    content: "\e9aa"
}

.faisco-icons-sc-electric21:before {
    content: "\e9ab"
}

.faisco-icons-sc-electric22:before {
    content: "\e9ac"
}

.faisco-icons-sc-electric23:before {
    content: "\e9ad"
}

.faisco-icons-sc-electric24:before {
    content: "\e9ae"
}

.faisco-icons-sc-electric25:before {
    content: "\e9af"
}

.faisco-icons-sc-electric26:before {
    content: "\e9b0"
}

.faisco-icons-sc-electric27:before {
    content: "\e9b1"
}

.faisco-icons-sc-electric28:before {
    content: "\e9b2"
}

.faisco-icons-sc-electric29:before {
    content: "\e9b3"
}

.faisco-icons-sc-electric30:before {
    content: "\e9b4"
}

.faisco-icons-sc-electric31:before {
    content: "\e9b5"
}

.faisco-icons-sc-electric32:before {
    content: "\e9b6"
}

.faisco-icons-sc-electric33:before {
    content: "\e9b7"
}

.faisco-icons-sc-food1:before {
    content: "\e9b8"
}

.faisco-icons-sc-food2:before {
    content: "\e9b9"
}

.faisco-icons-sc-food3:before {
    content: "\e9ba"
}

.faisco-icons-sc-food4:before {
    content: "\e9bb"
}

.faisco-icons-sc-food5:before {
    content: "\e9bc"
}

.faisco-icons-sc-food6:before {
    content: "\e9bd"
}

.faisco-icons-sc-food7:before {
    content: "\e9be"
}

.faisco-icons-sc-food8:before {
    content: "\e9bf"
}

.faisco-icons-sc-food9:before {
    content: "\e9c0"
}

.faisco-icons-sc-food10:before {
    content: "\e9c1"
}

.faisco-icons-sc-food11:before {
    content: "\e9c2"
}

.faisco-icons-sc-food12:before {
    content: "\e9c3"
}

.faisco-icons-sc-food13:before {
    content: "\e9c4"
}

.faisco-icons-sc-food14:before {
    content: "\e9c5"
}

.faisco-icons-sc-food15:before {
    content: "\e9c6"
}

.faisco-icons-sc-food16:before {
    content: "\e9c7"
}

.faisco-icons-sc-food17:before {
    content: "\e9c8"
}

.faisco-icons-sc-food18:before {
    content: "\e9c9"
}

.faisco-icons-sc-food19:before {
    content: "\e9ca"
}

.faisco-icons-sc-food20:before {
    content: "\e9cb"
}

.faisco-icons-sc-food21:before {
    content: "\e9cc"
}

.faisco-icons-sc-food22:before {
    content: "\e9cd"
}

.faisco-icons-sc-food23:before {
    content: "\e9ce"
}

.faisco-icons-sc-furniture1:before {
    content: "\e9cf"
}

.faisco-icons-sc-furniture2:before {
    content: "\e9d0"
}

.faisco-icons-sc-furniture3:before {
    content: "\e9d1"
}

.faisco-icons-sc-furniture4:before {
    content: "\e9d2"
}

.faisco-icons-sc-furniture5:before {
    content: "\e9d3"
}

.faisco-icons-sc-furniture6:before {
    content: "\e9d4"
}

.faisco-icons-sc-furniture7:before {
    content: "\e9d5"
}

.faisco-icons-sc-furniture8:before {
    content: "\e9d6"
}

.faisco-icons-sc-furniture9:before {
    content: "\e9d7"
}

.faisco-icons-sc-furniture10:before {
    content: "\e9d8"
}

.faisco-icons-sc-hat1:before {
    content: "\e9d9"
}

.faisco-icons-sc-hat2:before {
    content: "\e9da"
}

.faisco-icons-school1:before {
    content: "\e9db"
}

.faisco-icons-school2:before {
    content: "\e9dc"
}

.faisco-icons-school3:before {
    content: "\e9dd"
}

.faisco-icons-school4:before {
    content: "\e9de"
}

.faisco-icons-school5:before {
    content: "\e9df"
}

.faisco-icons-school6:before {
    content: "\e9e0"
}

.faisco-icons-school7:before {
    content: "\e9e1"
}

.faisco-icons-sc-Kitchen1:before {
    content: "\e9e2"
}

.faisco-icons-sc-Kitchen2:before {
    content: "\e9e3"
}

.faisco-icons-sc-Kitchen3:before {
    content: "\e9e4"
}

.faisco-icons-sc-Kitchen4:before {
    content: "\e9e5"
}

.faisco-icons-sc-Kitchen5:before {
    content: "\e9e6"
}

.faisco-icons-sc-Kitchen6:before {
    content: "\e9e7"
}

.faisco-icons-sc-Kitchen7:before {
    content: "\e9e8"
}

.faisco-icons-sc-Kitchen8:before {
    content: "\e9e9"
}

.faisco-icons-sc-Kitchen9:before {
    content: "\e9ea"
}

.faisco-icons-sc-Kitchen10:before {
    content: "\e9eb"
}

.faisco-icons-sc-Kitchen11:before {
    content: "\e9ec"
}

.faisco-icons-sc-Kitchen12:before {
    content: "\e9ed"
}

.faisco-icons-sc-Kitchen13:before {
    content: "\e9ee"
}

.faisco-icons-sc-medicine1:before {
    content: "\e9ef"
}

.faisco-icons-sc-medicine2:before {
    content: "\e9f0"
}

.faisco-icons-sc-medicine3:before {
    content: "\e9f1"
}

.faisco-icons-sc-medicine4:before {
    content: "\e9f2"
}

.faisco-icons-sc-medicine5:before {
    content: "\e9f3"
}

.faisco-icons-sc-medicine6:before {
    content: "\e9f4"
}

.faisco-icons-sc-Ornaments1:before {
    content: "\e9f5"
}

.faisco-icons-sc-Ornaments2:before {
    content: "\e9f6"
}

.faisco-icons-sc-Ornaments3:before {
    content: "\e9f7"
}

.faisco-icons-sc-Ornaments4:before {
    content: "\e9f8"
}

.faisco-icons-sc-Ornaments5:before {
    content: "\e9f9"
}

.faisco-icons-sc-Ornaments6:before {
    content: "\e9fa"
}

.faisco-icons-sc-Other1:before {
    content: "\e9fb"
}

.faisco-icons-sc-Other2:before {
    content: "\e9fc"
}

.faisco-icons-sc-Other3:before {
    content: "\e9fd"
}

.faisco-icons-sc-Other4:before {
    content: "\e9fe"
}

.faisco-icons-sc-Other5:before {
    content: "\e9ff"
}

.faisco-icons-sc-Other6:before {
    content: "\ea00"
}

.faisco-icons-sc-Other7:before {
    content: "\ea01"
}

.faisco-icons-sc-Other8:before {
    content: "\ea02"
}

.faisco-icons-sc-Other9:before {
    content: "\ea03"
}

.faisco-icons-sc-Other10:before {
    content: "\ea04"
}

.faisco-icons-sc-Other11:before {
    content: "\ea05"
}

.faisco-icons-sc-Other12:before {
    content: "\ea06"
}

.faisco-icons-sc-Other13:before {
    content: "\ea07"
}

.faisco-icons-sc-Other14:before {
    content: "\ea08"
}

.faisco-icons-sc-Other15:before {
    content: "\ea09"
}

.faisco-icons-sc-Other16:before {
    content: "\ea0a"
}

.faisco-icons-sc-Other17:before {
    content: "\ea0b"
}

.faisco-icons-sc-Other18:before {
    content: "\ea0c"
}

.faisco-icons-sc-Other19:before {
    content: "\ea0d"
}

.faisco-icons-sc-Other20:before {
    content: "\ea0e"
}

.faisco-icons-sc-Other21:before {
    content: "\ea0f"
}

.faisco-icons-sc-Other22:before {
    content: "\ea10"
}

.faisco-icons-sc-Other23:before {
    content: "\ea11"
}

.faisco-icons-sc-Other24:before {
    content: "\ea12"
}

.faisco-icons-sc-Other25:before {
    content: "\ea13"
}

.faisco-icons-sc-shoes1:before {
    content: "\ea14"
}

.faisco-icons-sc-shoes2:before {
    content: "\ea15"
}

.faisco-icons-sc-shoes3:before {
    content: "\ea16"
}

.faisco-icons-sc-shoes4:before {
    content: "\ea17"
}

.faisco-icons-shape1:before {
    content: "\ea18"
}

.faisco-icons-shape2:before {
    content: "\ea19"
}

.faisco-icons-shape3:before {
    content: "\ea1a"
}

.faisco-icons-shape4:before {
    content: "\ea1b"
}

.faisco-icons-shape5:before {
    content: "\ea1c"
}

.faisco-icons-shape6:before {
    content: "\ea1d"
}

.faisco-icons-shape7:before {
    content: "\ea1e"
}

.faisco-icons-shape8:before {
    content: "\ea1f"
}

.faisco-icons-shape9:before {
    content: "\ea20"
}

.faisco-icons-shape10:before {
    content: "\ea21"
}

.faisco-icons-shape11:before {
    content: "\ea22"
}

.faisco-icons-shape12:before {
    content: "\ea23"
}

.faisco-icons-shape13:before {
    content: "\ea24"
}

.faisco-icons-shape14:before {
    content: "\ea25"
}

.faisco-icons-shape15:before {
    content: "\ea26"
}

.faisco-icons-shape16:before {
    content: "\ea27"
}

.faisco-icons-shape17:before {
    content: "\ea28"
}

.faisco-icons-shape18:before {
    content: "\ea29"
}

.faisco-icons-shape19:before {
    content: "\ea2a"
}

.faisco-icons-shape20:before {
    content: "\ea2b"
}

.faisco-icons-shape21:before {
    content: "\ea2c"
}

.faisco-icons-shape22:before {
    content: "\ea2d"
}

.faisco-icons-shape23:before {
    content: "\ea2e"
}

.faisco-icons-shape24:before {
    content: "\ea2f"
}

.faisco-icons-shape25:before {
    content: "\ea30"
}

.faisco-icons-shape26:before {
    content: "\ea31"
}

.faisco-icons-shape27:before {
    content: "\ea32"
}

.faisco-icons-shape28:before {
    content: "\ea33"
}

.faisco-icons-shape29:before {
    content: "\ea34"
}

.faisco-icons-shape30:before {
    content: "\ea35"
}

.faisco-icons-shape31:before {
    content: "\ea36"
}

.faisco-icons-shape32:before {
    content: "\ea37"
}

.faisco-icons-shape33:before {
    content: "\ea38"
}

.faisco-icons-shape34:before {
    content: "\ea39"
}

.faisco-icons-shape35:before {
    content: "\ea3a"
}

.faisco-icons-shape36:before {
    content: "\ea3b"
}

.faisco-icons-shape37:before {
    content: "\ea3c"
}

.faisco-icons-shape38:before {
    content: "\ea3d"
}

.faisco-icons-shape39:before {
    content: "\ea3e"
}

.faisco-icons-shape40:before {
    content: "\ea3f"
}

.faisco-icons-shape41:before {
    content: "\ea40"
}

.faisco-icons-shape42:before {
    content: "\ea41"
}

.faisco-icons-shape43:before {
    content: "\ea42"
}

.faisco-icons-shape44:before {
    content: "\ea43"
}

.faisco-icons-shape45:before {
    content: "\ea44"
}

.faisco-icons-shape46:before {
    content: "\ea45"
}

.faisco-icons-shape47:before {
    content: "\ea46"
}

.faisco-icons-shape48:before {
    content: "\ea47"
}

.faisco-icons-shape49:before {
    content: "\ea48"
}

.faisco-icons-shape50:before {
    content: "\ea49"
}

.faisco-icons-symbol1:before {
    content: "\ea4a"
}

.faisco-icons-symbol2:before {
    content: "\ea4b"
}

.faisco-icons-symbol3:before {
    content: "\ea4c"
}

.faisco-icons-symbol4:before {
    content: "\ea4d"
}

.faisco-icons-symbol5:before {
    content: "\ea4e"
}

.faisco-icons-symbol6:before {
    content: "\ea4f"
}

.faisco-icons-symbol7:before {
    content: "\ea50"
}

.faisco-icons-symbol8:before {
    content: "\ea51"
}

.faisco-icons-symbol9:before {
    content: "\ea52"
}

.faisco-icons-symbol10:before {
    content: "\ea53"
}

.faisco-icons-symbol11:before {
    content: "\ea54"
}

.faisco-icons-symbol12:before {
    content: "\ea55"
}

.faisco-icons-symbol13:before {
    content: "\ea56"
}

.faisco-icons-symbol14:before {
    content: "\ea57"
}

.faisco-icons-symbol15:before {
    content: "\ea58"
}

.faisco-icons-symbol16:before {
    content: "\ea59"
}

.faisco-icons-symbol17:before {
    content: "\ea5a"
}

.faisco-icons-symbol18:before {
    content: "\ea5b"
}

.faisco-icons-symbol19:before {
    content: "\ea5c"
}

.faisco-icons-symbol20:before {
    content: "\ea5d"
}

.faisco-icons-symbol21:before {
    content: "\ea5e"
}

.faisco-icons-symbol22:before {
    content: "\ea5f"
}

.faisco-icons-symbol23:before {
    content: "\ea60"
}

.faisco-icons-symbol24:before {
    content: "\ea61"
}

.faisco-icons-symbol25:before {
    content: "\ea62"
}

.faisco-icons-symbol26:before {
    content: "\ea63"
}

.faisco-icons-symbol27:before {
    content: "\ea64"
}

.faisco-icons-symbol28:before {
    content: "\ea65"
}

.faisco-icons-symbol29:before {
    content: "\ea66"
}

.faisco-icons-symbol30:before {
    content: "\ea67"
}

.faisco-icons-Vehicle1:before {
    content: "\ea68"
}

.faisco-icons-Vehicle2:before {
    content: "\ea69"
}

.faisco-icons-Vehicle3:before {
    content: "\ea6a"
}

.faisco-icons-Vehicle4:before {
    content: "\ea6b"
}

.faisco-icons-Vehicle5:before {
    content: "\ea6c"
}

.faisco-icons-Vehicle6:before {
    content: "\ea6d"
}

.faisco-icons-Vehicle7:before {
    content: "\ea6e"
}

.faisco-icons-Vehicle8:before {
    content: "\ea6f"
}

.faisco-icons-Vehicle9:before {
    content: "\ea70"
}

.faisco-icons-Vehicle10:before {
    content: "\ea71"
}

.faisco-icons-Vehicle11:before {
    content: "\ea72"
}

.faisco-icons-Vehicle12:before {
    content: "\ea73"
}

.faisco-icons-Vehicle13:before {
    content: "\ea74"
}

.faisco-icons-Vehicle14:before {
    content: "\ea75"
}

.faisco-icons-Vehicle15:before {
    content: "\ea76"
}

.faisco-icons-Vehicle16:before {
    content: "\ea77"
}

.faisco-icons-Vehicle17:before {
    content: "\ea78"
}

.faisco-icons-Vehicle18:before {
    content: "\ea79"
}

.faisco-icons-Vehicle19:before {
    content: "\ea7a"
}

.faisco-icons-Vehicle20:before {
    content: "\ea7b"
}

.faisco-icons-time3:before {
    content: "\ea7c"
}

.faisco-icons-comment:before {
    content: "\ea84"
}

.faisco-icons-author:before {
    content: "\ea85"
}

.faisco-icons-mallBuyCar:before {
    content: "\ea7e"
}

.faisco-icons-home:before {
    content: "\ea86"
}

.faisco-icons-gwc22:before {
    content: "\ea87"
}

.faisco-icons-search:before {
    content: "\ea88"
}

.faisco-icons-service:before {
    content: "\ea89"
}

.faisco-icons-bag5:before {
    content: "\ea8f"
}

.faisco-icons-collect:before {
    content: "\ea90"
}

.faisco-icons-consignee:before {
    content: "\ea91"
}

.faisco-icons-coupons1:before {
    content: "\ea92"
}

.faisco-icons-directory:before {
    content: "\ea93"
}

.faisco-icons-exit2:before {
    content: "\ea94"
}

.faisco-icons-gwc3:before {
    content: "\ea95"
}

.faisco-icons-integral1:before {
    content: "\ea96"
}

.faisco-icons-lock:before {
    content: "\ea97"
}

.faisco-icons-members:before {
    content: "\ea98"
}

.faisco-icons-order:before {
    content: "\ea99"
}

.faisco-icons-positioning:before {
    content: "\ea9a"
}

.faisco-icons-screening:before {
    content: "\ea9b"
}

.faisco-icons-share:before {
    content: "\ea9c"
}

.faisco-icons-box4:before {
    content: "\ea8b"
}

.faisco-icons-comments:before {
    content: "\ea8c"
}

.faisco-icons-truck:before {
    content: "\ea8d"
}

.faisco-icons-wallet:before {
    content: "\ea8e"
}

.faisco-icons-arrow:before {
    content: "\ea9e"
}

.faisco-icons-data:before {
    content: "\ea9f"
}

.faisco-icons-radio:before {
    content: "\eaa0"
}

.faisco-icons-box5:before {
    content: "\eaa1"
}

.faisco-icons-refund:before {
    content: "\eaab"
}

.faisco-icons-scPaypal:before {
    content: "\eaa2"
}

.faisco-icons-scTopay:before {
    content: "\eaa3"
}

.faisco-icons-scWangying:before {
    content: "\eaa4"
}

.faisco-icons-scWeixin:before {
    content: "\eaa5"
}

.faisco-icons-scZhifubao:before {
    content: "\eaa6"
}

.faisco-icons-scZhuanzhang:before {
    content: "\eaa7"
}

.faisco-icons-sccaifutong:before {
    content: "\eaa8"
}

.faisco-icons-arrow1:before {
    content: "\eaac"
}

.faisco-icons-arrow2:before {
    content: "\eaad"
}

.faisco-icons-scEdit:before {
    content: "\eaaa"
}

.faisco-icons-scDelete:before {
    content: "\eaa9"
}

.faisco-icons-sc-comment:before {
    content: "\eaae"
}

.faisco-icons-error:before {
    content: "\eaaf"
}

.faisco-icons-success:before {
    content: "\eab0"
}

.faisco-icons-prompt:before {
    content: "\ea9d"
}

.faisco-icons-kefu:before {
    content: "\eab2"
}

.faisco-icons-collect:before {
    content: "\ea90"
}

.faisco-icons-share:before {
    content: "\ea9c"
}

.faisco-icons-message5:before {
    content: "\e91e"
}

.faisco-icons-start2:before {
    content: "\e920"
}

.faisco-icons-share12:before {
    content: "\eab3"
}

.faisco-icons-newSearch1:before {
    content: "\eab4"
}

.faisco-icons-newSearch2:before {
    content: "\eab5"
}

.faisco-icons-newSearch3:before {
    content: "\eab6"
}

.faisco-icons-newSearch4:before {
    content: "\eab7"
}

.faisco-icons-newSearch5:before {
    content: "\eab8"
}

.faisco-icons-scPhone:before {
    content: "\ead5"
}

.faisco-icons-scQq:before {
    content: "\ead6"
}

.faisco-icons-next5:before {
    content: "\ead9"
}

.faisco-icons-scClose:before {
    content: "\eab9"
}

.faisco-icons-scCollect3:before {
    content: "\eabb"
}

.faisco-icons-scTime:before {
    content: "\ead0"
}

.faisco-icons-scDaifukuan:before {
    content: "\eabf"
}

.faisco-icons-scDaifahuo:before {
    content: "\eabe"
}

.faisco-icons-scDaishouhuo:before {
    content: "\eac0"
}

.faisco-icons-scYifahuo:before {
    content: "\ead1"
}

.faisco-icons-scConsignee:before {
    content: "\eabc"
}

.faisco-icons-scIntegral:before {
    content: "\eac6"
}

.faisco-icons-scCoupons1:before {
    content: "\eabd"
}

.faisco-icons-scData:before {
    content: "\eac1"
}

.faisco-icons-scLock:before {
    content: "\eac7"
}

.faisco-icons-scExit3:before {
    content: "\eac2"
}

.faisco-icons-scFold2:before {
    content: "\eac3"
}

.faisco-icons-scFold3:before {
    content: "\eadc"
}

.faisco-icons-scRadio:before {
    content: "\eaca"
}

.faisco-icons-scMembers2:before {
    content: "\eac8"
}

.faisco-icons-scAdd:before {
    content: "\ead2"
}

.faisco-icons-scshangcheng:before {
    content: "\eade"
}

.faisco-icons-scshangcheng2:before {
    content: "\eadf"
}

.faisco-icons-scdingdan:before {
    content: "\eae0"
}

.faisco-icons-scdingdan2:before {
    content: "\eae5"
}

.faisco-icons-scBdsq:before {
    content: "\ead7"
}

.faisco-icons-scBdsq2:before {
    content: "\eada"
}

.faisco-icons-scWangwang:before {
    content: "\ead8"
}

.faisco-icons-scWangwang2:before {
    content: "\eadb"
}

.faisco-icons-S000170:before {
    content: "\eafb"
}

.faisco-icons-S000171:before {
    content: "\eafc"
}

.faisco-icons-S000172:before {
    content: "\eafd"
}

.faisco-icons-S000173:before {
    content: "\eafe"
}

.faisco-icons-S000174:before {
    content: "\eaff"
}

.faisco-icons-S000175:before {
    content: "\eb00"
}

.faisco-icons-S000176:before {
    content: "\eb01"
}

.faisco-icons-S000177:before {
    content: "\eb02"
}

.faisco-icons-S000178:before {
    content: "\eb03"
}

.faisco-icons-S000179:before {
    content: "\eb04"
}

.faisco-icons-S000180:before {
    content: "\eb05"
}

.faisco-icons-S000181:before {
    content: "\eb0f"
}

.faisco-icons-S000182:before {
    content: "\eb0e"
}

.faisco-icons-S000183:before {
    content: "\eb0d"
}

.faisco-icons-S000184:before {
    content: "\eb0c"
}

.faisco-icons-S000185:before {
    content: "\eb0b"
}

.faisco-icons-S000186:before {
    content: "\eb0a"
}

.faisco-icons-S000187:before {
    content: "\eb09"
}

.faisco-icons-S000188:before {
    content: "\eb08"
}

.faisco-icons-S000189:before {
    content: "\eb07"
}

.faisco-icons-S000190:before {
    content: "\eb06"
}

.faisco-icons-S000191:before {
    content: "\eb10"
}

.faisco-icons-S000192:before {
    content: "\eb11"
}

.faisco-icons-S000193:before {
    content: "\eb12"
}

.faisco-icons-S000194:before {
    content: "\eb13"
}

.faisco-icons-S000195:before {
    content: "\eb14"
}

.faisco-icons-S000196:before {
    content: "\eb15"
}

.faisco-icons-M001033:before {
    content: "\eb16"
}

.faisco-icons-M001034:before {
    content: "\eb17"
}

.faisco-icons-M001035:before {
    content: "\eb18"
}

.faisco-icons-M001036:before {
    content: "\eb19"
}

.faisco-icons-M001037:before {
    content: "\eb1a"
}

.faisco-icons-S000197:before {
    content: "\eb1b"
}

.faisco-icons-S000198:before {
    content: "\eb1c"
}

.faisco-icons-fenxiao1:before {
    content: "\eaeb"
}

.faisco-icons-fenxiao2:before {
    content: "\eaec"
}

.faisco-icons-S000200:before {
    content: "\eb1e"
}

.faisco-icons-S000201:before {
    content: "\eb1f"
}

.faisco-icons-S000202:before {
    content: "\eb20"
}

.faisco-icons-S000203:before {
    content: "\eb21"
}

.faisco-icons-S000204:before {
    content: "\eb22"
}

.faisco-icons-S000205:before {
    content: "\eb23"
}

.faisco-icons-S000206:before {
    content: "\eb24"
}

.faisco-icons-M001038:before {
    content: "\eb25"
}

.faisco-icons-S000207:before {
    content: "\eb26"
}

.faisco-icons-S000208:before {
    content: "\eb27"
}

.faisco-icons-S000209:before {
    content: "\eb28"
}

.faisco-icons-S000210:before {
    content: "\eb29"
}

.faisco-icons-S000211:before {
    content: "\eb2a"
}

.faisco-icons-S000212:before {
    content: "\eb2b"
}

.faisco-icons-S000213:before {
    content: "\eb2c"
}

.faisco-icons-S000214:before {
    content: "\eb2d"
}

.faisco-icons-S000215:before {
    content: "\eb2e"
}

.faisco-icons-S000216:before {
    content: "\eb2f"
}

.faisco-icons-S000217:before {
    content: "\eb30"
}

.faisco-icons-S000218:before {
    content: "\eb31"
}

.faisco-icons-S000219:before {
    content: "\eb32"
}

.faisco-icons-kj2:before {
    content: "\eb33"
}

.faisco-icons-kj1:before {
    content: "\eb34"
}

.faisco-icons-tuiguangyuan1:before {
    content: "\eb35"
}

.faisco-icons-tuiguangyuan:before {
    content: "\eb36"
}

.faisco-icons-M001078:before {
    content: "\a1078"
}

.faisco-icons-M001079:before {
    content: "\a1079"
}

.faisco-icons-M001080:before {
    content: "\a1080"
}

.faisco-icons-M001081:before {
    content: "\a1081"
}

.faisco-icons-M001082:before {
    content: "\a1082"
}

.faisco-icons-M001083:before {
    content: "\a1083"
}

.faisco-icons-M001084:before {
    content: "\a1084"
}

.faisco-icons-S0000170:before {
    content: "\b0170"
}

.faisco-icons-S0000171:before {
    content: "\b0171"
}

.faisco-icons-S0000172:before {
    content: "\b0172"
}

.faisco-icons-S0000173:before {
    content: "\b0173"
}

.faisco-icons-S0000174:before {
    content: "\b0174"
}

.faisco-icons-S0000175:before {
    content: "\b0175"
}

.faisco-icons-S0000176:before {
    content: "\b0176"
}

.faisco-icons-S0000177:before {
    content: "\b0177"
}

.faisco-icons-S000178:before {
    content: "\b0178"
}

.faisco-icons-S000179:before {
    content: "\b0179"
}

.faisco-icons-S000180:before {
    content: "\b0180"
}

.faisco-icons-S000181:before {
    content: "\b0181"
}

.faisco-icons-S000182:before {
    content: "\b0182"
}

.faisco-icons-S000183:before {
    content: "\b0183"
}

.faisco-icons-S000184:before {
    content: "\b0184"
}

.faisco-icons-S000185:before {
    content: "\b0185"
}

.faisco-icons-S000186:before {
    content: "\b0186"
}

.faisco-icons-S000187:before {
    content: "\b0187"
}

.faisco-icons-S000188:before {
    content: "\b0188"
}

.faisco-icons-S0000189:before {
    content: "\b0189"
}

.faisco-icons-S0000190:before {
    content: "\b0190"
}

.faisco-icons-S0000191:before {
    content: "\b0191"
}

.faisco-icons-S000232:before {
    content: "\b0232"
}

.faisco-icons-S000233:before {
    content: "\b0233"
}

.faisco-icons-S000234:before {
    content: "\b0234"
}

.faisco-icons-S000235:before {
    content: "\b0235"
}

.faisco-icons-S000236:before {
    content: "\b0236"
}

.faisco-icons-S000238:before {
    content: "\b0238"
}

.faisco-icons-S000239:before {
    content: "\b0239"
}

.faisco-icons-S000240:before {
    content: "\b0240"
}

.faisco-icons-S000241:before {
    content: "\b0241"
}

.faisco-icons-S000242:before {
    content: "\b0242"
}

.faisco-icons-S000243:before {
    content: "\b0243"
}

.faisco-icons-S000244:before {
    content: "\b0244"
}

.faisco-icons-S000245:before {
    content: "\b0245"
}

.faisco-icons-S000263:before {
    content: "\b0263"
}

.faisco-icons-S000264:before {
    content: "\b0264"
}

.faisco-icons-S000276:before {
    content: "\b0276"
}

.faisco-icons-S000278:before {
    content: "\b0278"
}

.faisco-icons-S000279:before {
    content: "\b0279"
}

.faisco-icons-S000280:before {
    content: "\b0280"
}

.faisco-icons-S000284:before {
    content: "\b0284"
}

.faisco-icons-S000285:before {
    content: "\b0285"
}

.faisco-icons-S000286:before {
    content: "\b0286"
}

.faisco-icons-S000287:before {
    content: "\b0287"
}

.faisco-icons-S000288:before {
    content: "\b0288"
}

.faisco-icons-S000289:before {
    content: "\b0289"
}

.faisco-icons-S000290:before {
    content: "\b0290"
}

.faisco-icons-S000291:before {
    content: "\b0291"
}

.faisco-icons-S000292:before {
    content: "\b0292"
}

.faisco-icons-S000293:before {
    content: "\b0293"
}

.faisco-icons-S000294:before {
    content: "\b0294"
}

.faisco-icons-S000295:before {
    content: "\b0295"
}

.faisco-icons-S000296:before {
    content: "\b0296"
}

.faisco-icons-S000297:before {
    content: "\b0297"
}

.faisco-icons-S000298:before {
    content: "\b0298"
}

.faisco-icons-S000299:before {
    content: "\b0299"
}

.faisco-icons-S000300:before {
    content: "\b0300"
}

.faisco-icons-S000301:before {
    content: "\b0301"
}

.faisco-icons-S000302:before {
    content: "\b0302"
}

.faisco-icons-S000303:before {
    content: "\b0303"
}

.faisco-icons-S000304:before {
    content: "\b0304"
}

.faisco-icons-S000305:before {
    content: "\b0305"
}

.faisco-icons-S000306:before {
    content: "\b0306"
}

.faisco-icons-S000307:before {
    content: "\b0307"
}

.faisco-icons-S000308:before {
    content: "\b0308"
}

.faisco-icons-S000309:before {
    content: "\b0309"
}

.faisco-icons-S000310:before {
    content: "\b0310"
}

.faisco-icons-S000311:before {
    content: "\b0311"
}

.faisco-icons-S000312:before {
    content: "\b0312"
}

.faisco-icons-S000313:before {
    content: "\b0313"
}

.faisco-icons-S000314:before {
    content: "\b0314"
}

.faisco-icons-S000315:before {
    content: "\b0315"
}

.faisco-icons-S000316:before {
    content: "\b0316"
}

.faisco-icons-S000317:before {
    content: "\b0317"
}

.faisco-icons-S000318:before {
    content: "\b0318"
}

.faisco-icons-S000319:before {
    content: "\b0319"
}

.faisco-icons-S000320:before {
    content: "\b0320"
}

.faisco-icons-S000321:before {
    content: "\b0321"
}

.faisco-icons-S000322:before {
    content: "\b0322"
}

.faisco-icons-S000323:before {
    content: "\b0323"
}

.faisco-icons-S000324:before {
    content: "\b0324"
}

.faisco-icons-S000325:before {
    content: "\b0325"
}

.faisco-icons-S000326:before {
    content: "\b0326"
}

.faisco-icons-S000327:before {
    content: "\b0327"
}

.faisco-icons-S000328:before {
    content: "\b0328"
}

.faisco-icons-S000329:before {
    content: "\b0329"
}

.faisco-icons-S000330:before {
    content: "\b0330"
}

.faisco-icons-S000331:before {
    content: "\b0331"
}

.faisco-icons-S00332:before {
    content: "\b0332"
}

.faisco-icons-S00333:before {
    content: "\b0333"
}

.faisco-icons-S00334:before {
    content: "\b0334"
}

.faisco-icons-S000336:before {
    content: "\b0336"
}

.faisco-icons-S000337:before {
    content: "\b0337"
}

.faisco-icons-S000351:before {
    content: "\b0351"
}

.faisco-icons-S000352:before {
    content: "\b0352"
}

.faisco-icons-S000353:before {
    content: "\b0353"
}

.faisco-icons-S000354:before {
    content: "\b0354"
}

.faisco-icons-S000355:before {
    content: "\b0355"
}

.faisco-icons-S000356:before {
    content: "\b0356"
}

.faisco-icons-S000360:before {
    content: "\b0360"
}

.faisco-icons-S000359:before {
    content: "\b0359"
}

.faisco-icons-S000358:before {
    content: "\b0358"
}

.faisco-icons-S000357:before {
    content: "\b0357"
}

.faisco-icons-S000365:before {
    content: "\b0365"
}

.faisco-icons-S000366:before {
    content: "\b0366"
}

.faisco-icons-S000364:before {
    content: "\b0364"
}

.faisco-icons-S000370:before {
    content: "\b0370"
}

.faisco-icons-wodepintuan1:before {
    content: "\eb38"
}

.faisco-icons-wodepintuan:before {
    content: "\eb37"
}

.faisco-icons-daichengtuan:before {
    content: "\eb39"
}

.faisco-icons-S000372:before {
    content: "\b0372"
}

.faisco-icons-sharePoster:before {
    content: "\b0361"
}

.faisco-icons-sharePoster2:before {
    content: "\b0363"
}

.faisco-icons-S000380:before {
    content: "\b0380"
}

.faisco-icons-M001085:before {
    content: "\a1085"
}

.faisco-icons-M001086:before {
    content: "\a1086"
}

.faisco-icons-M001087:before {
    content: "\e902"
}

.faisco-icons-M001088:before {
    content: "\a1087"
}

.faisco-icons-M001089:before {
    content: "\a1088"
}

.faisco-icons-M001090:before {
    content: "\a1089"
}

.faisco-icons-M001091:before {
    content: "\a1090"
}

/* Navbar toggle styles */
#navbar {
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important
}

#navbar.navbar-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-100%) !important;
    max-height: 0 !important;
    overflow: hidden !important
}

.faisco-icons-M001092:before {
    content: "\a1091"
}

.faisco-icons-M001093:before {
    content: "\a1092"
}

.faisco-icons-M001094:before {
    content: "\a1093"
}

.faisco-icons-M001095:before {
    content: "\a1094"
}

.faisco-icons-M001096:before {
    content: "\a1095"
}

.faisco-icons-M001097:before {
    content: "\a1096"
}

.faisco-icons-M001098:before {
    content: "\a1097"
}

.faisco-icons-M001099:before {
    content: "\a1098"
}

.faisco-icons-M0010100:before {
    content: "\a1099"
}

.faisco-icons-M0010101:before {
    content: "\e9100"
}

.faisco-icons-M0010102:before {
    content: "\e911"
}

@charset "utf-8";

.jz-modulePattern10.form {
    border: inherit;
}

.jz-modulePattern10.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern10 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern10 .textContent {
    color: #ffffff;
}

.jz-modulePattern10 .textContent {
    font-weight: normal;
}

.jz-modulePattern10 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern10 .textContent {
    font-size: 0.60377rem;
}

.jz-modulePattern10 .textContent span {
    display: inline;
}

.jz-modulePattern10 .titleCenter {
    height: inherit;
}

.jz-modulePattern10 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern10 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern10 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern10 .titleText {
    margin: inherit;
}

.jz-modulePattern10 .icon-titleText {
    display: none;
}

.jz-modulePattern10 .titleCenter {
    justify-content: inherit;
    text-align: inherit;
}

.jz-modulePattern10 .textContent .textContentSubTitle {
    text-align: inherit;
}

.jz-modulePattern10 .titleCenter:before {
    width: auto;
}

.jz-modulePattern10 .titleText::before {
    display: none;
}

.jz-modulePattern10 .textContent {
    background: #000;
    padding-top: 0.21563rem;
    padding-right: 0.77628rem;
    padding-bottom: 0.21563rem;
    padding-left: 0.56065rem;
}

.jz-modulePattern10 .textContent {
    border-radius: 0.0rem 2.15633rem 2.15633rem 0.0rem;
}

.jz-modulePattern10 .titleMoreIcon {
    display: none;
}

.jz-modulePattern10 .titleMore {
    display: block;
}

.jz-modulePattern10 .formBannerMore {
    position: absolute;
}

.jz-modulePattern10 .formBannerMore {
    right: 0.73315rem;
}

.jz-modulePattern10 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern10 .formBannerMore {
    top: unset;
}

.jz-modulePattern10 .titleMore {
    color: rgba(179, 179, 179, 1);
    font-size: 0.56065rem;
    margin-right: 0.0rem;
}

.jz-modulePattern10 .formBannerMore .titleMore:before {
    content: '查看更多';
}

.jz-modulePattern10 .titleMoreIcon {
    color: rgba(179, 179, 179, 1);
}

.jz-modulePattern10 .titleMoreIcon:after {
    content: '\a0215';
}

.jz-modulePattern10 .titleMoreIcon:after {
    font-size: 0.47439rem;
}

.jz-modulePattern10 .titleMoreIcon:after {
    top: -0.04313rem;
}

.jz-modulePattern10 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern10.form {
    border-radius: inherit;
}

.jz-modulePattern9.form {
    border: inherit;
}

.jz-modulePattern9.form {
    margin: 0.47439rem 0.43127rem 0.47439rem 0.43127rem;
}

.jz-modulePattern9 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern9 .textContent {
    color: rgba(51, 51, 51, 1);
}

.jz-modulePattern9 .textContent {
    font-weight: normal;
}

.jz-modulePattern9 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern9 .textContent {
    font-size: 0.69003rem;
}

.jz-modulePattern9 .textContent span {
    display: inline;
}

.jz-modulePattern9 .titleCenter {
    height: inherit;
}

.jz-modulePattern9 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern9 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern9 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern9 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.73315rem;
}

.jz-modulePattern9 .icon-titleText {
    display: block;
    background: #000;
    width: 0.12938rem;
    height: 0.56065rem;
    margin-right: 0.47439rem;
    top: 0.0rem;
}

.jz-modulePattern9 .icon-titleText {
    border-radius: 4.26667rem;
}

.jz-modulePattern9 .titleCenter {
    justify-content: flex-start;
    text-align: left;
}

.jz-modulePattern9 .textContent .textContentSubTitle {
    text-align: left;
}

.jz-modulePattern9 .titleText::before {
    display: none;
}

.jz-modulePattern9 .textContent {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
}

.jz-modulePattern9 .titleMore {
    display: none;
}

.jz-modulePattern9 .titleMoreIcon {
    display: block;
}

.jz-modulePattern9 .formBannerMore {
    position: absolute;
}

.jz-modulePattern9 .formBannerMore {
    right: 0.6469rem;
}

.jz-modulePattern9 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern9 .formBannerMore {
    top: unset;
}

.jz-modulePattern9 .titleMore {
    color: rgba(181, 181, 181, 1);
    font-size: 0.51752rem;
    margin-right: 0.0rem;
}

.jz-modulePattern9 .titleMoreIcon {
    color: rgba(181, 181, 181, 1);
}

.jz-modulePattern9 .titleMoreIcon:after {
    content: '\a0215';
}

.jz-modulePattern9 .titleMoreIcon:after {
    font-size: 0.51752rem;
}

.jz-modulePattern9 .titleMoreIcon:after {
    top: 0.0rem;
}

.jz-modulePattern9 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern9.form {
    border-radius: 0.38814rem 0.38814rem 0.38814rem 0.38814rem;
}

.jz-modulePattern8.form {
    border: inherit;
}

.jz-modulePattern8.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern8 .titleCenter {
    border-bottom: inherit;
}

.jz-modulePattern8 .textContent {
    color: #ffffff;
}

.jz-modulePattern8 .textContent {
    font-weight: normal;
}

.jz-modulePattern8 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern8 .textContent {
    font-size: 0.69003rem;
}

.jz-modulePattern8 .textContent span {
    display: inline;
}

.jz-modulePattern8 .titleCenter {
    height: inherit;
}

.jz-modulePattern8 .formBannerTitle {
    background: #000;
}

.jz-modulePattern8 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern8 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern8 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.73315rem;
}

.jz-modulePattern8 .icon-titleText {
    display: none;
}

.jz-modulePattern8 .titleCenter {
    justify-content: flex-start;
    text-align: left;
}

.jz-modulePattern8 .textContent .textContentSubTitle {
    text-align: left;
}

.jz-modulePattern8 .titleText::before {
    display: none;
}

.jz-modulePattern8 .textContent {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
}

.jz-modulePattern8 .titleMore {
    display: none;
}

.jz-modulePattern8 .titleMoreIcon {
    display: block;
}

.jz-modulePattern8 .formBannerMore {
    position: absolute;
}

.jz-modulePattern8 .formBannerMore {
    right: 0.73315rem;
}

.jz-modulePattern8 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern8 .formBannerMore {
    top: unset;
}

.jz-modulePattern8 .titleMore {
    color: #ffffff;
    font-size: 0.73315rem;
    margin-right: 0.0rem;
}

.jz-modulePattern8 .titleMoreIcon {
    color: #ffffff;
}

.jz-modulePattern8 .titleMoreIcon:after {
    content: '\a0203';
}

.jz-modulePattern8 .titleMoreIcon:after {
    font-size: 0.69003rem;
}

.jz-modulePattern8 .titleMoreIcon:after {
    top: 0.0rem;
}

.jz-modulePattern8 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern8.form {
    border-radius: inherit;
}

.jz-modulePattern7.form {
    border: inherit;
}

.jz-modulePattern7.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern7 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern7 .textContent {
    color: rgba(51, 51, 51, 1);
}

.jz-modulePattern7 .textContent {
    font-weight: bolder;
}

.jz-modulePattern7 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern7 .textContent {
    font-size: 0.77628rem;
}

.jz-modulePattern7 .textContent span {
    display: inline;
}

.jz-modulePattern7 .titleCenter {
    height: inherit;
}

.jz-modulePattern7 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern7 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern7 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern7 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.73315rem;
}

.jz-modulePattern7 .icon-titleText {
    display: none;
}

.jz-modulePattern7 .titleCenter {
    justify-content: flex-start;
    text-align: left;
}

.jz-modulePattern7 .textContent .textContentSubTitle {
    text-align: left;
}

.jz-modulePattern7 .titleText::before {
    display: none;
}

.jz-modulePattern7 .textContent {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
}

.jz-modulePattern7 .titleMoreIcon {
    display: none;
}

.jz-modulePattern7 .titleMore {
    display: block;
}

.jz-modulePattern7 .formBannerMore {
    position: absolute;
}

.jz-modulePattern7 .formBannerMore {
    right: 0.73315rem;
}

.jz-modulePattern7 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern7 .formBannerMore {
    top: unset;
}

.jz-modulePattern7 .titleMore {
    color: rgba(161, 161, 166, 1);
    font-size: 0.56065rem;
    margin-right: 0.0rem;
}

.jz-modulePattern7 .formBannerMore .titleMore:before {
    content: '查看全部';
}

.jz-modulePattern7 .titleMoreIcon {
    color: rgba(161, 161, 166, 1);
}

.jz-modulePattern7 .titleMoreIcon:after {
    content: '\a0215';
}

.jz-modulePattern7 .titleMoreIcon:after {
    font-size: 0.43127rem;
}

.jz-modulePattern7 .titleMoreIcon:after {
    top: -0.08625rem;
}

.jz-modulePattern7 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern7.form {
    border-radius: inherit;
}

.jz-modulePattern6.form {
    border: inherit;
}

.jz-modulePattern6.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern6 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern6 .textContent {
    color: rgba(51, 51, 51, 1);
}

.jz-modulePattern6 .textContent {
    font-weight: bolder;
}

.jz-modulePattern6 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern6 .textContent {
    font-size: 0.6469rem;
}

.jz-modulePattern6 .textContent span {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.jz-modulePattern6 .titleCenter {
    height: inherit;
}

.jz-modulePattern6 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern6 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern6 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern6 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern6 .icon-titleText {
    display: block;
    background: rgba(153, 153, 153, 1);
    width: 0.43127rem;
    height: 0.04313rem;
    margin-right: 0.34501rem;
    top: 0.0rem;
}

.jz-modulePattern6 .icon-titleText {
    border-radius: inherit;
}

.jz-modulePattern6 .titleCenter {
    justify-content: center;
    text-align: center;
}

.jz-modulePattern6 .textContent .textContentSubTitle {
    text-align: center;
}

.jz-modulePattern6 .titleText::before {
    display: block;
    background: rgba(153, 153, 153, 1);
    width: 0.43127rem;
    height: 0.04313rem;
    margin-left: 0.34501rem;
    top: 0.0rem;
}

.jz-modulePattern6 .titleText::before {
    border-radius: inherit;
}

.jz-modulePattern6 .textContent {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
}

.jz-modulePattern6 .titleMore {
    display: none;
}

.jz-modulePattern6 .titleMoreIcon {
    display: block;
}

.jz-modulePattern6 .formBannerMore {
    position: absolute;
}

.jz-modulePattern6 .formBannerMore {
    right: 0.6469rem;
}

.jz-modulePattern6 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern6 .formBannerMore {
    top: unset;
}

.jz-modulePattern6 .titleMore {
    color: rgba(181, 181, 181, 1);
    font-size: 0.51752rem;
    margin-right: 0.0rem;
}

.jz-modulePattern6 .titleMoreIcon {
    color: rgba(181, 181, 181, 1);
}

.jz-modulePattern6 .titleMoreIcon:after {
    content: '\a0215';
}

.jz-modulePattern6 .titleMoreIcon:after {
    font-size: 0.51752rem;
}

.jz-modulePattern6 .titleMoreIcon:after {
    top: -0.12938rem;
}

.jz-modulePattern6 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern6.form {
    border-radius: inherit;
}

.jz-modulePattern5.form {
    border: inherit;
}

.jz-modulePattern5.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern5 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern5 .textContent {
    color: #333333;
}

.jz-modulePattern5 .textContent {
    font-weight: normal;
}

.jz-modulePattern5 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern5 .textContent {
    font-size: 0.69003rem;
}

.jz-modulePattern5 .textContent span {
    display: inline;
}

.jz-modulePattern5 .titleCenter {
    height: inherit;
}

.jz-modulePattern5 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern5 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern5 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern5 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern5 .icon-titleText {
    display: none;
}

.jz-modulePattern5 .titleCenter {
    justify-content: center;
    text-align: center;
}

.jz-modulePattern5 .textContent .textContentSubTitle {
    text-align: center;
}

.jz-modulePattern5 .titleText::before {
    display: none;
}

.jz-modulePattern5 .textContent {
    background: none;
}

.jz-modulePattern5 .titleMore {
    display: none;
}

.jz-modulePattern5 .titleMoreIcon {
    display: block;
}

.jz-modulePattern5 .formBannerMore {
    position: relative;
}

.jz-modulePattern5 .formBannerMore {
    margin-left: 0.86253rem;
}

.jz-modulePattern5 .formBannerMore {
    top: 0.04313rem;
}

.jz-modulePattern5 .titleMore {
    color: rgba(220, 220, 220, 1);
    font-size: 0.69003rem;
    margin-right: 0.0rem;
}

.jz-modulePattern5 .titleMoreIcon {
    color: rgba(220, 220, 220, 1);
}

.jz-modulePattern5 .titleMoreIcon:after {
    content: '\a1078';
}

.jz-modulePattern5 .titleMoreIcon:after {
    font-size: 0.69003rem;
}

.jz-modulePattern5 .titleMoreIcon:after {
    top: 0.0rem;
}

.jz-modulePattern5 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern5.form {
    border-radius: inherit;
}

.jz-modulePattern4.form {
    border: inherit;
}

.jz-modulePattern4.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern4 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern4 .textContent {
    color: #000;
}

.jz-modulePattern4 .textContent {
    font-weight: normal;
}

.jz-modulePattern4 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern4 .textContent {
    font-size: 0.69003rem;
}

.jz-modulePattern4 .textContent span {
    display: inline;
}

.jz-modulePattern4 .titleCenter {
    height: inherit;
}

.jz-modulePattern4 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern4 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern4 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern4 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.73315rem;
}

.jz-modulePattern4 .icon-titleText {
    display: none;
}

.jz-modulePattern4 .titleCenter {
    justify-content: flex-start;
    text-align: left;
}

.jz-modulePattern4 .textContent .textContentSubTitle {
    text-align: left;
}

.jz-modulePattern4 .titleText::before {
    display: none;
}

.jz-modulePattern4 .textContent {
    background: none;
}

.jz-modulePattern4 .titleMore {
    display: none;
}

.jz-modulePattern4 .titleMoreIcon {
    display: block;
}

.jz-modulePattern4 .formBannerMore {
    position: absolute;
}

.jz-modulePattern4 .formBannerMore {
    right: 0.73315rem;
}

.jz-modulePattern4 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern4 .formBannerMore {
    top: unset;
}

.jz-modulePattern4 .titleMore {
    color: #000;
    font-size: 0.77628rem;
    margin-right: 0.0rem;
}

.jz-modulePattern4 .titleMoreIcon {
    color: #000;
}

.jz-modulePattern4 .titleMoreIcon:after {
    content: '\a1084';
}

.jz-modulePattern4 .titleMoreIcon:after {
    font-size: 0.77628rem;
}

.jz-modulePattern4 .titleMoreIcon:after {
    top: 0.0rem;
}

.jz-modulePattern4 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern4.form {
    border-radius: inherit;
}

.jz-modulePattern3.form {
    border: inherit;
}

.jz-modulePattern3.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern3 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern3 .textContent {
    color: #000;
}

.jz-modulePattern3 .textContent {
    font-weight: normal;
}

.jz-modulePattern3 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern3 .textContent {
    font-size: 0.69003rem;
}

.jz-modulePattern3 .textContent span {
    display: inline;
}

.jz-modulePattern3 .titleCenter {
    height: inherit;
}

.jz-modulePattern3 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern3 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern3 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern3 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.73315rem;
}

.jz-modulePattern3 .icon-titleText {
    display: block;
    background: #000;
    width: 0.21563rem;
    height: 0.21563rem;
    margin-right: 0.38814rem;
    top: 0.0rem;
}

.jz-modulePattern3 .icon-titleText {
    border-radius: 50%;
}

.jz-modulePattern3 .titleCenter {
    justify-content: flex-start;
    text-align: left;
}

.jz-modulePattern3 .textContent .textContentSubTitle {
    text-align: left;
}

.jz-modulePattern3 .titleText::before {
    display: none;
}

.jz-modulePattern3 .textContent {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
}

.jz-modulePattern3 .titleMore {
    display: none;
}

.jz-modulePattern3 .titleMoreIcon {
    display: block;
}

.jz-modulePattern3 .formBannerMore {
    position: absolute;
}

.jz-modulePattern3 .formBannerMore {
    right: 0.73315rem;
}

.jz-modulePattern3 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern3 .formBannerMore {
    top: unset;
}

.jz-modulePattern3 .titleMore {
    color: rgba(181, 181, 181, 1);
    font-size: 1.89757rem;
    margin-right: 0.0rem;
}

.jz-modulePattern3 .titleMoreIcon {
    color: rgba(181, 181, 181, 1);
}

.jz-modulePattern3 .titleMoreIcon:after {
    content: '\a1082';
}

.jz-modulePattern3 .titleMoreIcon:after {
    font-size: 1.89757rem;
}

.jz-modulePattern3 .titleMoreIcon:after {
    top: 0.0rem;
}

.jz-modulePattern3 .textContent .textContentSubTitle {
    display: none;
}

.jz-modulePattern3.form {
    border-radius: inherit;
}

.jz-modulePattern2.form {
    border: inherit;
}

.jz-modulePattern2.form {
    margin: 0.47439rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern2 .titleCenter {
    border-bottom: 0.04313rem rgba(243, 243, 243, 1) solid;
}

.jz-modulePattern2 .textContent {
    color: rgba(51, 51, 51, 1);
}

.jz-modulePattern2 .textContent {
    font-weight: bolder;
}

.jz-modulePattern2 .titleText {
    display: -webkit-flex;
    display: flex;
}

.jz-modulePattern2 .textContent {
    font-size: 0.6469rem;
}

.jz-modulePattern2 .textContent span {
    display: inline;
}

.jz-modulePattern2 .titleCenter {
    height: inherit;
}

.jz-modulePattern2 .formBannerTitle {
    background: #ffffff;
}

.jz-modulePattern2 .formMiddle {
    background: #ffffff;
}

.jz-modulePattern2 .formMiddleContent {
    margin: inherit;
}

.jz-modulePattern2 .titleText {
    margin: 0.0rem 0.0rem 0.0rem 0.0rem;
}

.jz-modulePattern2 .icon-titleText {
    display: none;
}

.jz-modulePattern2 .titleCenter {
    justify-content: center;
    text-align: center;
}

.jz-modulePattern2 .textContent .textContentSubTitle {
    text-align: center;
}

.jz-modulePattern2 .titleText::before {
    display: none;
}

.jz-modulePattern2 .textContent {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
}

.jz-modulePattern2 .titleMore {
    display: none;
}

.jz-modulePattern2 .titleMoreIcon {
    display: block;
}

.jz-modulePattern2 .formBannerMore {
    position: absolute;
}

.jz-modulePattern2 .formBannerMore {
    right: 0.73315rem;
}

.jz-modulePattern2 .formBannerMore {
    margin-top: 0.0rem;
}

.jz-modulePattern2 .formBannerMore {
    top: unset;
}

.jz-modulePattern2 .titleMore {
    color: rgba(181, 181, 181, 1);
    font-size: 0.56065rem;
    margin-right: 0.0rem;
}

.jz-modulePattern2 .titleMoreIcon {
    color: rgba(181, 181, 181, 1);
}

.jz-modulePattern2 .titleMoreIcon:after {
    content: '\a0215';
}

.jz-modulePattern2 .titleMoreIcon:after {
    font-size: 0.56065rem;
}

.jz-modulePattern2 .titleMoreIcon:after {
    top: 0.0rem;
}

.jz-modulePattern2 .textContent .textContentSubTitle {
    display: block;
    color: rgba(153, 153, 153, 1);
    content: '副标题';
    margin-left: 0.0rem;
    margin-top: 0.0rem;
    font-size: 0.51752rem;
}

.jz-modulePattern2.form {
    border-radius: inherit;
}

/* 2.33.4 */
@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes elasticLarge {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes elasticLarge {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipUpDown {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipUpDown {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInByTranslateLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveInByTranslateLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveInByTranslateRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveInByTranslateRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveInByTranslateUp {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveInByTranslateUp {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveInByTranslateDown {
    0% {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveInByTranslateDown {
    0% {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rotating {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .75, 1);
        transform: scale3d(1.15, .75, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .75, 1);
        transform: scale3d(1.15, .75, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes flyerShake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes flyerShake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes translationRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes translationRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes translationDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes translationDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes translationUp {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes translationUp {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes translationLeft {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes translationLeft {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes translationLeftRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    70% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes translationLeftRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    70% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@-webkit-keyframes translationUpDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    70% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@keyframes translationUpDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    70% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes moveOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@keyframes moveOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-webkit-keyframes moveOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@keyframes moveOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-webkit-keyframes moveOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@keyframes moveOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-webkit-keyframes moveOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@keyframes moveOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-webkit-keyframes eraseLeft {
    0% {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseLeft {
    0% {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes eraseRight {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseRight {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes eraseUp {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseUp {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes eraseDown {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseDown {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.c__imgEffects_contents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.6;
    padding: 12px 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .36s;
    transition: all .36s;
    width: 100%
}

.c__imgEffects_title {
    font-size: calc(var(--fontRatio, 1)*15px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c__imgEffects_desc {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #ccc;
    display: -webkit-box;
    max-height: none;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    font-size: calc(var(--fontRatio, 1)*12px)
}

.c__imgEffects_desc:not(:first-of-type) {
    margin-top: 8px
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent {
    opacity: 1;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    max-height: 100%;
    -webkit-box-pack: safe center;
    -ms-flex-pack: safe center;
    justify-content: safe center
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent .c__imgeffects_svg_wrap {
    opacity: 0;
    -webkit-transition: all .36s;
    transition: all .36s;
    width: 0;
    height: 0
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent .c__imgeffects_layersvg {
    width: 100%;
    height: 100%
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_0.c__imgeffects_layer_hasContent {
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_0.c__imgeffects_layer_hasContent.c__imgeffects_layer_halfMaskHasBorderStyle3and4 .c__imgEffects_contents {
    padding-bottom: 20px
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent {
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent.c__imgeffects_layer_halfMaskHasBorderStyle3and4 .c__imgEffects_contents {
    padding-bottom: 20px
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent .c__imgEffects_desc:not(:first-of-type) {
    margin-top: 12px
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 {
    height: 100%;
    opacity: 0
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc,
.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .36s;
    transition: all .36s
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 {
    opacity: 1
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc:not(:first-of-type) {
    margin-top: 12px
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc {
    opacity: 0;
    -webkit-transition: all .36s;
    transition: all .36s
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_2 {
    opacity: 0;
    height: 100%
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_2 .c__imgEffects_desc {
    color: #fff
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 {
    height: 100% !important;
    opacity: 1 !important
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgeffects_svg_wrap,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgeffects_svg_wrap {
    opacity: 1;
    width: 48px;
    height: 48px
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgEffects_contents,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgEffects_contents {
    top: 0
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_0,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_0 {
    bottom: 0 !important;
    opacity: 1
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_1,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_1 {
    bottom: 0 !important
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 {
    opacity: 1
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc,
.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 {
    height: 100% !important
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc,
.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_2,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_2 {
    opacity: 1
}

.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_2 .c__imgEffects_title,
.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_3 .c__imgEffects_title {
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: normal
}

.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_2 .c__imgEffects_desc,
.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_3 .c__imgEffects_desc {
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    display: block;
    max-height: none;
    white-space: normal;
    word-break: break-word
}

.c__imgeffects_layer .c__imgeffects_cart_svg_wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(51, 51, 51, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px
}

.c__imgeffects_layer .c__imgeffects_cart_svg_wrap svg {
    width: 20px;
    height: 20px;
    color: transparent;
    fill: #fff
}

@-webkit-keyframes elastic {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes elastic {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.c__imgeffects_wrap {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.c__image_wrap {
    min-width: 1px;
    min-height: 1px
}

.c__imgeffects_enlarge-m0 .c__image_wrap {
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.c__imgeffects_enlarge-m0.j__imgeffects-play .c__image_wrap,
.c__imgeffects_enlarge-m0:hover .c__image_wrap {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.c__imgeffects_enlarge-m1.j__imgeffects-play .c__image_wrap,
.c__imgeffects_enlarge-m1:hover .c__image_wrap {
    -webkit-animation: elastic .6s ease 0s 1 normal both running;
    animation: elastic .6s ease 0s 1 normal both running
}

.c__imgeffects_displacement-d0 .c__image_wrap,
.c__imgeffects_displacement-d1 .c__image_wrap,
.c__imgeffects_displacement-d2 .c__image_wrap,
.c__imgeffects_displacement-d3 .c__image_wrap {
    -webkit-transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: transform .36s ease, opacity .36s ease;
    transition: transform .36s ease, opacity .36s ease, -webkit-transform .36s ease;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c__imgeffects_displacement-d0.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d0:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateX(-4%);
    -ms-transform: scale(1.1) translateX(-4%);
    transform: scale(1.1) translateX(-4%)
}

.c__imgeffects_displacement-d1.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d1:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateX(4%);
    -ms-transform: scale(1.1) translateX(4%);
    transform: scale(1.1) translateX(4%)
}

.c__imgeffects_displacement-d2.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d2:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateY(-4%);
    -ms-transform: scale(1.1) translateY(-4%);
    transform: scale(1.1) translateY(-4%)
}

.c__imgeffects_displacement-d3.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d3:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateY(4%);
    -ms-transform: scale(1.1) translateY(4%);
    transform: scale(1.1) translateY(4%)
}

.c__imgeffects_assistborder {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #000;
    -webkit-transition: width .36s ease, height .36s ease;
    transition: width .36s ease, height .36s ease;
    z-index: 1
}

.c__imgeffects_assistborder-1,
.c__imgeffects_assistborder-3 {
    width: 0
}

.c__imgeffects_assistborder-2,
.c__imgeffects_assistborder-4 {
    height: 0
}

.c__imgeffects_border-m0 .c__imgeffects_assistborder-1,
.c__imgeffects_border-m0 .c__imgeffects_assistborder-4 {
    left: 0;
    top: 0
}

.c__imgeffects_border-m0 .c__imgeffects_assistborder-2,
.c__imgeffects_border-m0 .c__imgeffects_assistborder-3 {
    right: 0;
    bottom: 0
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-1 {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-2 {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-3 {
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-4 {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-3,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-3 {
    width: 100%
}

.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-4,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-4 {
    height: 100%
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-1 {
    left: 10px;
    top: 10px
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-2 {
    top: 10px;
    right: 10px
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-3 {
    right: 10px;
    bottom: 10px
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-4 {
    bottom: 10px;
    left: 10px
}

.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-3 {
    width: calc(100% - 20px)
}

.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-4 {
    height: calc(100% - 20px)
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    -webkit-transition: .36s ease;
    transition: .36s ease
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-1 {
    left: 0;
    top: 0;
    right: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-2 {
    top: 0;
    right: 0;
    bottom: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-3 {
    right: 0;
    bottom: 0;
    left: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-4 {
    bottom: 0;
    left: 0;
    top: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3 .c__imgeffects_assistborder-3 {
    width: 100%
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3 .c__imgeffects_assistborder-4 {
    height: 100%
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder {
    opacity: 1
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-1 {
    top: 10px;
    left: 10px;
    right: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-2 {
    right: 10px;
    top: 10px;
    bottom: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-3 {
    bottom: 10px;
    left: 10px;
    right: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-4 {
    left: 10px;
    top: 10px;
    bottom: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-3 {
    width: calc(100% - 20px)
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-4 {
    height: calc(100% - 20px)
}

.c__imgeffects_border-m4 .c__imgeffects_assistborder-m4 {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
    opacity: 0;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c__imgeffects_border-m4:hover .c__imgeffects_assistborder-m4 {
    opacity: 1
}

.c__imgeffects_shrink-m0 .c__image_wrap,
.c__imgeffects_shrink-m1 .c__image_wrap {
    -webkit-transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: transform .36s ease, opacity .36s ease;
    transition: transform .36s ease, opacity .36s ease, -webkit-transform .36s ease
}

.c__imgeffects_shrink-m0 .c__image_wrap {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c__imgeffects_shrink-m1 .c__image_wrap {
    opacity: 1;
    -webkit-transform: translate3d(-6%, 0, 0) scale(1.12);
    transform: translate3d(-6%, 0, 0) scale(1.12)
}

.c__imgeffects_shrink-m0.j__imgeffects-play .c__image_wrap,
.c__imgeffects_shrink-m0:hover .c__image_wrap {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.c__imgeffects_shrink-m1.j__imgeffects-play .c__image_wrap,
.c__imgeffects_shrink-m1:hover .c__image_wrap {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.c__imgeffects_shrink-bg.j__imgeffects-play .c__image_wrap,
.c__imgeffects_shrink-bg:hover .c__image_wrap {
    opacity: .5
}

.c__imgeffects_magnifier .c__imgeffects_layer {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_type_1.c__imgeffects_layer_1,
.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_type_1.c__imgeffects_layer_100 {
    height: 100%
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_100 {
    background: none;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_100 .c__imgeffects_layersvg {
    position: absolute;
    left: calc(50% - 32px);
    right: 0;
    top: calc(50% - 32px);
    bottom: 0;
    opacity: 1;
    width: 64px;
    height: 64px
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_0,
.c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_0 {
    opacity: 1;
    height: 100%
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_1,
.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_100,
.c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_1,
.c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_100 {
    opacity: 1
}

.c__imgeffects_layersvg {
    width: 48px;
    height: 48px
}

.c__imgeffects_wrap.c__imgeffects_switch .c__image_wrap {
    -webkit-transition: none;
    transition: none
}

.c__imgeffects_switch {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 0
}

.c__imgeffects_switch.j__imgeffects-play,
.c__imgeffects_switch:hover {
    background-size: cover
}

.c__imgeffects_switch.j__imgeffects-play .c__image_wrap,
.c__imgeffects_switch:hover .c__image_wrap {
    visibility: hidden
}

.c__imgeffects_svg_wrap {
    width: 48px;
    height: 48px
}

input[type=number][data-v-9ab65ec6] {
    -moz-appearance: textfield
}

input[type=number][data-v-9ab65ec6]::-webkit-inner-spin-button,
input[type=number][data-v-9ab65ec6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.auth-popup-bg[data-v-9ab65ec6] {
    background-color: rgba(0, 0, 0, .5);
    overflow-y: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9997
}

.mobile-auth-pc-popup[data-v-9ab65ec6] {
    width: 450px;
    min-height: 356px;
    padding: 60px 49px;
    border-radius: 5px;
    position: fixed;
    left: calc(50% - 225px);
    top: calc(50% - 178px);
    z-index: 9998;
    background-color: #fff
}

.mobile-auth-pc-popup[data-v-9ab65ec6],
.mobile-auth-pc-popup [data-v-9ab65ec6] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup-close-button[data-v-9ab65ec6] {
    font-size: calc(var(--fontRatio, 1)*14px);
    color: #939393;
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer
}

.popup-title[data-v-9ab65ec6] {
    color: #333;
    font-size: calc(var(--fontRatio, 1)*16px);
    margin-bottom: 20px;
    line-height: 32px
}

.popup-content[data-v-9ab65ec6] {
    margin-bottom: 20px
}

.mobile-number-input[data-v-9ab65ec6] {
    width: 350px;
    margin-bottom: 20px
}

.mobile-auth-code-input[data-v-9ab65ec6],
.mobile-number-input[data-v-9ab65ec6] {
    font-size: calc(var(--fontRatio, 1)*14px);
    height: 44px;
    line-height: 44px;
    border-radius: 2px;
    text-indent: 10px;
    border: 1px solid #e3e2e8;
    outline: none
}

.mobile-auth-code-input[data-v-9ab65ec6] {
    width: 220px;
    vertical-align: top
}

.mobile-get-auth-code[data-v-9ab65ec6] {
    width: 118px;
    height: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--theme-color);
    outline: 0;
    background: none;
    font-size: calc(var(--fontRatio, 1)*14px);
    margin-left: 7px;
    cursor: pointer;
    color: var(--theme-color);
    padding: 0
}

.popup-submit-button[data-v-9ab65ec6] {
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    border-radius: 2px;
    background-color: var(--theme-color);
    color: #fff;
    cursor: pointer;
    font-size: calc(var(--fontRatio, 1)*14px);
    letter-spacing: 2px
}

.icon-close[data-v-9ab65ec6] {
    width: 19px;
    height: 19px;
    fill: #939393
}

.zh-CN .popup-submit-button[data-v-9ab65ec6],
.zh-TW .popup-submit-button[data-v-9ab65ec6] {
    letter-spacing: 10px
}

.ug .mobile-get-auth-code[data-v-9ab65ec6],
.ug .popup-submit-button[data-v-9ab65ec6],
.ug .popup-title[data-v-9ab65ec6] {
    direction: rtl
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

input[type=number][data-v-01a840e9] {
    -moz-appearance: textfield
}

input[type=number][data-v-01a840e9]::-webkit-inner-spin-button,
input[type=number][data-v-01a840e9]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.auth-popup-wrapper[data-v-01a840e9] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9998
}

.auth-popup-wrapper[data-v-01a840e9],
.auth-popup-wrapper [data-v-01a840e9] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mobile-auth-popup-header[data-v-01a840e9] {
    height: 50px;
    line-height: 50px;
    font-size: calc(var(--fontRatio, 1)*19px);
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #f2f2f2
}

.popup-content[data-v-01a840e9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 31px;
    height: calc(100% - 50px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: calc(var(--fontRatio, 1)*16px)
}

.content-text[data-v-01a840e9] {
    margin-bottom: 25px;
    font-size: calc(var(--fontRatio, 1)*18px);
    line-height: 32px
}

.content-auth-code[data-v-01a840e9],
.content-mobile[data-v-01a840e9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #f1f1f1
}

.mobile-number-input[data-v-01a840e9] {
    border: 0;
    font-size: calc(var(--fontRatio, 1)*16px);
    margin-left: 20px;
    margin-top: 4px;
    outline: none
}

.content-submit-button[data-v-01a840e9] {
    margin-top: 30px;
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    letter-spacing: 2px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background-color: var(--theme-color);
    font-size: calc(var(--fontRatio, 1)*17px)
}

.mobile-auth-code-input[data-v-01a840e9] {
    border: 0;
    font-size: calc(var(--fontRatio, 1)*16px);
    margin-left: 20px;
    margin-top: 4px;
    width: 46%;
    outline: none
}

.mobile-get-auth-code[data-v-01a840e9] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--theme-color);
    background: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100px;
    min-height: 36px;
    color: var(--theme-color);
    margin-left: auto;
    padding: 0
}

.icon-prev[data-v-01a840e9] {
    width: 24px;
    height: 34px;
    margin-top: 8px;
    float: left;
    left: 15px;
    position: relative;
    cursor: pointer
}

.zh-CN .content-submit-button[data-v-01a840e9],
.zh-TW .content-submit-button[data-v-01a840e9] {
    letter-spacing: 10px
}

.ug .content-label[data-v-01a840e9],
.ug .content-submit-button[data-v-01a840e9],
.ug .content-text[data-v-01a840e9],
.ug .mobile-get-auth-code[data-v-01a840e9] {
    direction: rtl
}

.jz-modal-mask[data-v-b4918e54] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .55)
}

.jz-modal[data-v-b4918e54] {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 12px;
    font-family: inherit;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.jz-modal[data-v-b4918e54],
.jz-modal [data-v-b4918e54] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jz-modal-body[data-v-b4918e54] {
    text-align: center
}

.jz-modal-title[data-v-b4918e54] {
    font-size: calc(var(--fontRatio, 1)*18px);
    font-weight: 700;
    color: #333
}

.jz-modal-main[data-v-b4918e54] {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.jz-modal-content[data-v-b4918e54] {
    font-size: calc(var(--fontRatio, 1)*16px);
    line-height: 22px;
    text-align: left;
    color: #666
}

.jz-modal .jz-modal-title+.jz-modal-content[data-v-b4918e54] {
    margin-top: 18px
}

.jz-modal-footer[data-v-b4918e54] {
    min-height: 50px;
    padding: 10px 0;
    text-align: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    border-top: 1px solid #e8e8e8
}

.jz-modal-footer[data-v-b4918e54],
.jz-modal-mobile-button[data-v-b4918e54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.jz-modal-mobile-button[data-v-b4918e54] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #e8e8e8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    letter-spacing: 1px;
    font-size: calc(var(--fontRatio, 1)*16px);
    font-weight: 700;
    cursor: pointer
}

.jz-modal-mobile-button[data-v-b4918e54]:last-child {
    border-right: 0
}

.jz-modal-confirm-button[data-v-b4918e54],
.jz-modal-mobile-button[data-v-b4918e54]:hover {
    color: #5874d8;
    color: var(--theme-color, #5874d8)
}

.jz-modal-flex-mode[data-v-b4918e54] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jz-modal-flex-mode .jz-modal[data-v-b4918e54] {
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: none;
    position: relative;
    top: auto;
    left: auto
}

.overflow-y-hidden {
    overflow-y: hidden;
    padding-right: 17px
}

.jz-modal-mask[data-v-5b9d8afe] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .55)
}

.jz-modal[data-v-5b9d8afe] {
    position: fixed;
    min-width: 300px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    font-family: inherit;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.jz-modal[data-v-5b9d8afe],
.jz-modal [data-v-5b9d8afe] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jz-modal-body[data-v-5b9d8afe] {
    padding: 30px;
    text-align: center
}

.jz-modal-header[data-v-5b9d8afe] {
    padding: 24px 20px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #e3e2e8;
    border-radius: 5px 5px 0 0
}

.jz-modal-title[data-v-5b9d8afe] {
    font-size: calc(var(--fontRatio, 1)*16px);
    font-size: var(--title-font-size, 16px);
    color: #333
}

.jz-modal-content[data-v-5b9d8afe] {
    font-size: calc(var(--fontRatio, 1)*14px);
    line-height: 22px;
    text-align: left;
    color: #000;
    color: var(--content-font-color, #000)
}

.jz-modal-footer[data-v-5b9d8afe] {
    margin-top: 36px;
    text-align: center
}

.jz-modal-button[data-v-5b9d8afe] {
    min-width: 90px;
    padding: 0 12px;
    min-height: 34px;
    line-height: 30px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e3e2e8;
    outline: 0;
    font-size: calc(var(--fontRatio, 1)*14px);
    letter-spacing: 2px;
    margin-right: 36px;
    cursor: pointer
}

.jz-modal-button[data-v-5b9d8afe]:last-child {
    margin-right: 0
}

.jz-modal-button[data-v-5b9d8afe]:hover,
.jz-modal-confirm-button[data-v-5b9d8afe] {
    background: #5874d8;
    background: var(--theme-color, #5874d8);
    border-color: #5874d8;
    border-color: var(--theme-color, #5874d8);
    color: #fff;
    color: var(--button-active-color, #fff)
}

.jz-modal-close[data-v-5b9d8afe] {
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer
}

.jz-modal-close-button[data-v-5b9d8afe] {
    width: 14px;
    height: 14px
}

.jz-modal-close[data-v-5b9d8afe]:hover {
    color: #5874d8;
    color: var(--theme-color, #5874d8)
}

.jz-modal-type-confirm .jz-modal-body[data-v-5b9d8afe],
.jz-modal-type-warning .jz-modal-body[data-v-5b9d8afe] {
    padding: 40px 50px
}

.jz-modal-type-confirm .jz-modal-content[data-v-5b9d8afe],
.jz-modal-type-warning .jz-modal-content[data-v-5b9d8afe] {
    margin-top: 14px;
    text-align: center
}

.jz-modal .warning-icon-wrapper[data-v-5b9d8afe] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 36px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 4px solid #f8bb86
}

.jz-modal .warning-icon-part1[data-v-5b9d8afe] {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #ff6701
}

.jz-modal .warning-icon-part2[data-v-5b9d8afe] {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #ff6701
}

.jz-modal-flex-mode[data-v-5b9d8afe] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jz-modal-flex-mode .jz-modal[data-v-5b9d8afe] {
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: none;
    position: relative;
    top: auto;
    left: auto
}

@charset "utf-8";

body {
    background: #c2c2c2
}

a {
    color: #4d4d4d
}

select {
    color: #4d4d4d;
    line-height: 1.2rem
}

.webContainerBox {
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.webTips {
    z-index: 9
}

.webTop {
    z-index: 9;
    position: fixed;
    height: 0
}

.webBackgroundBox {
    margin: auto
}

.webBackground {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
    max-width: 768px;
    background: #f7f7f7;
    background-size: cover
}

.webHeaderBox {
    position: fixed;
    top: 0;
    height: 2.5rem;
    z-index: 9
}

.webHeaderBg {
    background: #06c1ae;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
}

.header {
    padding: 0 0 0 2.5rem
}

.header img {
    height: 2.4rem;
    right: 0
}

.header .pageLogo {
    display: inline-block;
    width: 3rem;
    height: 2.5rem
}

.header .pageLogo.left {
    float: left
}

.header .pageLogo.center {
    float: none
}

.webHeaderBg .pageTitle {
    height: 2.25rem;
    line-height: 2.25rem;
    vertical-align: top;
    font-size: .8rem
}

.navbar {
    background: rgba(255, 255, 255, 1);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.navbar .navbarList {
    position: relative;
    margin-top: 3rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    margin-bottom: 1.5rem
}

.navbar .navItem {
    background: 0 0;
    margin: 0 2rem;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navbar .navItem:last-child {
    margin-bottom: .25rem
}

.navbar .navItem a {
    height: 2rem;
    color: #666;
    line-height: 1.9rem;
    text-align: center;
    display: block;
    font-size: .6rem;
    white-space: nowrap;
    color: #666;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    visibility: hidden
}

.navbar .navItem:active {
    background: #bf0321
}

.navbar .itemSep {
    display: block;
    height: .2rem
}

.navBaseIcon .navItemIcon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    margin-left: 0
}

.navBaseIcon .navItem a {
    line-height: 1.9rem;
    text-align: left
}

.navButton {
    position: absolute;
    height: 2.5rem;
    width: 2.5rem;
    z-index: 99;
    float: left
}

.navButton .menuNav {
    margin: .1rem 0 0 0;
    margin: .1rem 0 0 0
}

.navButton .menuNav .menuNavTip {
    width: 2rem;
    height: 2rem;
    float: left;
    margin: .15rem 0 .25rem .25rem
}

.navbar.open {
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.g_panel {
    background: #ebc4ca
}

.g_replyPanel {
    background: #999;
    border-radius: .1rem .1rem .1rem .1rem
}

.g_panelArrow {
    color: #999
}

.g_separator {
    border-bottom: none
}

.separatorLine {
    border-style: none;
    height: 0
}

.g_button {
    background: #06c1ae;
    font-size: .7rem
}

.g_selectTag {
    color: #666
}

.form {
    padding: .25rem .25rem;
    margin-top: 0;
    border-radius: .05rem
}

.form .titleCenter {
    height: 2rem;
    line-height: 2rem;
    background: rgba(255, 255, 255, .8);
    border-radius: .05rem .05rem 0 0;
    position: relative;
    padding: 0
}

.form .formBannerMore .titleMore {
    display: none
}

.form .formBannerMore .titleMoreIcon {
    display: block;
    padding: 0 .5rem;
    width: 1.2rem;
    height: 1.6rem;
    background-size: 1rem;
    border-left: none
}

.form .formBannerTitle .titleText {
    color: #333;
    background-position: .25rem 50%
}

.form .formMiddle {
    overflow: hidden;
    background: rgba(255, 255, 255, .8);
    padding-bottom: 0
}

.form .formMiddle .styleForm1 {
    padding-bottom: .5rem
}

.form .moduleContent {
    color: #333
}

.form .formBannerTitle {
    border-radius: .2rem .2rem 0 0;
    font-size: .7rem
}

.multilingualArea {
    background: #f7f7f7
}

.multilingualArea .multiLanguageCtrl {
    color: #333
}

.multilingualArea .g_mullink {
    color: #333;
    font-size: .6rem
}

.lanSelect .lanItem:hover {
    background-color: rgba(190, 3, 33, .5)
}

.checkEmail {
    color: #333
}

.mbTitle {
    color: #333
}

.admReqContent {
    color: #fff
}

.admReq {
    color: #fff
}

.msgBoard .msgTop {
    background: 0 0;
    margin: .5rem;
    padding-bottom: .5rem;
    margin-left: .2rem;
    margin-top: 0
}

.msgArea .msgTime {
    color: #333
}

.msgArea .msgContent {
    color: #333
}

.newsList .line:before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: 1rem;
    left: .5rem;
    background: #4d4d4d;
    background-size: 100%
}

.newsList .firstClass:before {
    content: "";
    left: .5rem;
    position: absolute;
    width: .2rem;
    height: .2rem;
    background: #4d4d4d;
    background-size: 100%
}

.newsList .line:nth-last-child(2):before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: 1rem;
    left: .5rem;
    background: #4d4d4d;
    background-size: 100%
}

.newsList .line:after {
    position: absolute
}

.newsDetail .title {
    border: none;
    color: #fff;
    background: 0 0;
    padding: .25rem .1rem
}

.newsDetail .title .titleText {
    color: #4d4d4d;
    background: 0 0;
    width: auto
}

.form .mProductList a {
    color: #333
}

.form .formMiddle .mProductTileForm {
    padding: 0;
    padding-bottom: .5rem;
    background: 0 0
}

.form .formMiddle .mProductTileForm .style1Img {
    border-radius: .2rem
}

.form .proImgSwipe .proDetailImgBox {
    background: #fff
}

.proDetailDiv .mallOptionLine .optionsBlock {
    color: #333
}

.orderSettle {
    color: #333
}

.orderDetail .orderDetail_line {
    color: #333
}

.orderDetail .orderDetail_line .line_title {
    color: #333;
    font-size: .65rem
}

.mallButton {
    color: #06c1ae;
    background: #fff;
    border: .05rem solid #06c1ae
}

.integralList {
    color: #333
}

.photoModule.styleForm1 {
    background: 0 0
}

.photoModule.styleForm1 .photoDiv .imgName {
    color: #4d4d4d;
    font-size: .7rem
}

.photoModule.styleForm7 {
    margin: .3rem 0;
    border-radius: .2rem
}

.photoModule.styleForm6 {
    margin-top: .3rem;
    margin-bottom: .3rem
}

.sortPanelList .line {
    padding-left: 1.2rem
}

.sortPanelList .line:before {
    content: "";
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: 50%;
    top: -o-calc(50% - .1rem);
    top: -ms-calc(50% - .1rem);
    top: calc(50% - .1rem);
    left: .5rem;
    background: #4d4d4d;
    background-size: 100%
}

.pagenation {
    width: 100%
}

.pagenation a {
    color: #fff;
    display: block
}

.pagenation .pageSelect {
    height: 1.15rem;
    line-height: 1rem;
    font-size: .7rem;
    min-width: .5rem;
    border: none;
    background: 0 0;
    border-radius: 1rem;
    position: relative
}

.pagenation .pageSelect:before {
    height: .2rem;
    content: "";
    width: .2rem;
    background: #000;
    border-radius: 100%;
    position: absolute;
    top: .8rem;
    left: .5rem
}

.pagenation .pagePrev {
    width: 3.5rem;
    border: 1px solid #06c1ae;
    border-radius: .1rem;
    overflow: visible;
    background-size: 100%
}

.pagenation .pageNext {
    width: 3.5rem;
    line-height: 1.05rem;
    border: 1px solid #06c1ae;
    border-radius: .1rem;
    overflow: visible;
    background-size: 100%
}

.pagenation .pagePrev span {
    display: none
}

.pagenation .pageNext span {
    display: none
}

.pagenation .pagePrev:active {
    background: #06c1ae
}

.pagenation .pageNext:active {
    background: #06c1ae
}

.pagenation .pageDisable span {
    color: #999
}

.pagenation .pageOptions {
    color: #000
}

.webFooterBox {
    position: relative
}

.footer {
    background: #fff;
    padding: 0 0 .1rem 0
}

.webMapServiceBox {
    background: #ed5a00;
    border-bottom: 1px rgba(0, 0, 0, .1) solid
}

.webCustomerServiceBox .customerServiceDiv {
    padding-top: .15rem;
    position: fixed;
    bottom: 0;
    height: 2.2rem;
    z-index: 1;
    background: #06c1ae
}

.webFooterBox .bottomdiv .bottom {
    background: #06c1ae;
    height: 1.4rem
}

.technical a {
    color: #999
}

.technicalSupport {
    color: #999
}

.webFooterBox .bottomdiv .bottom .backtop {
    line-height: 1.4rem;
    color: #fff;
    font-size: .6rem;
    font-weight: lighter
}

.webFooterBox .bottomdiv .bottom .backtop b {
    border-bottom-color: #fff
}

.siteFormMsg .loginClass {
    color: #000
}

.richContent {
    color: #4d4d4d;
    font-size: .6rem
}

.richContent a {
    color: #fff
}

.fileDownloadPanel .fileSize {
    color: #585858
}

.fileDownloadPanel .download {
    background: url(/image/fileDownload/download_icon2.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconAvi {
    background: url(/image/fileDownload/Format_icon_01.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconWmv {
    background: url(/image/fileDownload/Format_icon_02.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .icon3gp {
    background: url(/image/fileDownload/Format_icon_03.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconMkv {
    background: url(/image/fileDownload/Format_icon_04.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconFlv {
    background: url(/image/fileDownload/Format_icon_05.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconMp4 {
    background: url(/image/fileDownload/Format_icon_06.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconRmvb {
    background: url(/image/fileDownload/Format_icon_07.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconSwf {
    background: url(/image/fileDownload/Format_icon_08.png?v=201610211723) no-repeat;
    background-size: 35px 35px;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconMp3 {
    background: url(/image/fileDownload/Format_icon_09.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconWav {
    background: url(/image/fileDownload/Format_icon_10.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconWma {
    background: url(/image/fileDownload/Format_icon_11.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconOgg {
    background: url(/image/fileDownload/Format_icon_12.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconApe {
    background: url(/image/fileDownload/Format_icon_13.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconAcc {
    background: url(/image/fileDownload/Format_icon_14.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconGif {
    background: url(/image/fileDownload/Format_icon_15.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconJpg {
    background: url(/image/fileDownload/Format_icon_16.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconPng {
    background: url(/image/fileDownload/Format_icon_17.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconBmp {
    background: url(/image/fileDownload/Format_icon_18.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconWps {
    background: url(/image/fileDownload/Format_icon_19.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconEpub {
    background: url(/image/fileDownload/Format_icon_20.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconTxt {
    background: url(/image/fileDownload/Format_icon_21.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconPpt {
    background: url(/image/fileDownload/Format_icon_22.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconPdf {
    background: url(/image/fileDownload/Format_icon_23.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconXls {
    background: url(/image/fileDownload/Format_icon_24.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconDoc {
    background: url(/image/fileDownload/Format_icon_25.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconHtml {
    background: url(/image/fileDownload/Format_icon_26.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconCss {
    background: url(/image/fileDownload/Format_icon_27.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconJs {
    background: url(/image/fileDownload/Format_icon_28.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconRar {
    background: url(/image/fileDownload/Format_icon_29.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconZip {
    background: url(/image/fileDownload/Format_icon_30.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconAkp {
    background: url(/image/fileDownload/Format_icon_31.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.fileDownloadPanel .iconDefault {
    background: url(/image/fileDownload/Format_icon_32.png?v=201610211723) no-repeat;
    background-size: 1.75rem 1.75rem
}

.line {
    padding-left: 1.15rem
}

.mobiCol3 .webBackground {
    height: 100%;
    top: 0;
    z-index: -1;
    width: 100%;
    max-width: 768px;
    background: url(/image/template/1020/bg.jpg?v=201610211723) no-repeat;
    background-size: cover
}

.faisco-icons-call1:before {
    content: "\e62d"
}
   
.faisco-icons-mail1:before {
    content: "\e6a1" 
}

.faisco-icons-gps1:before {
    content: "\e67d"
}

.faisco-icons-message1:before {
    content: "\e6b3"
}

.faisco-icons-qq1:before {
    content: "\e6cb"
}

.navButton .menuNav .icon-menuNavTip:before {
    font-size: 2rem!important
}

.productCrossedSlide:nth-child(2n+1) {
    margin-left: .35rem
}

.productCrossedSlide:nth-child(2n) {
    margin-right: .35rem
}

.productWaterFall:nth-child(2n+1) {
    margin-left: .35rem
}

.productWaterFall:nth-child(2n) {
    right: .35rem
}

.paramPadding {
    background: rgba(255, 255, 255, .7)
}

.webContainerBox .bullets li.on {
    background: #06c1ae
}

.navbar.open .navItem {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pagenation .icon-pagePrev:before {
    color: #06c1ae
}

.pagenation .icon-pageNext:before {
    color: #06c1ae
}

.pagenation .icon-pagePrev.pageDisable:active:before {
    color: #06c1ae
}

.pagenation .icon-pageNext.pageDisable:active:before {
    color: #06c1ae
}

#g_web .g_mainColor {
    color: #06c1ae
}

.productNewDetailPanel .userComment {
    color: #06c1ae
}

.productNewDetailPanel .icon-pageNext {
    border-color: #06c1ae
}

.productNewDetailPanel .icon-pageNext:before {
    color: #06c1ae
}

.productNewDetailPanel .icon-pagePrev {
    border-color: #06c1ae
}

.productNewDetailPanel .icon-pagePrev:before {
    color: #06c1ae
}

.productNewDetailPanel .g_button {
    background-color: #06c1ae
}

.productNewDetailPanel .optionSelected {
    background-color: #06c1ae
}

.productNewDetailPanel .bullets li.on {
    background-color: #06c1ae
}

.productNewDetailPanel .productAddMall {
    color: #fff
}

.productNewDetailPanel .productImmediatelyBug {
    background-color: #06c1ae;
    border-color: #06c1ae;
    margin: 0
}

.productNewDetailPanel .tabUl .tabActive {
    color: #06c1ae;
    border-color: #06c1ae
}

.productNewDetailPanel .mallPrice {
    color: #06c1ae
}

.navbar.open .navItem a {
    visibility: visible
}

.webPagePanel .mallPrice {
    color: #06c1ae
}

.webPagePanel .tabUl .tabActive {
    color: #06c1ae;
    border-color: #06c1ae
}

.webPagePanel .optionSelected {
    background-color: #06c1ae
}

.webPagePanel .bullets li.on {
    background-color: #06c1ae
}

.msgArea .msgLevalUser {
    color: #06c1ae
}

.searchType0 .icon-mSearchBtn {
    color: #06c1ae
}

.searchType1 .icon-mSearchBtn {
    background-color: #06c1ae
}

.searchType2 .icon-mSearchBtn {
    background-color: #06c1ae;
    border-color: #06c1ae
}

.searchType3 .icon-mSearchBtn {
    color: #06c1ae
}

.searchType4 .icon-mSearchBtn {
    background-color: #06c1ae
}

.form .formMiddle .search.searchType5 {
    background-color: #06c1ae
}

#g_web .g_bgColor {
    background-color: #06c1ae
}

.productNewDetailPanel .detailHeaderColor {
    background-color: #06c1ae
}

.newsNewDetailPanel .detailHeaderColor {
    background-color: #06c1ae
}

.g_bdColor {
    border-color: #06c1ae
}

.g_color {
    color: #06c1ae
}

.icon-gline:after {
    content: "\e672";
    font-size: .8rem;
    color: #333;
    position: absolute;
    top: .6rem;
    right: .4rem
}

.navBaseIcon .icon-navItemIcon:before {
    font-size: 1rem;
    color: #999
}

.faisco-icons-contact1:before {
    color: #06c1ae
}

.faisco-icons-edit1:before {
    color: #06c1ae
}

.faisco-icons-cart1:before {
    color: #06c1ae
}

.form .formBannerMore .icon-titleMore:before {
    content: "\e924";
    font-size: 1.4rem;
    color: #333
}

.productNewDetail .productParamterNameList {
    font-size: .6rem
}

.productNewDetailPanel .tabLi {
    font-size: .6rem
}

.productNewDetailPanel .uiCusStyle {
    font-size: .65rem
}

.serBaseIcon .serItemIcon {
    height: 1.2rem;
    line-height: 1.2rem
}

.navItem.itemSelected .navItemName {
    color: #06c1ae
}

.navBaseIcon .navItem a:active .navItemIcon:before {
    color: #06c1ae
}

.navBaseIcon .itemSelected .navItemIcon:before {
    color: #06c1ae
}

.g_mallButton {
    width: 50%;
    padding: .55rem 0;
    margin-top: 0;
    border-width: 0
}

.productAddMall.g_mallButton {
    margin: 0;
    background: rgba(6, 193, 174, .7)
}

.productMallShop {
    min-height: 2rem;
    font-size: .7rem
}

.productMallOptionPanel .productMallOptionContent {
    bottom: 2rem
}

.productMallBuyPanel .productMallBuy {
    margin: 0
}

.productMallBuyPanel {
    padding: 0;
    height: 2rem;
    border-top: 0
}

.mallCart .bottom .g_button {
    width: 5rem;
    margin: 0;
    font-size: .7rem
}

.mallCart .selectAllBtnWrap {
    padding: .5rem 0 0 0
}

.mallCart .payCount_line {
    padding: .2rem 0 0 0
}

.mallCart .bottom {
    border-top: 1px solid #e0e0e0
}

.orderSettle .order_bottom .g_button {
    width: 5rem;
    margin: 0;
    font-size: .7rem;
    float: right
}

.orderSettle .order_bottom .mall_allPrice {
    min-width: 7.6rem;
    font-size: .65rem;
    margin: .5rem .5rem 0 .5rem
}

.orderSettle .orderSettle_line .mall_price {
    font-size: .6rem
}

.orderSettle .orderSettle_line .count_line {
    font-size: .6rem
}

.orderSettle .order_bottom {
    border-top: 0
}

.orderDetail .orderDetailTop .orderDetailButton {
    width: 4.5rem;
    height: 1.5rem;
    font-size: .6rem;
    line-height: 1.4rem
}

.orderDetail .orderDetailTop .bottom {
    margin-left: 2.8rem;
    margin-right: 2.8rem
}

.orderDetail .orderAddrDetailLine .line_item {
    line-height: 1.2rem
}

.orderButton {
    width: 3.6rem;
    padding: 0;
    font-size: .6rem;
    text-align: center;
    line-height: 1.2rem;
    height: 1.2rem
}

.memberBasicInfoArea {
    background: #06c1ae
}

.memberBasicInfo {
    height: auto;
    border-top: none
}

.memberBasicInfo .icon-pnameIcon {
    position: relative;
    margin-left: 50%;
    -webkit-transform: translateX(-4.6rem);
    transform: translateX(-4.6rem)
}

.memberBasicInfo .memberName {
    float: none;
    margin: 0;
    padding-top: .2rem;
    font-size: .6rem;
    display: block;
    text-align: center;
    color: #fff;
    width: 10.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.memberBasicInfo .memberLevelName {
    float: none;
    width: 10.5rem;
    margin: 0;
    padding-top: .2rem;
    font-size: .6rem;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.modifyArea {
    font-size: .6rem
}

#profile .profileContent .onLogout {
    font-size: .6rem
}

.g_locale2052 .orderStatus {
    font-size: .6rem
}

.g_locale2052 .orderNumber {
    font-size: .6rem
}

.icon-gClose:before {
    font-size: 1.2rem
}

.homeIcon {
    font-size: 1.2rem
}

#modifyPsw .profileContent {
    padding: .5rem 0 0 0
}

#modifyIntegral .integrationLine {
    border: none;
    margin-top: 0;
    border-bottom: solid #f0f0f0 1px
}

#modifyIntegral .incomeLine {
    border: none;
    margin-top: 0
}

#modifyIntegral {
    background: #f7f7f7
}

#modifyCollection .profileContent li .cancelCollection {
    width: 3.5rem;
    height: 1.2rem;
    padding: 0;
    border: 1px solid #dadada;
    font-size: .6rem;
    line-height: 1.2rem
}

#addrInfoList .addrInfo {
    margin-top: .5rem;
    margin-bottom: .5rem;
    height: 7rem
}

#addrInfoList .orderAddAddrInfo {
    height: 2rem;
    padding: 0;
    line-height: 2rem;
    margin: .5rem .5rem;
    width: 15rem;
    border: none
}

#modifyPsw .g_input {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14.4rem
}

#modifyPsw .g_globalLine {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff
}

#modifyPsw {
    background: #f7f7f7
}

#modifyPsw .g_globalLine:nth-last-child(2) .g_input {
    border-top: none;
    border-bottom: none
}

.mallPrice {
    color: #06c1ae
}

.productDetailInfoPanel {
    font-size: .6rem
}

.orderDetail .orderDetail_line .itgName {
    font-size: .65rem
}

#profile .profileContent .icon-orderIcon:before {
    content: "\b0066";
    color: #666
}

#profile .profileContent .icon-cLogoutIcon:before {
    content: "\b0033";
    color: #666
}

#profile .profileContent .icon-starIcon:before {
    content: "\b0051";
    color: #666
}

#profile .profileContent .icon-coupons:before {
    content: "\b0210";
    color: #666
}

#profile .profileContent .icon-pInfoIcon:before {
    content: "\b0027";
    color: #666
}

#profile .profileContent .icon-cPswIcon:before {
    content: "\b0029";
    color: #666
}

#profile .profileContent .icon-noticeIcon:before {
    content: "\b0021";
    color: #666
}

#profile .profileContent .icon-integralIcon:before {
    content: "\b0208";
    color: #666
}

#modifyIntegral .profileContent {
    padding: 0 .5rem;
    margin: .5rem 0 0 0;
    background: #fff
}

#profile .profileContent .icon-addrInfoIcon:before {
    content: "\b0025";
    color: #666
}

.productMallBuyPanel .g_mallButton {
    margin: 0
}

.useItgPanel .useItgOpera .notUseBtn {
    margin: .5rem 1.2rem .5rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .05rem solid
}

.useItgPanel .useItgOpera .g_button,
.useItgPanel .useItgOpera .notUseBtn {
    width: 6.5rem;
    height: 2rem;
    border-radius: .1rem
}

.useItgPanel .useTips {
    padding: .2rem 0
}

.fk-coupon-opera .g_button,
.fk-coupon-opera .notUseBtn {
    width: 6.5rem;
    height: 2rem;
    font-size: .7rem
}

.fk-coupon-opera .notUseBtn {
    margin: .5rem 1.2rem .5rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .05rem solid
}

#editAddrInfo .orderSaveAddrInfo {
    height: 2rem;
    padding: 0;
    line-height: 2rem
}

.orderDetail .orderDetailArea .line .item_name {
    font-size: .6rem
}

.orderDetail .orderDetailArea .line .item_val {
    color: #666
}

#g_web .orderDetail .buyButton {
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 .6rem
}

.buyButton {
    font-size: .6rem
}

#modifyCoupon .tabList .coupon-tab {
    height: 2rem;
    line-height: 2rem;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#modifyCoupon .tabList .coupon-tab>span {
    border-right: none
}

#modifyCoupon .tabList .fk-coupon-tab-active {
    padding: 0
}

#modifyCoupon .tabList .fk-coupon-tab-active>span {
    display: block;
    height: 2rem;
    background: #fff;
    color: #666;
    line-height: 2rem
}

#modifyCoupon .fk-coupon-tab-active>em {
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    left: 0;
    bottom: -.02rem;
    margin: 0;
    border-width: .1rem
}

.fk-coupon-panel .coupon-warp:nth-of-type(2) {
    border-top: solid .5rem #f7f7f7
}

#modifyPsw .profileSubmit {
    display: block;
    width: 15rem;
    margin: .5rem
}

#modifyPersInfo #mobile {
    margin: 0;
    border-left: none;
    border-bottom: none
}

#modifyPersInfo .profileContent {
    background: #fff
}

#modifyPersInfo .g_globalLine {
    margin: 0;
    border-bottom: solid #f0f0f0 1px
}

#modifyPersInfo .g_input {
    background: #fff;
    margin: 0;
    border: none
}

#modifyPersInfo .profileContent .sendIcon {
    margin: .5rem 0;
    height: 2rem;
    width: 100%;
    border-radius: .2rem
}

.serBaseIcon .icon-serItemIcon:before {
    font-size: 1.3rem
}

#g_web .productMallShop .productImmediatelyBug {
    width: 50%;
    padding: .55rem 0;
    margin: 0;
    border: 0;
    font-size: .7rem
}

.productMallShop .productAddMall.g_mallButton2 {
    width: 50%;
    padding: .55rem 0;
    margin: 0;
    border: 0;
    background: rgba(6, 193, 174, .7);
    color: #fff;
    font-size: .7rem
}

.g_bookingButton {
    width: 100%;
    padding: .55rem 0;
    margin-top: 0;
    border-width: 0
}

.productAddMall.g_bookingButton {
    margin: 0;
    background: rgba(6, 193, 174, .7)
}

#profile .profileContent .icon-fenxiao:before {
    content: "\b0176";
    color: #333
}

.propInfoCell {
    font-size: .6rem
}

#g_web .productMallShop .isNewTheme.g_bookingButton {
    background: rgba(6, 193, 174, .7)
}

#profile .profileContent .icon-cutPrice:before {
    content: "\b0244";
    color: #333
}

#profile .profileContent .icon-groupBuy:before {
    content: "\b0364";
    color: #333
}

#profile .profileContent .icon-groupBuySpecial:before {
    content: "\b0365";
    color: #333
}

#profile .profileContent .icon-groupBuySpecial1:before {
    content: "\b0366";
    color: #333
}

.jz_subMenu_bar .navbarList div.navItem.itemSelected:after {
    color: #06c1ae
}

#profile .profileContent .icon-promoter:before {
    content: "\b0263";
    color: #333
}


.ep-calendar {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 6.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    z-index: 999;
    padding: 0 .625rem
}

.ep-calendar-header {
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.75rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(250, 250, 250, 1)
}

.ep-calendar-bg-holder {
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.35rem;
    background: rgba(242, 242, 242, 1);
    top: 1.75rem
}

.ep-calendar-header-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ep-calendar-btn-next,
.ep-calendar-btn-prev {
    width: 1rem;
    height: 1.75rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ep-calendar-header-btn .icon_arrow,
.ep-calendar-header-btn .icon_arrow1 {
    width: .5rem;
    height: .6rem;
    fill: rgba(102, 102, 102, 1)
}

.ep-calendar-header-btn.btn-disabled .icon_arrow,
.ep-calendar-header-btn.btn-disabled .icon_arrow1 {
    fill: rgba(204, 204, 204, 1)
}

.ep-calendar-body {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    position: relative;
    top: 1.75rem
}

.ep-calendar-daysheader {
    background: rgba(242, 242, 242, 1);
    height: 1.35rem;
    font-size: .55rem;
    color: rgba(63, 63, 63, 1)
}

.ep-calendar-title {
    font-size: .65rem;
    color: rgba(63, 63, 63, 1)
}

.ep-calendar-date,
.ep-calendar-day {
    font-weight: 400;
    text-align: center
}

.ep-calendar-date-inner {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .45rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 2.4rem;
    padding: .15rem 0 .25rem 0
}

.ep-calendar-date-inner .ep-calendar-date-txt,
.ep-calendar-date-inner .ep-calendar-inv-txt,
.ep-calendar-date-inner .ep-calendar-price-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .5rem;
    line-height: .5rem
}

.ep-calendar-date-inner .ep-calendar-date-txt {
    font-size: .65rem
}

.ep-calendar-date-inner .ep-calendar-inv-txt {
    color: #666
}

.ep-calendar-date {
    overflow: hidden;
    color: #333;
    position: relative
}

.ep-calendar-disabled .ep-calendar-date-txt,
.ep-calendar-invaild .ep-calendar-date-txt {
    color: rgba(204, 204, 204, 1)
}

.ep-calendar-disabled .ep-calendar-price-txt,
.ep-calendar-invaild .ep-calendar-price-txt {
    color: #ccc
}

.ep-calendar-disabled .ep-calendar-inv-txt,
.ep-calendar-invaild .ep-calendar-inv-txt {
    color: rgba(204, 204, 204, 1)
}

.ep-calendar-date.ep-calendar-selected:not(.ep-calendar-range-selected) .ep-calendar-date-txt,
.ep-calendar-date.ep-calendar-selected:not(.ep-calendar-range-selected) .ep-calendar-inv-txt,
.ep-calendar-date.ep-calendar-selected:not(.ep-calendar-range-selected) .ep-calendar-price-txt {
    color: #fff
}

.ep-calendar-date .ep-background-box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none
}

.ep-calendar-date.ep-calendar-selected .ep-background-box {
    display: block
}

.ep-calendar-date.ep-calendar-range-selected .ep-background-box {
    opacity: .1
}

.ep-calendar-date .ep-calendar-label {
    height: 1.33rem;
    margin-top: .1rem;
    color: #fff;
    font-size: .54rem
}


.faitest_slide--puzzle {
    position: relative;
    cursor: pointer
}

.faitest_slide--piece {
    display: none;
    position: absolute;
    width: 54px;
    height: 54px;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: left 1s ease
}

.faitest_slide--piece__active {
    transition: none
}

.faitest_slide--img {
    display: none;
    width: 100%;
    border-radius: 2px
}

.faitest_slide--slider {
    position: relative;
    margin-top: 25px;
    height: 38px;
    line-height: 38px;
    border-radius: 20px;
    border: 1px solid #e3e8f0;
    background: #f0f2f7;
    text-align: center
}

.faitest_slide--slider__success {
    border-color: #25c77d;
    background: #ecfff5;
    transition: all 1s ease
}

.faitest_slide--slider__dangerous {
    transition: border-color 1s ease
}

.faitest_slide--placeholder {
    width: 100%;
    height: 160px;
    background-color: #f0f2f7;
    color: #b2b2b2;
    line-height: 160px;
    text-align: center;
    background-image: url(../image/loading.41663814.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 32px 32px;
    border-radius: 2px
}

.faitest_slide--track_wrap {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px
}

.faitest_slide--track {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #d1e9fe
}

.faitest_slide--track__active {
    border-color: #0076fe;
    background-color: #d1e9fe
}

.faitest_slide--track__dangerous {
    border-color: #f57a7a;
    background-color: #fce1e1;
    transition: width 1s ease
}

.faitest_slide--track__success {
    border-color: #25c77d;
    background-color: #ecfff5;
    transition: width .1s ease;
    display: none
}

.faitest_slide--anchor {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-image: url(../image/arrow.305ca47f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 12px;
    background-color: #42a4ff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: width 1s ease
}

.faitest_slide--anchor:hover {
    background-color: #268afe
}

.faitest_slide--anchor__dangerous:hover {
    background-color: #f57a7a
}

.faitest_slide--anchor__active {
    background-color: #268afe
}

.faitest_slide--anchor__dangerous {
    background-image: url(../image/false.4f5b1e04.svg);
    background-color: #f57a7a
}

.faitest_slide--anchor__success {
    display: none
}

.faitest_slide--label_wrap {
    padding: 12.5px 34px;
    font-size: 13px;
    line-height: 1;
    color: #45494c
}

.faitest_slide--slider__success .faitest_slide--label_wrap {
    color: #25c77d
}

.faitest_slide--slider__dangerous .faitest_slide--label_wrap {
    color: #f57a7a
}

.faitest_slide--label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.faitest_slide--slider__success .faitest_slide--label {
    display: inline-block
}

.faitest_slide--icon {
    display: none;
    width: 18px;
    height: 12px;
    margin-right: 5px;
    background-image: url(../image/right.15022c43.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 12px
}

.faitest_slide--slider__success .faitest_slide--icon {
    display: inline-block
}

@media (max-width:767px) {
    .faitest_slide--slider {
        margin-top: 24px
    }
}

.faitest_graphic--main {
    position: relative;
    padding: 7px 0;
    border: 1px solid #e9edf3
}

.faitest_graphic--input {
    outline: 0;
    padding: 0;
    border: 0;
    height: 44px;
    width: 88px;
    margin-left: 23px;
    font-size: 16px;
    vertical-align: middle
}

.faitest_graphic--input::-webkit-input-placeholder {
    font-size: 14px;
    color: #b9bed1
}

.faitest_graphic--img {
    width: 118px;
    height: 42px;
    margin-left: 24px;
    vertical-align: middle;
    cursor: pointer
}

.faitest_graphic--refresh {
    cursor: pointer;
    background: url(../image/sprite.c2c7c93d.png) no-repeat 0 -90px;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    display: inline-block
}

.faitest_graphic--tips {
    height: 36px;
    text-align: center;
    color: #ed1c1c;
    line-height: 36px;
    font-size: 12px
}

.faitest_graphic--confirm {
    height: 50px;
    background-color: #0075ff;
    line-height: 50px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

@media (max-width:767px) {
    .faitest_graphic--img {
        width: 100px;
        margin-left: 12px
    }

    .faitest_graphic--refresh {
        display: none
    }
}

.faitest-modal--mask {
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

.faitest-modal--mask,
.faitest-modal--wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10240
}

.faitest-modal--wrap {
    overflow: auto;
    outline: 0
}

.faitest-modal--wrap__center {
    text-align: center
}

.faitest-modal--wrap__center:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.faitest-modal {
    width: 374px;
    padding: 15px 0;
    margin: 0 auto;
    font-family: MicrosoftYaHei
}

.faitest-modal--wrap__center .faitest-modal {
    display: inline-block;
    vertical-align: middle
}

.faitest-modal--content {
    position: relative;
    padding: 25px 32px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.faitest-modal--header {
    padding-bottom: 25px
}

.faitest-modal--title {
    text-align: left;
    font-size: 16px;
    line-height: 1;
    color: #333
}

.faitest-modal--body {
    font-size: 14px;
    line-height: 1.5
}

.faitest-modal--close {
    position: absolute;
    right: 26px;
    top: 21px;
    width: 24px;
    height: 24px;
    background-image: url(../image/sprite.c2c7c93d.png);
    background-position: 6px 6px;
    background-size: auto;
    cursor: pointer
}

.faitest-modal--close:hover {
    background-position: 6px -42px
}

@media (max-width:767px) {
    .faitest-modal {
        max-width: calc(100vw - 56px);
        margin: 8px auto;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .faitest-modal--header {
        padding-bottom: 23px
    }

    .faitest-modal--content {
        border-radius: 12px;
        padding: 23px 24px
    }

    .faitest-modal--close {
        top: 18px;
        right: 19px;
        background-image: url(../image/close.27a8422a.svg);
        background-repeat: no-repeat;
        background-size: 13px 13px
    }

    .faitest-modal--close,
    .faitest-modal--close:hover {
        background-position: 50%
    }
}


.fk-foldStyle1 .f-formFoldButton.active {
    color: #06c1ae;
}

.fk-foldStyle1 .f-formFoldButton.active .icon-fold:before {
    color: #06c1ae;
}

.fk-foldStyle2 .f-formFoldButton.active {
    background: #06c1ae;
}

.fk-foldStyle3 .f-formFoldButton.active {
    color: #06c1ae;
}

.fk-foldStyle3 .f-formFoldButton.active .icon-fold:before {
    color: #06c1ae;
}


.icon-noticeNewStyleIconClass-6 {
    background-color: #06c1ae;
}

.icon-noticeNewStyleIconClass-7 {
    background-color: #06c1ae;
}

.icon-noticeNewStyleIconClass-8 {
    border-color: #06c1ae;
}

.icon-noticeNewStyleIconClass-8 {
    color: #06c1ae;
}

.icon-noticeNewStyleIconClass-9 {
    color: #06c1ae;
}



.g_oldThemeColor {
    color: #06c1ae;
}

.g_oldThemeBdColor {
    border-color: #06c1ae;
}

.g_oldThemeBgColor {
    background-color: #06c1ae;
}

.g_oldThemefillColor {
    fill: #06c1ae;
}

.g_oldThemeHoverBgColor:hover {
    background-color: #06c1ae;
}



.webFooterBox .ui-calendar-calendar .ui-state-active {
    background-color: #06c1ae;
}

.webFooterBox .ui-calendar-calendar .ui-calendar-startDate {
    background-color: #06c1ae;
}

.webFooterBox .ui-calendar-prev:after {
    color: #06c1ae;
}

.webFooterBox .ui-calendar-next:after {
    color: #06c1ae;
}

.webFooterBox .fk-calendarNav {
    background-color: #06c1ae;
}


#p_footer_nav_wrap .s_hump .is_select .u_nav_icon_decorate .u_nav_icon {
    color: #fff;
}

.p_footer_nav .u_nav {
    width: ;
}



#module323 .formBannerTitle323 {
    display: none !important;
}

#module323 .titleText323 {
    font-size: 0.5175202156334232rem;
}

#module323 .titleText323 {
    font-weight: bolder;
}

#module322 {
    border: none;
}

#module322 {
    padding: 0px;
}

#module322 .formMiddle322 {
    border: none;
}

#module322 .formMiddle322 {
    padding: 0px;
}

#module322 .formBannerTitle322 {
    border: none;
}

#module322 .formBannerTitle322 {
    padding: 0px;
}

#module308 .formBannerTitle308 {
    display: none !important;
}

#module308 {
    padding: 0px;
}

#module308 {
    margin-left: 0px;
}

#module308 {
    margin-right: 0px;
}

#module308 {
    margin-top: 0px;
}

#module308 {
    margin-bottom: 0px;
}

#module501 {
    border: 1px rgba(255, 167, 39, 1) solid;
}

#module501 {
    padding: 0px;
}

#module501 .formMiddle501 {
    border: none;
}

#module501 .formMiddle501 {
    padding: 0px;
}

#module501 .formBannerTitle501 {
    border: none;
}

#module501 .formBannerTitle501 {
    padding: 0px;
}

#module501 {
    padding: 0px;
}

#module501 {
    margin-left: 0px;
}

#module501 {
    margin-right: 0px;
}

#module501 {
    margin-top: 0px;
}

#module501 {
    margin-bottom: 0px;
}

#module501 .titleText501 {
    font-size: 0.5175202156334232rem;
}

#module501 .titleText501 {
    font-weight: bolder;
}

#module501 .titleText501 div {
    left: 0.0rem;
}

#module501 .titleText501 div {
    top: 0.0rem;
}

#module501 .titleText501 {
    position: relative;
    overflow: hidden;
}

#module501 .titleText501 div {
    /*display:inline-block;*/
    position: relative;
}

#module501 .titleCenter501 {
    width: 100%;
}

#module501 .formBannerTitle501 {
    width: 100%;
}

#module501 .formBannerTitle501 {
    display: table;
}

#module501 .formBannerTitle501 {
    background: rgba(255, 204, 128, 1);
}

#module501 .formBannerTitle501 .titleLeft501 {
    background: none;
}

#module501 .formBannerTitle501 .titleCenter501 {
    background: none;
}

#module501 .formBannerTitle501 .titleRight501 {
    background: none;
}

#module501 .formMiddle501 .contentBgClass {
    background: rgba(255, 204, 128, 1);
}

#module501 .formMiddle501 .proMarginClass {
    margin-left: 0.0rem;
}

#module501 .formMiddle501 .g_newProductName {
    font-size: 0.5175202156334232rem;
}

#module501 .formMiddle501 .g_newProductName {
    font-size: 0.512rem;
}

#module501 .formMiddle501 .g_newProductName {
    color: #000;
}

#module501 .formMiddle501 .g_newProductName {
    line-height: 1.0350404312668464rem;
}

#module501 .formMiddle501 .g_newProductName {
    text-decoration: none;
}

#module501 .formMiddle501 .g_newProductName {
    font-style: normal;
}

#module501 .formMiddle501 .g_newProductName {
    font-weight: bold;
}

#module338 .formMiddle338 .picScaleClass {
    height: 7.504043126684636rem;
}

#module504 {
    border: 1px rgba(252, 192, 46, 1) solid;
}

#module504 {
    padding: 0px;
}

#module504 .formMiddle504 {
    border: none;
}

#module504 .formMiddle504 {
    padding: 0px;
}

#module504 .formBannerTitle504 {
    border: none;
}

#module504 .formBannerTitle504 {
    padding: 0px;
}

#module504 {
    padding: 0px;
}

#module504 {
    margin-left: 0px;
}

#module504 {
    margin-right: 0px;
}

#module504 {
    margin-top: 0px;
}

#module504 {
    margin-bottom: 0px;
}

#module504 .titleText504 {
    font-size: 0.6037735849056604rem;
}

#module504 .titleText504 {
    font-weight: bolder;
}

#module504 .titleText504 div {
    left: 6.46900269541779rem;
}

#module504 .titleText504 div {
    top: 0.0rem;
}

#module504 .titleText504 {
    position: relative;
    overflow: hidden;
}

#module504 .titleText504 div {
    /*display:inline-block;*/
    position: relative;
}

#module504 .titleCenter504 {
    width: 100%;
}

#module504 .formBannerTitle504 {
    width: 100%;
}

#module504 .formBannerTitle504 {
    display: table;
}

#module504 .formBannerTitle504 {
    background: rgba(255, 204, 128, 1);
}

#module504 .formBannerTitle504 .titleLeft504 {
    background: none;
}

#module504 .formBannerTitle504 .titleCenter504 {
    background: none;
}

#module504 .formBannerTitle504 .titleRight504 {
    background: none;
}

#module504 .formMiddle504 .contentBgClass {
    background: rgba(255, 204, 128, 1);
}

#module504 .formMiddle504 .picScaleClass {
    height: 7.504043126684636rem;
}

#module504 .formMiddle504 .g_newProductName {
    font-size: 0.5175202156334232rem;
}

#module504 .formMiddle504 .g_newProductName {
    font-size: 0.512rem;
}

#module504 .formMiddle504 .g_newProductName {
    color: #000;
}

#module504 .formMiddle504 .g_newProductName {
    line-height: 1.0350404312668464rem;
}

#module504 .formMiddle504 .g_newProductName {
    text-decoration: none;
}

#module504 .formMiddle504 .g_newProductName {
    font-style: normal;
}

#module504 .formMiddle504 .g_newProductName {
    font-weight: normal;
}



#module322 {
    overflow: hidden;
}

#cubeNavigation322_cubeLink1 .icon-cube:before {
    content: '\a0388';
    color: rgb(205, 10, 25);
}

#cubeNavigation322_cubeLink2 .icon-cube:before {
    content: '\a0611';
    color: rgb(205, 10, 25);
}

#cubeNavigation322_cubeLink3 .icon-cube:before {
    content: '\a0346';
    color: rgb(205, 10, 25);
}

#cubeNavigation322_cubeLink4 .icon-cube:before {
    content: '\a0704';
    color: rgb(205, 10, 25);
}

#cubeNavigation322_cubeLink5 .icon-cube:before {
    content: '\a0349';
    color: rgb(205, 10, 25);
}

#cubeNavigation322_cubeLink6 .icon-cube:before {
    content: '\a0456';
    color: rgb(205, 10, 25);
}


* {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



#g_web {
    background: none;
}

#webContainerBox {
    background: none;
}

#webBodyBackground {
    background: url(//11818127.s21i.faiusr.com/2/1/ABUIABACGAAgmMqYkwYo4rGc7QIw5Bk40CY.jpg) center center;
    background-size: cover;
}


.form .floatBtnStyle0 .middle {
    background-color: #06c1ae;
}

.form .floatBtnStyle1 .middle {
    background-color: #06c1ae;
}

.form .floatBtnStyle2 .middle {
    border-color: #06c1ae;
    color: #06c1ae;
}

.form .floatBtnStyle5 .middle {
    border-color: #06c1ae;
    color: #06c1ae;
}

.form .floatBtnStyle7 .middle {
    border-color: #06c1ae;
    color: #06c1ae;
}

.form .floatBtnStyle3 .middle {
    background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
    background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
}

.form .floatBtnStyle4 .middle {
    background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
    background: -webkit-linear-gradient(bottom, #06c1ae 10%, rgba(130, 224, 214, 1));
    border-color: #06c1ae;
}



.backTop .backTop_icon.icon-backTop0 {
    background-color: #06c1ae;
    color: #fff;
}

.backTop .backTop_icon.icon-backTop1 {
    background-color: #fff;
    color: #06c1ae;
}

.backTop .backTop_icon.icon-backTop2 {
    background-color: #fff;
    color: #06c1ae;
    border-color: #06c1ae;
}

.jz_vertical_group_has_product .first_groupitem.selected .first_groupname,
.jz_landscape_group_has_product .first_groupitem.selected .first_groupname,
.jz_landscape_group_has_photo .first_groupitem.selected .first_groupname,
.jz_vertical_group_has_photo .first_groupitem.selected .first_groupname {
    color: #06c1ae;
}

.jz_landscape_group_has_product .first_groupitem.selected:after,
.jz_landscape_group_has_photo .first_groupitem.selected:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    content: '';
    width: 100%;
    height: .1rem;
    border-radius: .5rem;
    background-color: #06c1ae;
}

.jz_vertical_group_has_product .first_panel .mall_cart,
.jz_landscape_group_has_product .first_panel .mall_cart {
    background-color: #06c1ae;
}



#customerServiceDiv {
    background: rgba(53, 53, 53, 1);
}

.open .serviceNavItem:nth-child(2) {
    transition-delay: 160ms;
}

#svebar_1 .icon-serItemIcon:before {
    content: '\e6ef';
    color: rgb(205, 10, 25);
}

#svebar_1 .icon-serItemIcon {
    background-image: none;
}

.open .serviceNavItem:nth-child(4) {
    transition-delay: 240ms;
}

#svebar_4 .icon-serItemIcon:before {
    content: '\e948';
    color: rgb(205, 10, 25);
}

#svebar_4 .icon-serItemIcon {
    background-image: none;
}

.open .serviceNavItem:nth-child(6) {
    transition-delay: 320ms;
}

#svebar_6 .icon-serItemIcon:before {
    content: '\e67a';
    color: rgb(205, 10, 25);
}

#svebar_6 .icon-serItemIcon {
    background-image: none;
}


.faitest_slide--puzzle {
    position: relative;
    cursor: pointer
}

.faitest_slide--piece {
    display: none;
    position: absolute;
    width: 54px;
    height: 54px;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: left 1s ease
}

.faitest_slide--piece__active {
    transition: none
}

.faitest_slide--img {
    display: none;
    width: 100%;
    border-radius: 2px
}

.faitest_slide--slider {
    position: relative;
    margin-top: 25px;
    height: 38px;
    line-height: 38px;
    border-radius: 20px;
    border: 1px solid #e3e8f0;
    background: #f0f2f7;
    text-align: center
}

.faitest_slide--slider__success {
    border-color: #25c77d;
    background: #ecfff5;
    transition: all 1s ease
}

.faitest_slide--slider__dangerous {
    transition: border-color 1s ease
}

.faitest_slide--placeholder {
    width: 100%;
    height: 160px;
    background-color: #f0f2f7;
    color: #b2b2b2;
    line-height: 160px;
    text-align: center;
    background-image: url(../image/loading.41663814.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 32px 32px;
    border-radius: 2px
}

.faitest_slide--track_wrap {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px
}

.faitest_slide--track {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #d1e9fe
}

.faitest_slide--track__active {
    border-color: #0076fe;
    background-color: #d1e9fe
}

.faitest_slide--track__dangerous {
    border-color: #f57a7a;
    background-color: #fce1e1;
    transition: width 1s ease
}

.faitest_slide--track__success {
    border-color: #25c77d;
    background-color: #ecfff5;
    transition: width .1s ease;
    display: none
}

.faitest_slide--anchor {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-image: url(../image/arrow.305ca47f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 12px;
    background-color: #42a4ff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: width 1s ease
}

.faitest_slide--anchor:hover {
    background-color: #268afe
}

.faitest_slide--anchor__dangerous:hover {
    background-color: #f57a7a
}

.faitest_slide--anchor__active {
    background-color: #268afe
}

.faitest_slide--anchor__dangerous {
    background-image: url(../image/false.4f5b1e04.svg);
    background-color: #f57a7a
}

.faitest_slide--anchor__success {
    display: none
}

.faitest_slide--label_wrap {
    padding: 12.5px 34px;
    font-size: 13px;
    line-height: 1;
    color: #45494c
}

.faitest_slide--slider__success .faitest_slide--label_wrap {
    color: #25c77d
}

.faitest_slide--slider__dangerous .faitest_slide--label_wrap {
    color: #f57a7a
}

.faitest_slide--label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.faitest_slide--slider__success .faitest_slide--label {
    display: inline-block
}

.faitest_slide--icon {
    display: none;
    width: 18px;
    height: 12px;
    margin-right: 5px;
    background-image: url(../image/right.15022c43.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 12px
}

.faitest_slide--slider__success .faitest_slide--icon {
    display: inline-block
}

@media (max-width:767px) {
    .faitest_slide--slider {
        margin-top: 24px
    }
}

.faitest_graphic--main {
    position: relative;
    padding: 7px 0;
    border: 1px solid #e9edf3
}

.faitest_graphic--input {
    outline: 0;
    padding: 0;
    border: 0;
    height: 44px;
    width: 88px;
    margin-left: 23px;
    font-size: 16px;
    vertical-align: middle
}

.faitest_graphic--input::-webkit-input-placeholder {
    font-size: 14px;
    color: #b9bed1
}

.faitest_graphic--img {
    width: 118px;
    height: 42px;
    margin-left: 24px;
    vertical-align: middle;
    cursor: pointer
}

.faitest_graphic--refresh {
    cursor: pointer;
    background: url(../image/sprite.c2c7c93d.png) no-repeat 0 -90px;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    display: inline-block
}

.faitest_graphic--tips {
    height: 36px;
    text-align: center;
    color: #ed1c1c;
    line-height: 36px;
    font-size: 12px
}

.faitest_graphic--confirm {
    height: 50px;
    background-color: #0075ff;
    line-height: 50px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

@media (max-width:767px) {
    .faitest_graphic--img {
        width: 100px;
        margin-left: 12px
    }

    .faitest_graphic--refresh {
        display: none
    }
}

.faitest-modal--mask {
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

.faitest-modal--mask,
.faitest-modal--wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10240
}

.faitest-modal--wrap {
    overflow: auto;
    outline: 0
}

.faitest-modal--wrap__center {
    text-align: center
}

.faitest-modal--wrap__center:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.faitest-modal {
    width: 374px;
    padding: 15px 0;
    margin: 0 auto;
    font-family: MicrosoftYaHei
}

.faitest-modal--wrap__center .faitest-modal {
    display: inline-block;
    vertical-align: middle
}

.faitest-modal--content {
    position: relative;
    padding: 25px 32px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.faitest-modal--header {
    padding-bottom: 25px
}

.faitest-modal--title {
    text-align: left;
    font-size: 16px;
    line-height: 1;
    color: #333
}

.faitest-modal--body {
    font-size: 14px;
    line-height: 1.5
}

.faitest-modal--close {
    position: absolute;
    right: 26px;
    top: 21px;
    width: 24px;
    height: 24px;
    background-image: url(../image/sprite.c2c7c93d.png);
    background-position: 6px 6px;
    background-size: auto;
    cursor: pointer
}

.faitest-modal--close:hover {
    background-position: 6px -42px
}

@media (max-width:767px) {
    .faitest-modal {
        max-width: calc(100vw - 56px);
        margin: 8px auto;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .faitest-modal--header {
        padding-bottom: 23px
    }

    .faitest-modal--content {
        border-radius: 12px;
        padding: 23px 24px
    }

    .faitest-modal--close {
        top: 18px;
        right: 19px;
        background-image: url(../image/close.27a8422a.svg);
        background-repeat: no-repeat;
        background-size: 13px 13px
    }

    .faitest-modal--close,
    .faitest-modal--close:hover {
        background-position: 50%
    }
}


.footer .technicalSupport[data-v-0e602246] {
    -webkit-text-size-adjust: 100%
}

.footer[data-v-0e602246] {
    position: relative
}

.technical[data-v-0e602246] {
    padding: .5rem 0
}

.technical .hideFooterInfo[data-v-0e602246] {
    display: none
}

.technicalSupport[data-v-0e602246] {
    clear: both;
    color: #666;
    font-size: .6rem;
    margin: .35rem 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.technicalSupport ol[data-v-0e602246] {
    padding-left: 2rem
}

.technicalSupport ul[data-v-0e602246] {
    padding-left: 1.35rem
}

.footer a[data-v-0e602246] {
    text-decoration: none
}

.technicalSupport a[data-v-0e602246] {
    color: #666;
    text-decoration: none
}

.footerSep.PcVer[data-v-0e602246],
.PcVer[data-v-0e602246] {
    margin-left: 4px
}

.domainBeianVer[data-v-0e602246] {
    margin: 0 .5rem
}

.rep[data-v-0e602246] {
    margin-left: .5rem
}

.footerShare[data-v-0e602246] {
    border-bottom: 1px solid #e0e0e0;
    float: left;
    margin-left: .2rem;
    padding-bottom: .75rem;
    padding-top: .65rem;
    text-align: center;
    width: 15.6rem
}

.footerShareTitle[data-v-0e602246] {
    color: #999;
    float: left;
    font-size: .6rem;
    left: 2.7rem;
    margin-top: .5rem;
    position: relative
}

.footerShareIcon[data-v-0e602246] {
    border-radius: 100%;
    float: left;
    font-size: 1.78rem;
    height: 1.53rem;
    left: 2.3rem;
    padding-left: .95rem;
    position: relative;
    width: 1.53rem
}

.footerShare .icon-wechat[data-v-0e602246] {
    color: #38ba34
}

.footerShare .icon-weibo[data-v-0e602246] {
    color: #e55f5e
}

.footerShare .icon-qq[data-v-0e602246] {
    color: #18b4ed
}

.footerShare .icon-wechat[data-v-0e602246]:before {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: inset 0 0 6px 6px #38ba34;
    content: ""
}

.footerShare .icon-weibo[data-v-0e602246]:before {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: inset 0 0 6px 6px #e55f5e;
    content: ""
}

.footerShare .icon-qq[data-v-0e602246]:before {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: inset 0 0 6px 6px #18b4ed;
    content: ""
}

.shareCover[data-v-0e602246] {
    background: #000;
    display: block;
    height: 100%;
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.shareCoverImg[data-v-0e602246] {
    height: 13.5rem;
    left: 1rem;
    top: .5rem
}

.shareCoverContent[data-v-0e602246],
.shareCoverImg[data-v-0e602246] {
    display: block;
    margin: 0 auto;
    max-width: 768px;
    position: fixed;
    right: 0;
    z-index: 100
}

.shareCoverContent[data-v-0e602246] {
    left: 0
}

.shareCoverIcon[data-v-0e602246] {
    height: 8rem;
    top: 4rem
}

.shareCoverTip[data-v-0e602246] {
    color: #666;
    font-size: .7rem;
    text-align: center;
    top: 14rem;
    width: 8rem
}

.shareCoverBtn[data-v-0e602246] {
    border: 1px solid #cacaca;
    border-radius: .2rem;
    color: #666;
    font-size: .8rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    top: 18rem;
    width: 8.3rem
}

.footerSvg[data-v-0e602246] {
    fill: #bfbfc3;
    height: .55rem;
    margin-top: 0;
    vertical-align: middle;
    width: .55rem
}

/*# sourceMappingURL=658.278b771a.css.map*/



.open .navItem:nth-child(2) {
    transition-delay: 160ms;
}

.open .navItem:nth-child(4) {
    transition-delay: 240ms;
}

#navbar_104 .icon-navItemIcon:before {
    content: '';
    content: '';
}

#navbar_104 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(6) {
    transition-delay: 320ms;
}

#navbar_103 .icon-navItemIcon:before {
    content: '';
    content: '';
}

#navbar_103 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(8) {
    transition-delay: 400ms;
}

#navbar_105 .icon-navItemIcon:before {
    content: '';
    content: '';
}

#navbar_105 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(10) {
    transition-delay: 480ms;
}

#navbar_106 .icon-navItemIcon:before {
    content: '\e94e';
    content: '\e94e';
}

#navbar_106 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(12) {
    transition-delay: 560ms;
}

#navbar_1077 .icon-navItemIcon:before {
    content: '\e62c';
    content: '\e62c';
}

#navbar_1077 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(14) {
    transition-delay: 640ms;
}

#navbar_1088 .icon-navItemIcon:before {
    content: '\e9fc';
    content: '\e9fc';
}

#navbar_1088 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(16) {
    transition-delay: 720ms;
}

#navbar_1000 .icon-navItemIcon:before {
    content: '\e9a5';
    content: '\e9a5';
}

#navbar_1000 .icon-navItemIcon {
    background-image: none;
}

.open .navItem:nth-child(18) {
    transition-delay: 800ms;
}

.open .navItem:nth-child(20) {
    transition-delay: 880ms;
}

#navbar_1091 .icon-navItemIcon:before {
    content: '\e911';
    content: '\e911';
}

#navbar_1091 .icon-navItemIcon {
    background-image: none;
}

#agreement .st0 {
    fill: none;
    stroke: #1A1A1A;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#agreement .st1 {
    fill: none;
    stroke: #1A1A1A;
    stroke-width: 2;
    stroke-linecap: round;
}

#icon_apk .st0 {
    fill: #02BC9D;
}

#icon_file .st0 {
    fill: #7D888E;
}


#icon_x .cls-1 {
    fill: #fff;
}


#jzm-v20 .st0 {
    fill: #1A1A1A;
}


#jzm-v3 .st0 {
    fill: #1A1A1A;
}


#jzm-v5 .st0 {
    fill: #1A1A1A;
}


#jzm-vcpequal .cls-1 {
    fill: #282828;
}


#jzm-vcpincrease .cls-1 {
    fill: #282828;
}

#jzm-vicon_arrow5 .cls-1 {
    fill: #1a1a1a;
}

#jzm-vicon_arrow6 .cls-1 {
    fill: #1a1a1a;
}

#jzm-vicon_copy .cls-1 {
    fill: #1a1a1a;
}

#jzm-vicon_copy02 .cls-1 {
    fill: #1a1a1a;
}


/* 2.33.4 */
@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        animation-timing-function: cubic-bezier(.755, .05, .755, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes elasticLarge {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes elasticLarge {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipUpDown {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipUpDown {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveInByTranslateLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveInByTranslateLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveInByTranslateRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveInByTranslateRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveInByTranslateUp {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveInByTranslateUp {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveInByTranslateDown {
    0% {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveInByTranslateDown {
    0% {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) rotateX(0);
        transform: translateY(0) rotateX(0)
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rotating {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0) rotate(-1turn);
        transform: translateZ(0) rotate(-1turn)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .75, 1);
        transform: scale3d(1.15, .75, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .75, 1);
        transform: scale3d(1.15, .75, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes flyerShake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes flyerShake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes translationRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes translationRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes translationDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes translationDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes translationUp {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes translationUp {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes translationLeft {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes translationLeft {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes translationLeftRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    70% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes translationLeftRight {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    70% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@-webkit-keyframes translationUpDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    70% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@keyframes translationUpDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    70% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes moveOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@keyframes moveOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-webkit-keyframes moveOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@keyframes moveOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-webkit-keyframes moveOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@keyframes moveOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-webkit-keyframes moveOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@keyframes moveOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-webkit-keyframes eraseLeft {
    0% {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseLeft {
    0% {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes eraseRight {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseRight {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes eraseUp {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseUp {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes eraseDown {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes eraseDown {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes cutInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes cutInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.c__imgEffects_contents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.6;
    padding: 12px 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .36s;
    transition: all .36s;
    width: 100%
}

.c__imgEffects_title {
    font-size: calc(var(--fontRatio, 1)*15px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c__imgEffects_desc {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #ccc;
    display: -webkit-box;
    max-height: none;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    font-size: calc(var(--fontRatio, 1)*12px)
}

.c__imgEffects_desc:not(:first-of-type) {
    margin-top: 8px
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent {
    opacity: 1;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    max-height: 100%;
    -webkit-box-pack: safe center;
    -ms-flex-pack: safe center;
    justify-content: safe center
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent .c__imgeffects_svg_wrap {
    opacity: 0;
    -webkit-transition: all .36s;
    transition: all .36s;
    width: 0;
    height: 0
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent .c__imgeffects_layersvg {
    width: 100%;
    height: 100%
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_0.c__imgeffects_layer_hasContent {
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_0.c__imgeffects_layer_hasContent.c__imgeffects_layer_halfMaskHasBorderStyle3and4 .c__imgEffects_contents {
    padding-bottom: 20px
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent {
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent.c__imgeffects_layer_halfMaskHasBorderStyle3and4 .c__imgEffects_contents {
    padding-bottom: 20px
}

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent .c__imgEffects_desc:not(:first-of-type) {
    margin-top: 12px
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 {
    height: 100%;
    opacity: 0
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc,
.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .36s;
    transition: all .36s
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 {
    opacity: 1
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc:not(:first-of-type) {
    margin-top: 12px
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc {
    opacity: 0;
    -webkit-transition: all .36s;
    transition: all .36s
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_2 {
    opacity: 0;
    height: 100%
}

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_2 .c__imgEffects_desc {
    color: #fff
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 {
    height: 100% !important;
    opacity: 1 !important
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgeffects_svg_wrap,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgeffects_svg_wrap {
    opacity: 1;
    width: 48px;
    height: 48px
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgEffects_contents,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgEffects_contents {
    top: 0
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_0,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_0 {
    bottom: 0 !important;
    opacity: 1
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_1,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_1 {
    bottom: 0 !important
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 {
    opacity: 1
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc,
.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 {
    height: 100% !important
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc,
.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_2,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc,
.c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_2 {
    opacity: 1
}

.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_2 .c__imgEffects_title,
.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_3 .c__imgEffects_title {
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: normal
}

.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_2 .c__imgEffects_desc,
.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_3 .c__imgEffects_desc {
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    display: block;
    max-height: none;
    white-space: normal;
    word-break: break-word
}

.c__imgeffects_layer .c__imgeffects_cart_svg_wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(51, 51, 51, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px
}

.c__imgeffects_layer .c__imgeffects_cart_svg_wrap svg {
    width: 20px;
    height: 20px;
    color: transparent;
    fill: #fff
}

@-webkit-keyframes elastic {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes elastic {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.c__imgeffects_wrap {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.c__image_wrap {
    min-width: 1px;
    min-height: 1px
}

.c__imgeffects_enlarge-m0 .c__image_wrap {
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.c__imgeffects_enlarge-m0.j__imgeffects-play .c__image_wrap,
.c__imgeffects_enlarge-m0:hover .c__image_wrap {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.c__imgeffects_enlarge-m1.j__imgeffects-play .c__image_wrap,
.c__imgeffects_enlarge-m1:hover .c__image_wrap {
    -webkit-animation: elastic .6s ease 0s 1 normal both running;
    animation: elastic .6s ease 0s 1 normal both running
}

.c__imgeffects_displacement-d0 .c__image_wrap,
.c__imgeffects_displacement-d1 .c__image_wrap,
.c__imgeffects_displacement-d2 .c__image_wrap,
.c__imgeffects_displacement-d3 .c__image_wrap {
    -webkit-transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: transform .36s ease, opacity .36s ease;
    transition: transform .36s ease, opacity .36s ease, -webkit-transform .36s ease;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c__imgeffects_displacement-d0.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d0:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateX(-4%);
    -ms-transform: scale(1.1) translateX(-4%);
    transform: scale(1.1) translateX(-4%)
}

.c__imgeffects_displacement-d1.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d1:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateX(4%);
    -ms-transform: scale(1.1) translateX(4%);
    transform: scale(1.1) translateX(4%)
}

.c__imgeffects_displacement-d2.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d2:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateY(-4%);
    -ms-transform: scale(1.1) translateY(-4%);
    transform: scale(1.1) translateY(-4%)
}

.c__imgeffects_displacement-d3.j__imgeffects-play .c__image_wrap,
.c__imgeffects_displacement-d3:hover .c__image_wrap {
    -webkit-transform: scale(1.1) translateY(4%);
    -ms-transform: scale(1.1) translateY(4%);
    transform: scale(1.1) translateY(4%)
}

.c__imgeffects_assistborder {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #000;
    -webkit-transition: width .36s ease, height .36s ease;
    transition: width .36s ease, height .36s ease;
    z-index: 1
}

.c__imgeffects_assistborder-1,
.c__imgeffects_assistborder-3 {
    width: 0
}

.c__imgeffects_assistborder-2,
.c__imgeffects_assistborder-4 {
    height: 0
}

.c__imgeffects_border-m0 .c__imgeffects_assistborder-1,
.c__imgeffects_border-m0 .c__imgeffects_assistborder-4 {
    left: 0;
    top: 0
}

.c__imgeffects_border-m0 .c__imgeffects_assistborder-2,
.c__imgeffects_border-m0 .c__imgeffects_assistborder-3 {
    right: 0;
    bottom: 0
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-1 {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-2 {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-3 {
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c__imgeffects_border-m1 .c__imgeffects_assistborder-4 {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-3,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-3 {
    width: 100%
}

.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m0:hover .c__imgeffects_assistborder-4,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m1:hover .c__imgeffects_assistborder-4 {
    height: 100%
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-1 {
    left: 10px;
    top: 10px
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-2 {
    top: 10px;
    right: 10px
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-3 {
    right: 10px;
    bottom: 10px
}

.c__imgeffects_border-m2 .c__imgeffects_assistborder-4 {
    bottom: 10px;
    left: 10px
}

.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-3 {
    width: calc(100% - 20px)
}

.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m2:hover .c__imgeffects_assistborder-4 {
    height: calc(100% - 20px)
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    -webkit-transition: .36s ease;
    transition: .36s ease
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-1 {
    left: 0;
    top: 0;
    right: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-2 {
    top: 0;
    right: 0;
    bottom: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-3 {
    right: 0;
    bottom: 0;
    left: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-4 {
    bottom: 0;
    left: 0;
    top: 0
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3 .c__imgeffects_assistborder-3 {
    width: 100%
}

.c__imgeffects_border-m3 .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3 .c__imgeffects_assistborder-4 {
    height: 100%
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder {
    opacity: 1
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-1 {
    top: 10px;
    left: 10px;
    right: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-2 {
    right: 10px;
    top: 10px;
    bottom: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-3 {
    bottom: 10px;
    left: 10px;
    right: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-4 {
    left: 10px;
    top: 10px;
    bottom: 10px
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-3,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-1,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-3 {
    width: calc(100% - 20px)
}

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-4,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-2,
.c__imgeffects_border-m3:hover .c__imgeffects_assistborder-4 {
    height: calc(100% - 20px)
}

.c__imgeffects_border-m4 .c__imgeffects_assistborder-m4 {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
    opacity: 0;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c__imgeffects_border-m4:hover .c__imgeffects_assistborder-m4 {
    opacity: 1
}

.c__imgeffects_shrink-m0 .c__image_wrap,
.c__imgeffects_shrink-m1 .c__image_wrap {
    -webkit-transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: opacity .36s ease, -webkit-transform .36s ease;
    transition: transform .36s ease, opacity .36s ease;
    transition: transform .36s ease, opacity .36s ease, -webkit-transform .36s ease
}

.c__imgeffects_shrink-m0 .c__image_wrap {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c__imgeffects_shrink-m1 .c__image_wrap {
    opacity: 1;
    -webkit-transform: translate3d(-6%, 0, 0) scale(1.12);
    transform: translate3d(-6%, 0, 0) scale(1.12)
}

.c__imgeffects_shrink-m0.j__imgeffects-play .c__image_wrap,
.c__imgeffects_shrink-m0:hover .c__image_wrap {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.c__imgeffects_shrink-m1.j__imgeffects-play .c__image_wrap,
.c__imgeffects_shrink-m1:hover .c__image_wrap {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.c__imgeffects_shrink-bg.j__imgeffects-play .c__image_wrap,
.c__imgeffects_shrink-bg:hover .c__image_wrap {
    opacity: .5
}

.c__imgeffects_magnifier .c__imgeffects_layer {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_type_1.c__imgeffects_layer_1,
.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_type_1.c__imgeffects_layer_100 {
    height: 100%
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_100 {
    background: none;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_100 .c__imgeffects_layersvg {
    position: absolute;
    left: calc(50% - 32px);
    right: 0;
    top: calc(50% - 32px);
    bottom: 0;
    opacity: 1;
    width: 64px;
    height: 64px
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_0,
.c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_0 {
    opacity: 1;
    height: 100%
}

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_1,
.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_100,
.c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_1,
.c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_100 {
    opacity: 1
}

.c__imgeffects_layersvg {
    width: 48px;
    height: 48px
}

.c__imgeffects_wrap.c__imgeffects_switch .c__image_wrap {
    -webkit-transition: none;
    transition: none
}

.c__imgeffects_switch {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 0
}

.c__imgeffects_switch.j__imgeffects-play,
.c__imgeffects_switch:hover {
    background-size: cover
}

.c__imgeffects_switch.j__imgeffects-play .c__image_wrap,
.c__imgeffects_switch:hover .c__image_wrap {
    visibility: hidden
}

.c__imgeffects_svg_wrap {
    width: 48px;
    height: 48px
}

input[type=number][data-v-9ab65ec6] {
    -moz-appearance: textfield
}

input[type=number][data-v-9ab65ec6]::-webkit-inner-spin-button,
input[type=number][data-v-9ab65ec6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.auth-popup-bg[data-v-9ab65ec6] {
    background-color: rgba(0, 0, 0, .5);
    overflow-y: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9997
}

.mobile-auth-pc-popup[data-v-9ab65ec6] {
    width: 450px;
    min-height: 356px;
    padding: 60px 49px;
    border-radius: 5px;
    position: fixed;
    left: calc(50% - 225px);
    top: calc(50% - 178px);
    z-index: 9998;
    background-color: #fff
}

.mobile-auth-pc-popup[data-v-9ab65ec6],
.mobile-auth-pc-popup [data-v-9ab65ec6] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup-close-button[data-v-9ab65ec6] {
    font-size: calc(var(--fontRatio, 1)*14px);
    color: #939393;
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer
}

.popup-title[data-v-9ab65ec6] {
    color: #333;
    font-size: calc(var(--fontRatio, 1)*16px);
    margin-bottom: 20px;
    line-height: 32px
}

.popup-content[data-v-9ab65ec6] {
    margin-bottom: 20px
}

.mobile-number-input[data-v-9ab65ec6] {
    width: 350px;
    margin-bottom: 20px
}

.mobile-auth-code-input[data-v-9ab65ec6],
.mobile-number-input[data-v-9ab65ec6] {
    font-size: calc(var(--fontRatio, 1)*14px);
    height: 44px;
    line-height: 44px;
    border-radius: 2px;
    text-indent: 10px;
    border: 1px solid #e3e2e8;
    outline: none
}

.mobile-auth-code-input[data-v-9ab65ec6] {
    width: 220px;
    vertical-align: top
}

.mobile-get-auth-code[data-v-9ab65ec6] {
    width: 118px;
    height: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--theme-color);
    outline: 0;
    background: none;
    font-size: calc(var(--fontRatio, 1)*14px);
    margin-left: 7px;
    cursor: pointer;
    color: var(--theme-color);
    padding: 0
}

.popup-submit-button[data-v-9ab65ec6] {
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    border-radius: 2px;
    background-color: var(--theme-color);
    color: #fff;
    cursor: pointer;
    font-size: calc(var(--fontRatio, 1)*14px);
    letter-spacing: 2px
}

.icon-close[data-v-9ab65ec6] {
    width: 19px;
    height: 19px;
    fill: #939393
}

.zh-CN .popup-submit-button[data-v-9ab65ec6],
.zh-TW .popup-submit-button[data-v-9ab65ec6] {
    letter-spacing: 10px
}

.ug .mobile-get-auth-code[data-v-9ab65ec6],
.ug .popup-submit-button[data-v-9ab65ec6],
.ug .popup-title[data-v-9ab65ec6] {
    direction: rtl
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

input[type=number][data-v-01a840e9] {
    -moz-appearance: textfield
}

input[type=number][data-v-01a840e9]::-webkit-inner-spin-button,
input[type=number][data-v-01a840e9]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.auth-popup-wrapper[data-v-01a840e9] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9998
}

.auth-popup-wrapper[data-v-01a840e9],
.auth-popup-wrapper [data-v-01a840e9] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mobile-auth-popup-header[data-v-01a840e9] {
    height: 50px;
    line-height: 50px;
    font-size: calc(var(--fontRatio, 1)*19px);
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #f2f2f2
}

.popup-content[data-v-01a840e9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 31px;
    height: calc(100% - 50px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: calc(var(--fontRatio, 1)*16px)
}

.content-text[data-v-01a840e9] {
    margin-bottom: 25px;
    font-size: calc(var(--fontRatio, 1)*18px);
    line-height: 32px
}

.content-auth-code[data-v-01a840e9],
.content-mobile[data-v-01a840e9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #f1f1f1
}

.mobile-number-input[data-v-01a840e9] {
    border: 0;
    font-size: calc(var(--fontRatio, 1)*16px);
    margin-left: 20px;
    margin-top: 4px;
    outline: none
}

.content-submit-button[data-v-01a840e9] {
    margin-top: 30px;
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    letter-spacing: 2px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background-color: var(--theme-color);
    font-size: calc(var(--fontRatio, 1)*17px)
}

.mobile-auth-code-input[data-v-01a840e9] {
    border: 0;
    font-size: calc(var(--fontRatio, 1)*16px);
    margin-left: 20px;
    margin-top: 4px;
    width: 46%;
    outline: none
}

.mobile-get-auth-code[data-v-01a840e9] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--theme-color);
    background: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100px;
    min-height: 36px;
    color: var(--theme-color);
    margin-left: auto;
    padding: 0
}

.icon-prev[data-v-01a840e9] {
    width: 24px;
    height: 34px;
    margin-top: 8px;
    float: left;
    left: 15px;
    position: relative;
    cursor: pointer
}

.zh-CN .content-submit-button[data-v-01a840e9],
.zh-TW .content-submit-button[data-v-01a840e9] {
    letter-spacing: 10px
}

.ug .content-label[data-v-01a840e9],
.ug .content-submit-button[data-v-01a840e9],
.ug .content-text[data-v-01a840e9],
.ug .mobile-get-auth-code[data-v-01a840e9] {
    direction: rtl
}

.jz-modal-mask[data-v-b4918e54] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .55)
}

.jz-modal[data-v-b4918e54] {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 12px;
    font-family: inherit;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.jz-modal[data-v-b4918e54],
.jz-modal [data-v-b4918e54] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jz-modal-body[data-v-b4918e54] {
    text-align: center
}

.jz-modal-title[data-v-b4918e54] {
    font-size: calc(var(--fontRatio, 1)*18px);
    font-weight: 700;
    color: #333
}

.jz-modal-main[data-v-b4918e54] {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.jz-modal-content[data-v-b4918e54] {
    font-size: calc(var(--fontRatio, 1)*16px);
    line-height: 22px;
    text-align: left;
    color: #666
}

.jz-modal .jz-modal-title+.jz-modal-content[data-v-b4918e54] {
    margin-top: 18px
}

.jz-modal-footer[data-v-b4918e54] {
    min-height: 50px;
    padding: 10px 0;
    text-align: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    border-top: 1px solid #e8e8e8
}

.jz-modal-footer[data-v-b4918e54],
.jz-modal-mobile-button[data-v-b4918e54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.jz-modal-mobile-button[data-v-b4918e54] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #e8e8e8;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    letter-spacing: 1px;
    font-size: calc(var(--fontRatio, 1)*16px);
    font-weight: 700;
    cursor: pointer
}

.jz-modal-mobile-button[data-v-b4918e54]:last-child {
    border-right: 0
}

.jz-modal-confirm-button[data-v-b4918e54],
.jz-modal-mobile-button[data-v-b4918e54]:hover {
    color: #5874d8;
    color: var(--theme-color, #5874d8)
}

.jz-modal-flex-mode[data-v-b4918e54] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jz-modal-flex-mode .jz-modal[data-v-b4918e54] {
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: none;
    position: relative;
    top: auto;
    left: auto
}

.overflow-y-hidden {
    overflow-y: hidden;
    padding-right: 17px
}

.jz-modal-mask[data-v-5b9d8afe] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .55)
}

.jz-modal[data-v-5b9d8afe] {
    position: fixed;
    min-width: 300px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    font-family: inherit;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.jz-modal[data-v-5b9d8afe],
.jz-modal [data-v-5b9d8afe] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jz-modal-body[data-v-5b9d8afe] {
    padding: 30px;
    text-align: center
}

.jz-modal-header[data-v-5b9d8afe] {
    padding: 24px 20px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #e3e2e8;
    border-radius: 5px 5px 0 0
}

.jz-modal-title[data-v-5b9d8afe] {
    font-size: calc(var(--fontRatio, 1)*16px);
    font-size: var(--title-font-size, 16px);
    color: #333
}

.jz-modal-content[data-v-5b9d8afe] {
    font-size: calc(var(--fontRatio, 1)*14px);
    line-height: 22px;
    text-align: left;
    color: #000;
    color: var(--content-font-color, #000)
}

.jz-modal-footer[data-v-5b9d8afe] {
    margin-top: 36px;
    text-align: center
}

.jz-modal-button[data-v-5b9d8afe] {
    min-width: 90px;
    padding: 0 12px;
    min-height: 34px;
    line-height: 30px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e3e2e8;
    outline: 0;
    font-size: calc(var(--fontRatio, 1)*14px);
    letter-spacing: 2px;
    margin-right: 36px;
    cursor: pointer
}

.jz-modal-button[data-v-5b9d8afe]:last-child {
    margin-right: 0
}

.jz-modal-button[data-v-5b9d8afe]:hover,
.jz-modal-confirm-button[data-v-5b9d8afe] {
    background: #5874d8;
    background: var(--theme-color, #5874d8);
    border-color: #5874d8;
    border-color: var(--theme-color, #5874d8);
    color: #fff;
    color: var(--button-active-color, #fff)
}

.jz-modal-close[data-v-5b9d8afe] {
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer
}

.jz-modal-close-button[data-v-5b9d8afe] {
    width: 14px;
    height: 14px
}

.jz-modal-close[data-v-5b9d8afe]:hover {
    color: #5874d8;
    color: var(--theme-color, #5874d8)
}

.jz-modal-type-confirm .jz-modal-body[data-v-5b9d8afe],
.jz-modal-type-warning .jz-modal-body[data-v-5b9d8afe] {
    padding: 40px 50px
}

.jz-modal-type-confirm .jz-modal-content[data-v-5b9d8afe],
.jz-modal-type-warning .jz-modal-content[data-v-5b9d8afe] {
    margin-top: 14px;
    text-align: center
}

.jz-modal .warning-icon-wrapper[data-v-5b9d8afe] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 36px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 4px solid #f8bb86
}

.jz-modal .warning-icon-part1[data-v-5b9d8afe] {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #ff6701
}

.jz-modal .warning-icon-part2[data-v-5b9d8afe] {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #ff6701
}
  
.jz-modal-flex-mode[data-v-5b9d8afe] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box; 
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jz-modal-flex-mode .jz-modal[data-v-5b9d8afe] {
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: none;
    position: relative;
    top: auto;
    left: auto
}