@charset "utf-8";@font-face {
    font-family: 'icomoon';
    src: url('../icomoon.eot');
    src: url('../icomoon.eot') format('embedded-opentype'),url('../icomoon.woff') format('woff'),url('../icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"],[class*="faisco-icons-"] {
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    speak: none;
    font-style: normal;
    font-weight: normal;
    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,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1)
}

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

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

html {
    height: 100%
}

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: 0;
    max-width: 100%;
    vertical-align: top
}

input[type="radio"],input[type="checkbox"] {
    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;
    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
}

.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
}

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

.faisco-icons-logo:before {
    content: "\e904"
}

.faisco-icons-gwc6:before {
    content: "\ea7e"
}

#g_body {
    overflow-x: hidden;
    overflow-y: auto;
    color: #000;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    height: 100%
}

.g_web {
    margin: 0 auto;
    max-width: 768px;
    left: 0;
    top: 0;
    overflow-x: hidden;
    width: 100%;
    min-height: 100%
}

.fixedAreaBox {
    max-width: 768px
}

.webLeft,.webRight {
    display: none
}

@media only screen and (min-width: 768px) {
    .webLeft,.webRight {
        position:fixed;
        display: block;
        width: calc(50% - 8rem);
        height: 100%;
        top: 0;
        z-index: 999;
        background: #282828
    }

    .webLeft {
        left: 0
    }

    .webRight {
        right: 0
    }
}

.webContainerBox {
    z-index: 0;
    display: block;
    position: relative;
    top: 2.4rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-backface-visibility: hidden
}

.webBackgroundFix {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
    max-width: 768px
}

.webTop {
    margin: 0 auto;
    position: fixed;
    top: 0;
    z-index: 90;
    -webkit-backface-visibility: hidden;
    width: 100%;
    max-width: 768px;
    height: 0;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.webHeader {
    max-width: 768px;
    width: 100%
}

.webHeaderBox {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    -webkit-backface-visibility: hidden
}

.webTitleClose {
    width: auto
}

div.webTitleClose {
    height: auto
}

.header-forLogo {
    overflow: hidden
}

.webHeaderBg {
    color: #fff;
    position: relative
}

.headerSiteMaskWhiteBg {
    position: absolute;
    width: 100%;
    z-index: 49;
    background-color: white;
    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: normal;
    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
}

.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;
    box-sizing: border-box;
    background-image: url(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
}

.mobitipsTitle {
    position: fixed
}

.scroll_fix {
    position: fixed!important;
    max-width: 768px;
    top: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.headerScroll_fix {
    width: 100%;
    max-width: 768px;
    top: 0
}

.jz-switch {
    position: relative;
    display: inline-block;
    width: 1.9rem;
    height: 1rem;
    line-height: 1.15rem;
    border-radius: 1.15rem;
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out
}

.jz-switch-inner {
    position: absolute;
    left: .025rem;
    color: #fff;
    font-size: .3rem
}

.jz-switch-inner:after {
    position: absolute;
    left: .01rem;
    top: .05rem;
    content: "";
    width: .9rem;
    height: .9rem;
    border-radius: .8rem;
    background-color: #fff;
    transition: left .2s ease-in-out,width .2s ease-in-out
}

.jz-switch-checked {
    background-color: #4ad764;
    border-color: #4ad764
}

.jz-switch-checked .jz-switch-inner:after {
    left: .9rem
}

.webTips {
    position: fixed;
    max-width: 100%;
    width: 100%;
    z-index: 3;
    height: 1.5rem;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.webTips .mobitips {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.webTips .mobiScrollbar {
    text-align: center;
    overflow: hidden;
    height: 1.5rem;
    font-size: .6rem;
    position: fixed;
    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
}

.jz-webTips .j-marquee {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%
}

.jz-webTips .j-marqueeContainer li {
    position: relative;
    display: inline-block
}

.jz-webTips .j-marqueeContainer li:not(:first-child) {
    margin-left: 20px
}

.webTopBox {
    margin: auto
}

.g_web .loading {
    z-index: 9999;
    position: fixed;
    width: 100%;
    max-width: 768px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(0,0,0,.5)!important
}

.g_web .loading .splashscreen {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    display: block
}

.loading .ui-loader {
    opacity: .85
}

.loading .ui-loader .ui-icon {
    position: static;
    display: block;
    opacity: .9;
    width: 3rem;
    height: 3rem;
    background-color: transparent
}

@-webkit-keyframes headerBgAnimate {
    0% {
        background-position: 100% 100%
    }

    40% {
        background-position: 60% 100%
    }

    70% {
        background-position: 30% 100%
    }

    100% {
        background-position: 0 100%
    }
}

.spin {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: spin 1s infinite;
    -ms-animation: spin 1s infinite;
    -moz-animation: spin 1s infinite;
    -o-animation: spin 1s infinite;
    animation: spin 1s infinite
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mobi_notice_right_to_left_normal {
    -webkit-animation: mobi_notice_right_to_left 20s linear 1s infinite;
    -moz-animation: mobi_notice_right_to_left 20s linear 1s infinite;
    -o-animation: mobi_notice_right_to_left 20s linear 1s infinite;
    animation: mobi_notice_right_to_left 20s linear 1s infinite
}

.mobi_notice_right_to_left_slow {
    -webkit-animation: mobi_notice_right_to_left 30s linear 1s infinite;
    -moz-animation: mobi_notice_right_to_left 30s linear 1s infinite;
    -o-animation: mobi_notice_right_to_left 30s linear 1s infinite;
    animation: mobi_notice_right_to_left 30s linear 1s infinite
}

.mobi_notice_right_to_left_fast {
    -webkit-animation: mobi_notice_right_to_left 15s linear 1s infinite;
    -moz-animation: mobi_notice_right_to_left 15s linear 1s infinite;
    -o-animation: mobi_notice_right_to_left 15s linear 1s infinite;
    animation: mobi_notice_right_to_left 15s linear 1s infinite
}

@-webkit-keyframes mobi_notice_right_to_left {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%)
    }
}

@-moz-keyframes mobi_notice_right_to_left {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%)
    }
}

@-o-keyframes mobi_notice_right_to_left {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%)
    }
}

@keyframes mobi_notice_right_to_left {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@-ms-keyframes mobi_notice_right_to_left {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%)
    }
}

.mobi_notice_right_to_left_50_fast {
    -webkit-animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite;
    -moz-animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite;
    -o-animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite;
    animation: mobi_notice_right_to_left_50 7.5s linear 1s infinite
}

.mobi_notice_right_to_left_50_slow {
    -webkit-animation: mobi_notice_right_to_left_50 15s linear 1s infinite;
    -moz-animation: mobi_notice_right_to_left_50 15s linear 1s infinite;
    -o-animation: mobi_notice_right_to_left_50 15s linear 1s infinite;
    animation: mobi_notice_right_to_left_50 15s linear 1s infinite
}

.mobi_notice_right_to_left_50_normal {
    -webkit-animation: mobi_notice_right_to_left_50 10s linear 1s infinite;
    -moz-animation: mobi_notice_right_to_left_50 10s linear 1s infinite;
    -o-animation: mobi_notice_right_to_left_50 10s linear 1s infinite;
    animation: mobi_notice_right_to_left_50 10s linear 1s infinite
}

@-webkit-keyframes mobi_notice_right_to_left_50 {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%)
    }
}

@-moz-keyframes mobi_notice_right_to_left_50 {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-50%)
    }
}

@-o-keyframes mobi_notice_right_to_left_50 {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-50%)
    }
}

@keyframes mobi_notice_right_to_left_50 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@-ms-keyframes mobi_notice_right_to_left_50 {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-50%)
    }
}

.mobi_notice_left_to_right_normal {
    -webkit-animation: mobi_notice_left_to_right 20s linear 1s infinite;
    -moz-animation: mobi_notice_left_to_right 20s linear 1s infinite;
    -o-animation: mobi_notice_left_to_right 20s linear 1s infinite;
    animation: mobi_notice_left_to_right 20s linear 1s infinite
}

.mobi_notice_left_to_right_slow {
    -webkit-animation: mobi_notice_left_to_right 30s linear 1s infinite;
    -moz-animation: mobi_notice_left_to_right 30s linear 1s infinite;
    -o-animation: mobi_notice_left_to_right 30s linear 1s infinite;
    animation: mobi_notice_left_to_right 30s linear 1s infinite
}

.mobi_notice_left_to_right_fast {
    -webkit-animation: mobi_notice_left_to_right 15s linear 1s infinite;
    -moz-animation: mobi_notice_left_to_right 15s linear 1s infinite;
    -o-animation: mobi_notice_left_to_right 15s linear 1s infinite;
    animation: mobi_notice_left_to_right 15s linear 1s infinite
}

@-webkit-keyframes mobi_notice_left_to_right {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes mobi_notice_left_to_right {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(100%)
    }
}

@-o-keyframes mobi_notice_left_to_right {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(100%)
    }
}

@keyframes mobi_notice_left_to_right {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@-ms-keyframes mobi_notice_left_to_right {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(100%)
    }
}

.mobi_notice_left_to_right_50_fast {
    -webkit-animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite;
    -moz-animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite;
    -o-animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite;
    animation: mobi_notice_left_to_right_50 7.5s linear 1s infinite
}

.mobi_notice_left_to_right_50_slow {
    -webkit-animation: mobi_notice_left_to_right_50 15s linear 1s infinite;
    -moz-animation: mobi_notice_left_to_right_50 15s linear 1s infinite;
    -o-animation: mobi_notice_left_to_right_50 15s linear 1s infinite;
    animation: mobi_notice_left_to_right_50 15s linear 1s infinite
}

.mobi_notice_left_to_right_50_normal {
    -webkit-animation: mobi_notice_left_to_right_50 10s linear 1s infinite;
    -moz-animation: mobi_notice_left_to_right_50 10s linear 1s infinite;
    -o-animation: mobi_notice_left_to_right_50 10s linear 1s infinite;
    animation: mobi_notice_left_to_right_50 10s linear 1s infinite
}

@-webkit-keyframes mobi_notice_left_to_right_50 {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(50%)
    }
}

@-moz-keyframes mobi_notice_left_to_right_50 {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(50%)
    }
}

@-o-keyframes mobi_notice_left_to_right_50 {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(50%)
    }
}

@keyframes mobi_notice_left_to_right_50 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(50%)
    }
}

@-ms-keyframes mobi_notice_left_to_right_50 {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(50%)
    }
}

.loading .ui-icon-loading {
    background-image: url(/image/mobi/loading.png?v=201711250607);
    border-radius: 1rem;
    background-size: 3rem 3rem
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    margin: 0 auto
}

.swipe img {
    width: 100%
}

.hiddenDefaultBanner .defaultBanner {
    background: 0
}

.swipe .bannerImageDiv {
    background-repeat: no-repeat;
    height: 100%;
    background-position: 50% 50%
}

.swipe .systemtBanner {
    background-repeat: no-repeat;
    background-size: contain
}

.swipe .customBanner {
    background-size: cover
}

.bannerHidden {
    display: none
}

.bannerSwipeContainer {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.bannerSwipeContainer img {
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.bannerSwipeContainer>div {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden
}

.bannerSwipeContainer a[href="javascript:;"] {
    cursor: default
}

.bannerSwipeContainer .bannerDescription {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.3rem;
    background-color: rgba(0,0,0,0.45);
    padding-left: 10px;
    z-index: 999
}

.bannerSwipeContainer .bannerDescription .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #fff;
    line-height: 1.3rem;
    width: 70%
}

.billboard>div {
    clear: both;
    position: absolute
}

.webBannerBox .bannerBullet {
    position: absolute;
    height: .9rem;
    bottom: 0;
    width: 100%
}

.webBannerBox .bannerBullet2 {
    position: absolute;
    height: 1.3rem;
    bottom: 0;
    width: 30%;
    right: 0
}

.webBannerBox .bannerBullet .bullets {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.webBannerBox .bannerBullet2 .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.3rem;
    position: absolute;
    right: .3rem
}

.webBannerBox .bullets li {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    background: #999;
    margin: 0 .1rem;
    cursor: pointer;
    background: rgba(170,170,170,0.5);
    vertical-align: middle
}

.webBannerBox .bullets li.on {
    background: #fff
}

.nextAndPreviousIcon {
    width: 1.75rem;
    height: 1.75rem;
    float: right;
    top: 50%;
    cursor: pointer;
    position: absolute;
    background-position: .25rem;
    border-radius: 4px
}

.imageSliderNext {
    background: url(/image/PicRight.png?v=201711250607) rgba(0,0,0,.4) no-repeat;
    background-size: 100%;
    right: .75rem
}

.imageSliderPrevious {
    background: url(/image/PicLeft.png?v=201711250607) rgba(0,0,0,.4) no-repeat;
    background-size: 100%;
    left: .75rem
}

.webFooter {
    margin: 0 auto
}

.mobiCol12 .g_web .moveAnimation,.mobiCol12 .g_web .webContainerBox .webModuleContainer,.mobiCol13 .g_web .moveAnimation,.mobiCol13 .g_web .webContainerBox .webModuleContainer,.mobiCol14 .g_web .moveAnimation,.mobiCol14 .g_web .webContainerBox .webModuleContainer,.mobiCol26 .g_web .moveAnimation,.mobiCol26 .g_web .webContainerBox .webModuleContainer {
    -webkit-transform: initial!important;
    -ms-transform: initial!important;
    -moz-transform: initial!important;
    -o-transform: initial!important;
    transform: initial!important
}

.mobiCol11 #g_web,.mobiCol12 #g_web,.mobiCol14 #g_web,.mobiCol16 #g_web {
    background-color: #f7f7f7;
    min-height: 100%
}

.mobiCol10 #g_web,.mobiCol13 #g_web {
    background-color: #f7f7f7
}

.mobiCol10 #g_web .webContainerBox,.mobiCol10 #g_web .webModuleContainer,.mobiCol10 #g_web .form,.mobiCol13 #g_web .webContainerBox,.mobiCol13 #g_web .webModuleContainer,.mobiCol13 #g_web .form,.mobiCol14 #g_web .webContainerBox,.mobiCol14 #g_web .webModuleContainer,.mobiCol14 #g_web .form,.mobiCol16 #g_web .webContainerBox,.mobiCol16 #g_web .webModuleContainer,.mobiCol16 #g_web .form {
    height: 100%;
    background: #f7f7f7;
    background-color: #f7f7f7;
    border-bottom: 0;
    border-top: 0
}

.mobiCol11 #g_web .form,.mobiCol20 #g_web .form,.mobiCol12 #g_web .form,.mobiCol14 #g_web .form,.mobiCol21 #g_web .form {
    border-bottom: 0;
    border-top: 0
}

.mobiCol14 #g_web .form .formMiddle {
    background: #f7f7f7;
    background-color: #f7f7f7
}

.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%
}

.mobiCol10 .webFooterBox,.mobiCol11 .webFooterBox,.mobiCol12 .webFooterBox,.mobiCol13 .webFooterBox,.mobiCol14 .webFooterBox,.mobiCol16 .webFooterBox,.mobiCol22 .webFooterBox,.mobiCol26 .webFooterBox {
    display: none
}

.webFooterBox {
    margin: 0 auto
}

.webFooterBox .bottomdiv {
    height: 1.75rem
}

.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: bold;
    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
}

.form .formBannerMore .titleMoreIcon {
    display: none;
    padding: 0 .5rem;
    float: right;
    text-align: center;
    position: relative
}

.form .formBannerMore .titleMore {
    color: #fff;
    padding: 0 .5rem;
    float: right;
    font-size: .6rem;
    font-weight: 500;
    text-align: center;
    position: relative
}

.form .formBannerMore .icon-titleMore:before {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: .05rem
}

.productParam {
    text-align: left;
    line-height: .9rem;
    color: #666;
    font-size: .7rem
}

.g_text.productParam {
    padding-left: .5rem;
    text-decoration: none;
    text-align: left;
    font-size: .8rem;
    line-height: 2rem;
    overflow: hidden
}

.icon-select:before {
    pointer-events: none
}

.matcherForm {
    margin: .5rem .75rem;
    height: 1.2rem
}

.matcherForm .fk_item {
    float: left;
    width: 3.8rem;
    font-size: .8rem
}

.matcherForm .propName {
    color: #636363;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    max-width: 2.7rem;
    display: inline-block;
    vertical-align: middle
}

.matcherForm .icon-matchDownIcon::before {
    content: "\e656";
    font-size: .9rem;
    margin-left: .1rem;
    vertical-align: middle
}

.matcherForm .icon-matchUpIcon::before {
    content: "\e701";
    font-size: .9rem;
    margin-left: .1rem;
    vertical-align: middle
}

.matcherForm .icon-ScreenIcon::before {
    content: "\e900";
    font-size: .9rem;
    vertical-align: middle
}

.matcherForm .matchUpDownIcon {
    width: 1rem;
    color: #636363;
    display: inline-block
}

.matcherForm .item_right {
    font-size: .8rem;
    max-width: 3.5rem;
    position: absolute;
    right: .75rem
}

.matcherForm .screen {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    max-width: 2rem;
    display: inline-block;
    vertical-align: middle;
    color: #636363
}

.matcherForm .item_right .screenIcon {
    display: inline-block;
    color: #636363
}

.fk-noProduct {
    width: 100%;
    color: #707070;
    text-align: center;
    padding: 5rem 0rem;
    font-size: .7rem;
    line-height: 150%
}

.mProductList,.mPhotoList {
    margin-top: .5rem
}

.form .mProductList a {
    color: #333;
    font-size: .7rem;
    text-decoration: none
}

.form .mProductList .paramName {
    font-size: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: .4rem
}

.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
}

.mProductList .proListBookingBtn,.f-mallPriceWrap .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: -0.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
}

.proDetailDiv .buyNumber::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.productScreenFilterPanel .productScreenFilterContentPanel {
    width: 13.5rem;
    max-width: 18rem;
    background-color: #FFF;
    position: absolute;
    right: 0rem;
    height: 100%
}

.productScreenFilterPanel .productScreenFilterContenter {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    left: 0;
    -ms-overflow-style: none;
    bottom: 3rem;
    top: 0rem
}

.productScreenFilterPanel .productScreenFilterOptionContenter {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    left: 0;
    -ms-overflow-style: none;
    bottom: 0rem;
    top: 0rem
}

.productScreenFilterPanel .productScreenFilterTitle {
    padding-top: .5rem;
    height: 2rem;
    border-bottom: .4rem solid #f0f0f0
}

.productScreenFilterPanel .productScreenFilterTitle .icon-screenFilterRt::before {
    content: "\e60e";
    font-size: 1.6rem;
    color: #636363
}

.productScreenFilterPanel .productScreenFilterTitle .screenFilterRtIcon {
    float: left;
    width: 2rem
}

.productScreenFilterPanel .productScreenFilterTitle .screenFilterIcon {
    float: left;
    width: 2rem
}

.productScreenFilterPanel .productScreenFilterTitle .productScreenFilterTi {
    color: #333;
    text-align: center;
    font-size: 1rem;
    float: left;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.productScreenFilterPanel .productScreenFilterLib {
    border-bottom: .4rem solid #f0f0f0;
    padding: .6rem 0rem .6rem .5rem;
    height: 1.2rem
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibLeft {
    color: #666;
    font-size: .8rem;
    float: left;
    width: 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibRight {
    font-size: .8rem;
    float: right;
    width: 8rem
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibRight div {
    display: inline-block
}

.productScreenFilterPanel .productScreenFilterLib .productScreenLibName {
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    max-width: 5rem
}

.productScreenFilterPanel .icon-libNextMore::before {
    float: right;
    content: "\e672";
    color: #666;
    font-size: 1rem
}

.productScreenFilterPanel .libNextMoreIcon {
    float: right;
    vertical-align: middle;
    padding-top: .1rem
}

.productScreenFilterPanel .icon-nextMore::before {
    content: "\e672";
    color: #666;
    font-size: 1rem;
    vertical-align: bottom
}

.productScreenFilterPanel .nextMoreIcon {
    float: right;
    padding-top: .1rem
}

.productScreenFilterPanel .productScreenFilterContent .g_separator {
    border-bottom: 1px solid #e0e0e0;
    margin: 0rem .2rem
}

.productScreenFilterPanel .productScreenFilterContent {
    background-color: #FFF
}

.productScreenFilterPanel .noScreenProp {
    color: #666;
    padding: 5rem 0rem;
    text-align: center;
    font-size: .7rem
}

.productScreenFilterPanel .productScreenFilterLine {
    padding: .7rem 0rem 0rem .5rem;
    height: 1.8rem;
    font-size: .8rem;
    color: #666
}

.productScreenFilterPanel .productScreenFilterLineCheck {
    padding: .7rem .5rem 0rem;
    height: 1.8rem;
    font-size: .8rem;
    color: #666;
    position: relative;
    border-width: .1rem;
    border-style: solid;
    border-color: #65cb0a
}

.productScreenFilterPanel .productScreenFilterLineCheck .productScreenFilterLineLf {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    width: 6rem
}

.productScreenFilterPanel .productScreenFilterLineCheck .productScreenFilterLineLfLong {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    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;
    width: 0;
    position: absolute;
    right: 0
}

.productScreenFilterPanel .icon-check::before {
    content: "\e777";
    color: #FFF;
    font-size: 1rem;
    font-weight: 900;
    vertical-align: bottom
}

.productScreenFilterPanel .checkIcon {
    right: 0;
    position: absolute
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineLf {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    width: 6rem
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineLfLong {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    width: 10rem
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineRt {
    float: right
}

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterOption {
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    max-width: 5rem
}

.productScreenFilterPanel .productScreenFilterBottom {
    position: absolute;
    background-color: #FFF;
    bottom: 0rem;
    width: 100%
}

.productScreenFilterPanel .productScreenFilterButton {
    color: #fff;
    font-size: .8rem;
    height: 1.6rem;
    margin: .5rem .4rem;
    padding-top: .4rem;
    text-align: center
}

.proDetailDiv .productNumberPanel {
    text-align: left;
    padding-left: .5rem
}

.proDetailDiv .buyNumber {
    height: 1.8rem;
    width: 4.1rem;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    font-size: .7rem
}

.proDetailDiv .decrease {
    font-weight: 400;
    display: inline-block;
    width: 2rem;
    height: 1.9rem;
    -webkit-user-select: none;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eeefee));
    background-image: -webkit-linear-gradient(top,#fff 0,#eeefee 100%);
    background-image: linear-gradient(180deg,#fff 0,#eeefee 100%);
    border: 1px solid #d5d5d5;
    font-size: .7rem
}

.proDetailDiv .g_buyNumber {
    width: 3rem
}

.proDetailDiv .productNumberContent {
    transform: translateX(-40%) translateY(-50%);
    border: 1px solid transparent;
    -webkit-transform: translateX(-40%) translateY(-50%)
}

.proDetailDiv .increase {
    font-weight: 700;
    border: 0;
    display: inline-block;
    width: 2rem;
    height: 1.9rem;
    -webkit-user-select: none;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eeefee));
    background-image: -webkit-linear-gradient(top,#fff 0,#eeefee 100%);
    background-image: linear-gradient(180deg,#fff 0,#eeefee 100%);
    border: 1px solid #d5d5d5;
    margin-left: -0.1rem;
    font-size: .7rem
}

.proDetailDiv .increase:active {
    background: #333
}

.proDetailDiv .decrease:active {
    background: #333
}

.proDetailDiv .mallOptionBox {
    margin: .5rem .5rem 0 .5rem;
    border-top: 1px solid #b5d2e5;
    padding-top: .5rem
}

.proDetailDiv .mallOptionBox .mallOptionLine {
    margin-bottom: .5rem;
    text-align: left;
    display: flex;
    flex-wrap: wrap
}

.proDetailDiv .mallOptionLine .optionsBlock {
    display: inline-block
}

.proDetailDiv .mallOptionLine input {
    display: none
}

.proDetailDiv .mallOptionLine span {
    margin: .5rem 0
}

.proDetailDiv .mallOptionLine label {
    margin: 0 0 .25rem .25rem;
    display: inline-block;
    border: 1px solid #ceced0;
    background-color: #fff;
    padding: 0 .5rem;
    height: 1.4rem;
    line-height: 1.4rem
}

.proDetailDiv .mallOptionLine .optionSelected {
    border: 2px solid red;
    height: 1.3rem;
    line-height: 1.3rem
}

.g_breakline {
    margin: 1rem .5rem 0 .5rem
}

.mallTips {
    background: rgba(0,0,0,.85);
    width: 14rem;
    padding: 0 .5rem;
    border-radius: 4px;
    margin: 50% auto;
    color: #fff;
    max-width: 22.5rem
}

.mallTips .top {
    border-bottom: 1px solid
}

.mallTips .top .topIcon {
    margin-top: .25rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(/image/mall/chenggong.png?v=201711250607) no-repeat;
    background-size: 2rem 2rem;
    background-position: .25rem .25rem
}

.mallTips .top .topText {
    text-align: left;
    line-height: 3rem;
    margin-left: .5rem;
    font-size: .8rem;
    font-weight: bold
}

.mallTips .bottom .left {
    text-align: center;
    line-height: 2.5rem
}

.mallTips .bottom .right {
    text-align: center;
    line-height: 2.5rem;
    color: #fff;
    display: block
}

.marketPrice {
    text-decoration: line-through
}

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

.form .formMiddle .style1Img {
    display: inline-block;
    vertical-align: middle
}

.form .formMiddle .photoListImg {
    display: inline-block;
    vertical-align: bottom
}

.form .formMiddle .stretchImg {
    width: 100%;
    height: 100%
}

.form .formMiddle .imgClass_160 {
    text-align: center
}

.form .formMiddle .mProductTileForm.mProductTileFormForStyle1 {
    vertical-align: bottom
}

.form .formMiddle .mProductTileForm.mProductTileFormForStyle2 {
    vertical-align: top
}

.form .formMiddle .mProductTileFormForStyle1 .imgClass_160,.form .formMiddle .mProductTileFormForStyle2 .imgClass_160 {
    height: auto;
    text-align: center
}

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

.form .formMiddle .search a.mSearchBtn {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    background: url(/image/mobi/searchBtn.jpg?v=201711250607) no-repeat;
    background-size: 1.75rem 1.75rem;
    position: absolute;
    right: 0;
    top: 0
}

.form .formMiddle .search {
    margin: .5rem;
    position: relative;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.mSearchInput {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #919191;
    font-size: .6rem;
    -webkit-appearance: none;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: .3rem
}

.icon-mSearchIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    color: #bfbfbf
}

.icon-mSearchIcon::before {
    content: "\e6de";
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.icon-mSearchBtn {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
    text-align: center
}

.icon-mSearchBtn::before {
    content: "\e6de";
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.searchType0,.searchType1,.searchType2 {
    border-radius: 3px
}

.searchType1 .icon-mSearchBtn,.searchType2 .icon-mSearchBtn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.searchType0 .icon-mSearchIcon::before {
    content: none
}

.searchType1 .mSearchInput {
    padding-left: 1.45rem
}

.searchType1 .icon-mSearchBtn {
    width: 2.5rem;
    background-color: #666
}

.searchType1 .icon-mSearchBtn::before {
    content: "搜索";
    color: #fff;
    font-size: .7rem;
    height: .9rem
}

.searchType2 .mSearchInput {
    padding-left: 1.45rem
}

.searchType2 .icon-mSearchBtn {
    width: 1.75rem;
    background-color: #666;
    border: #666
}

.searchType2 .icon-mSearchBtn::before {
    content: "GO";
    color: #fff;
    font-size: .7rem
}

.searchType2 .icon-mSearchBtn::after {
    content: "";
    position: absolute;
    top: .5rem;
    left: -0.4rem;
    width: 0;
    height: 0;
    border-right: solid .4rem;
    border-right-color: inherit;
    border-top: solid .4rem transparent;
    border-bottom: solid .4rem transparent
}

.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
}

.searchType4 .icon-mSearchBtn {
    background-color: #666;
    color: #fff;
    width: 2.8rem;
    border-radius: 1rem
}

.searchType4 .icon-mSearchIcon::before {
    content: none
}

.searchType5 {
    border-radius: 1rem;
    background-color: #666
}

.searchType5 .mSearchInput {
    padding-left: .8rem;
    color: #fff
}

.searchType5 .icon-mSearchBtn {
    color: #fff;
    right: .25rem;
    border-radius: 1rem
}

.searchType5 .icon-mSearchIcon::before {
    content: none
}

.searchWindow {
    position: fixed;
    overflow-y: auto;
    top: 0;
    background-color: #fff;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    height: 100%;
    z-index: 999;
    -webkit-animation: popupSearchWindow .25s both;
    -moz-animation: popupSearchWindow .25s both;
    -o-animation: popupSearchWindow .25s both;
    -ms-animation: popupSearchWindow .25s both;
    animation: popupSearchWindow .25s both
}

@-webkit-keyframes popupSearchWindow {
    0% {
        opacity: 0;
        top: 3rem
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes popupSearchWindow {
    0% {
        opacity: 0;
        top: 3rem
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-o-keyframes popupSearchWindow {
    0% {
        opacity: 0;
        top: 3rem
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-ms-keyframes popupSearchWindow {
    0% {
        opacity: 0;
        top: 3rem
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@keyframes popupSearchWindow {
    0% {
        opacity: 0;
        top: 3rem
    }

    100% {
        opacity: 1;
        top: 0
    }
}

.searchWindowOff {
    -webkit-animation: closeSearchWindow .25s both;
    -moz-animation: closeSearchWindow .25s both;
    -o-animation: closeSearchWindow .25s both;
    -ms-animation: closeSearchWindow .25s both;
    animation: closeSearchWindow .25s both
}

@-webkit-keyframes closeSearchWindow {
    0% {
        opacity: 1;
        top: 0
    }

    100% {
        opacity: 0;
        top: 3rem
    }
}

@-moz-keyframes closeSearchWindow {
    0% {
        opacity: 1;
        top: 0
    }

    100% {
        opacity: 0;
        top: 3rem
    }
}

@-o-keyframes closeSearchWindow {
    0% {
        opacity: 1;
        top: 0
    }

    100% {
        opacity: 0;
        top: 3rem
    }
}

@-ms-keyframes closeSearchWindow {
    0% {
        opacity: 1;
        top: 0
    }

    100% {
        opacity: 0;
        top: 3rem
    }
}

@keyframes closeSearchWindow {
    0% {
        opacity: 1;
        top: 0
    }

    100% {
        opacity: 0;
        top: 3rem
    }
}

.searchInputBar {
    border-bottom: 1px solid #ddd;
    padding: .5rem 0;
    text-align: left;
    position: relative
}

.icon-closeSearch {
    display: inline-block;
    width: 1.5rem;
    height: 1.75rem;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    position: relative
}

.icon-closeSearch::before {
    content: "\e60e";
    font-size: 1.75rem;
    color: #a9aaac;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%)
}

.icon-offSearch {
    display: inline-block;
    width: 1.5rem;
    height: 1.75rem;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    position: relative
}

.icon-offSearch::before {
    content: "\e66f";
    font-size: 1.75rem;
    color: #a9aaac;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%)
}

.popupSearchWrap {
    display: inline-block;
    width: 13.5rem;
    height: 1.6rem;
    position: relative;
    border: solid 1px #bfbfbf;
    border-radius: 2px
}

.icon-popupSearchIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    color: #bfbfbf
}

.icon-popupSearchIcon::before {
    content: "\e6de";
    text-align: center;
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%)
}

.popupSearchInput {
    font-size: .6rem;
    height: 1.6rem;
    width: 100%;
    border: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding-left: .5rem;
    -webkit-appearance: none;
    outline: 0;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.icon-popupSearchBtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 1.6rem;
    width: 1.6rem;
    text-align: center;
    color: #666
}

.icon-popupSearchBtn::before {
    content: "\e6de";
    font-size: 1.4rem;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.popupSearchWrap0 .icon-popupSearchIcon {
    display: none
}

.popupSearchWrap1 .popupSearchInput {
    padding-left: 1.65rem
}

.popupSearchWrap1 .icon-popupSearchBtn {
    width: 2.5rem;
    background-color: #aaa
}

.popupSearchWrap1 .icon-popupSearchBtn::before {
    content: "搜索";
    font-size: .7rem;
    color: #fff
}

.popupSearchWrap2 .popupSearchInput {
    padding-left: 1.65rem
}

.popupSearchWrap2 .icon-popupSearchBtn {
    background-color: #aaa;
    border-color: #aaa
}

.popupSearchWrap2 .icon-popupSearchBtn::after {
    content: "";
    position: absolute;
    top: .48rem;
    left: -0.4rem;
    width: 0;
    height: 0;
    border-right: solid .4rem;
    border-right-color: inherit;
    border-top: solid .4rem transparent;
    border-bottom: solid .4rem transparent
}

.popupSearchWrap2 .icon-popupSearchBtn::before {
    content: "GO";
    font-size: .7rem;
    color: #fff
}

.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 {
    border-radius: 1rem;
    background-color: #aaa;
    width: 2.8rem;
    color: #fff
}

.popupSearchWrap4 .icon-popupSearchIcon {
    display: none
}

.popupSearchWrap5 {
    border-radius: 1rem;
    background-color: #aaa
}

.popupSearchWrap5 .popupSearchInput {
    background-color: transparent;
    padding-left: .8rem;
    color: #fff
}

.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
}

.popupSearchWrap5 .icon-popupSearchIcon {
    display: none
}

.hotTopicWrap,.historyTopicWrap {
    padding: .8rem .8rem 0 .8rem
}

.historyTopicWrap {
    overflow: hidden;
    max-height: 5.8rem;
    padding-top: .8rem
}

.hotTopicWrap~.historyTopicWrap {
    padding-top: .4rem
}

.searchWindow h3 {
    color: #333;
    font-weight: normal;
    margin-bottom: .5rem;
    font-size: .6rem
}

.topicItem {
    font-size: .6rem;
    display: inline-block;
    color: #999;
    border: solid 1px #ddd;
    padding: .3rem .5rem;
    margin: 0 .4rem .4rem 0;
    border-radius: 2px;
    cursor: pointer;
    max-width: 5.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clearHistoryBtn {
    color: #666;
    width: 12.5rem;
    background-color: #f2f2f2;
    margin: .2rem auto .8rem auto;
    text-align: center;
    font-size: .65rem;
    padding: .35rem 0;
    border-radius: 2px;
    cursor: pointer
}

.pageButton {
    width: 3rem;
    height: 1.25rem;
    border: 1px #c9c9c9 solid;
    font-size: .6rem;
    text-align: center;
    margin: 0 auto;
    float: left
}

.pageButton p {
    text-decoration: none;
    text-align: center;
    line-height: .75rem;
    color: #666;
    box-shadow: rgba(247,239,239,0.5) 0 0 1.2rem inset;
    padding: .25rem
}

.lastPageButton {
    border-radius: .5rem;
    margin-left: -0.25rem;
    margin-top: .75rem;
    float: left;
    width: 1.6rem;
    height: 2.5rem;
    background-color: rgba(0,0,0,0.3);
    background-image: url(/image/Pc.png?v=201711250607);
    background-repeat: no-repeat;
    background-position: 2px -78px
}

.nextPageButton {
    margin-right: -0.25rem;
    border-radius: .5rem;
    margin-top: .75rem;
    float: right;
    width: 1.6rem;
    height: 2.5rem;
    background-color: rgba(0,0,0,0.3);
    background-image: url(/image/Pc.png?v=201711250607);
    background-repeat: no-repeat;
    background-position: -34px -78px
}

.box .imgClass {
    margin: .5rem 0
}

.mProductList .paramNowrap {
    white-space: nowrap;
    table-layout: fixed;
    display: block
}

.mProductTileForm {
    margin-top: .25rem;
    margin-bottom: .25rem;
    text-align: center
}

.mProductTileForm .paramCollection {
    padding: 0;
    margin: .15rem auto 0 auto
}

.mProductTileForm .paramWrap {
    word-break: normal
}

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

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

.tableBox .qqbox,.tableBox .phonebox {
    display: inline-block;
    vertical-align: middle;
    padding: 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
}

.form {
    position: relative;
    margin-top: .6rem;
    overflow: hidden
}

.form:nth-child(1) {
    margin-top: 0;
    box-shadow: none
}

.form .formBannerTitle {
    width: 100%;
    font-weight: 500;
    font-size: .8rem;
    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
}

.form .formBannerTitle .textContent {
    white-space: nowrap;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.newsDetail .title {
    float: none;
    line-height: 1.5rem;
    background: 0;
    height: auto
}

.textAreaLine {
    height: auto
}

.newsList .line:before {
    content: ""
}

.newsList .line.wWLineOne:before {
    content: "";
    background: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0
}

.newsList .line.wWLineOne:nth-last-child(2):before {
    content: "";
    background: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0
}

.newsList .line.wWLineOne:after {
    content: "";
    border: 0;
    background: 0
}

.newsList .line.wWLineOne:nth-last-child(2):after {
    content: "";
    border: 0;
    background: 0;
    border: 0
}

.newsList .line.One:before {
    content: "";
    background: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0
}

.newsList .line.One:nth-last-child(2):before {
    content: "";
    background: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0
}

.newsList .line.One:after {
    content: "";
    border: 0;
    background: 0
}

.newsList .line.One:nth-last-child(2):after {
    content: "";
    border: 0;
    background: 0
}

.newsList .wWLine {
    height: auto;
    overflow: visible
}

.newsList .wWLineOne {
    height: auto;
    overflow: hidden;
    zoom:1;padding-left: .3rem;
    padding-right: .3rem;
    max-width: 100%
}

.newsList .One {
    height: auto;
    max-width: 100%;
    overflow: hidden;
    zoom:1;padding-left: .3rem;
    padding-right: .3rem
}

.newsList .line .newsCalendar {
    height: 1.15rem;
    line-height: 1.15rem;
    width: 3.75rem;
    cursor: pointer;
    text-align: right
}

.newsList .line .newsCalendar a {
    display: inline-block;
    padding: 0 0 0 .25rem;
    text-decoration: none
}

.newsList .line a {
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .7rem;
    font-weight: normal;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.separatorLine {
    clear: both;
    margin: 0;
    font-size: 0;
    border-top: 0;
    border-left: none;
    border-right: 0;
    height: 1px;
    line-height: 1px;
    border-width: 1px
}

.g_topFlag1 {
    background: url(/image/mobi/newTopFlag1.gif?v=201711250607) no-repeat 0 0;
    background-size: 1rem 1rem
}

.g_topFlag2 {
    background: url(/image/mobi/newTopFlag2.gif?v=201711250607) no-repeat 0 0;
    background-size: 1rem 1rem
}

.g_topFlag3 {
    background: url(/image/mobi/newTopFlag3.gif?v=201711250607) no-repeat 0 0;
    background-size: 1rem 1rem
}

.g_topFlag4 {
    background: url(/image/mobi/g_topFlag4.gif?v=201711250607) no-repeat 0 4px
}

.newsList .line .lineBody .g_topFlag {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    float: left
}

.newsList .line.One .lineBodyPic .g_topFlag {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    float: none;
    position: static
}

.newsList .line.One .lineBodyPic .topFlagTableCell {
    display: table-cell;
    vertical-align: middle;
    width: 1rem;
    height: 1rem
}

.newsList .line.wWLineOne .lineBodyPic .g_topFlag {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    float: none;
    position: static
}

.newsList .line.wWLineOne .lineBodyPic .topFlagTableCell {
    display: table-cell;
    vertical-align: middle;
    width: 1rem;
    height: 1rem
}

.newsList .mixNewsStyleLine .lineBody .g_topFlag {
    width: 1rem;
    height: 1rem;
    padding: 0;
    float: left;
    display: inline-block;
    margin: .1rem 0 0 0;
    position: relative
}

.newsList .mixNewsStyleLine .newsCalendar {
    height: 1.15rem;
    line-height: 1.15rem;
    width: 3.75rem;
    cursor: pointer;
    text-align: right
}

.newsList .mixNewsStyleLine .newsCalendar a {
    display: inline-block;
    padding: 0 0 0 .25rem;
    text-decoration: none
}

.newsList .mixNewsStyleLine a {
    display: inline-block;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: .7rem;
    font-weight: normal;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .wWLine a {
    height: auto;
    line-height: 1rem;
    word-wrap: break-word;
    white-space: normal;
    text-overflow: clip;
    -o-text-overflow: clip;
    width: 100%;
    word-break: break-word
}

.newsList .wWLineOne a {
    width: 100%;
    height: auto;
    display: block
}

.newsList .wWLineOne a .twoLineHidden {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.g_locale1033 .newsList .wWLineOne a .twoLineHidden {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    word-break: normal
}

.newsList .One a {
    display: block;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: clip;
    width: 100%
}

.newsList .line.One .textTableCell a {
    table-layout: fixed;
    vertical-align: middle;
    padding-left: .25rem;
    padding-right: .25rem;
    display: table;
    line-height: 1rem;
    height: auto;
    max-height: 2.5rem;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 100%
}

.newsList .One a .twoLineHidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .wWLineOne .textTableCell {
    display: table-cell;
    vertical-align: middle
}

.newsList .One .textTableCell {
    display: table-cell;
    vertical-align: middle
}

.newsList .wWLineOne .picTableCell {
    display: table-cell;
    width: 3.5rem;
    height: 3.5rem;
    vertical-align: middle
}

.newsList .One .picTableCell {
    display: table-cell;
    padding-right: .1rem
}

.newsList .wWLineOne .fontTableCell {
    height: auto;
    line-height: 1rem;
    padding-left: .25rem;
    padding-right: .15rem;
    display: table-cell;
    width: auto;
    height: auto;
    vertical-align: middle
}

.newsList .One .fontTableCell {
    display: table-cell;
    vertical-align: middle;
    padding-left: .25rem;
    padding-right: .15rem
}

.newsList .One .fontTableCell .fontHiddenTable {
    display: table;
    width: 100%;
    table-layout: fixed
}

.newsList .wWLineOne .lineBodyPic {
    display: table;
    width: 100%;
    height: auto
}

.newsList .One.line .lineBodyPic {
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: table;
    width: 100%
}

.newsList .wWLine.line .lineBody {
    padding-top: .6rem;
    padding-bottom: .4rem
}

.newsList .line .lineBody {
    padding-top: .29rem;
    padding-bottom: .29rem
}

.newsList .picNumOne a {
    height: auto;
    word-break: break-all;
    white-space: normal;
    overflow: auto;
    text-overflow: clip;
    -o-text-overflow: clip;
    width: 90%
}

.newsList .mixNewsStyleLine .lineBody {
    position: relative;
    overflow: hidden;
    padding: 0 0 .4rem 0
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox {
    float: left;
    clear: both;
    padding: .5rem .5rem 0 .5rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 {
    float: left;
    clear: both;
    padding: .5rem .5rem 0 .5rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 img,.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 div {
    float: left;
    max-width: 5.6rem;
    max-height: 5rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox1 .newsTitlePic1 {
    float: left;
    max-width: 5.6rem;
    max-height: 5rem;
    width: 5.6rem;
    height: 5rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox3 {
    clear: both;
    padding-left: .3rem;
    padding-top: .3rem;
    padding-right: .3rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox3 .newsTitlePic {
    width: 100%;
    height: 8rem;
    box-sizing: border-box;
    padding: 1%;
    background-size: 100% 100%;
    background-color: #f2f2f2
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox4 {
    clear: both;
    padding-left: .3rem;
    padding-top: .3rem;
    padding-right: .3rem
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox4 .newsTitlePic {
    width: 100%;
    height: 8rem;
    box-sizing: border-box;
    padding: 1%;
    background-size: 100% 100%;
    background-color: #f2f2f2
}

.newsList .mixNewsStyleLine .icon-noFigureB:before {
    content: "\e729";
    background-color: #f2f2f2;
    display: inline-block;
    font-size: 6.5rem;
    position: relative;
    top: 0;
    left: 50%;
    margin: 0 0 0 -3.2rem;
    color: #c4c4c4;
    opacity: 1
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox img {
    float: left;
    max-width: 5.6rem;
    max-height: 5rem
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer {
    padding: .25rem 0 0 0
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    font-size: .8rem;
    font-weight: normal;
    color: white;
    width: 100%;
    height: auto;
    max-height: 2.8rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    font-size: .8rem;
    font-weight: normal;
    color: white;
    width: 100%;
    height: auto;
    max-height: 2.8rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    display: block;
    font-weight: bold
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    display: block;
    font-weight: bold;
    word-wrap: break-word
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle2 {
    padding-left: .25rem;
    width: 50%;
    height: 1.3rem;
    font-weight: bold;
    line-height: 1.3rem
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    display: block;
    font-weight: normal;
    line-height: 1.15rem;
    max-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle1 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    display: block;
    font-weight: normal;
    line-height: 1.15rem;
    max-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    display: block;
    font-weight: normal;
    line-height: 1.15rem;
    max-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle1 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    display: block;
    font-weight: normal;
    line-height: 1.15rem;
    max-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle2 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    height: 1.3rem;
    font-weight: normal;
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle2 {
    padding-left: .25rem;
    padding-right: .25rem;
    width: auto;
    height: 1.3rem;
    font-weight: normal;
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .mixNewsStyleLine .mixNewsStyleSummary {
    padding-left: .25rem;
    padding-right: .25rem;
    color: #808080;
    display: block;
    width: auto;
    height: auto;
    font-size: .6rem;
    line-height: 1rem;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: visible;
    cursor: pointer
}

.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleSummary {
    padding-left: .25rem;
    padding-right: .25rem;
    color: #808080;
    display: block;
    width: auto;
    height: auto;
    font-size: .6rem;
    line-height: 1rem;
    word-wrap: break-word;
    word-break: normal;
    white-space: normal;
    overflow: visible;
    cursor: pointer
}

.newsList .topFlagLine a {
    width: 100%
}

.newsList .wWLineOne.topFlagLine a {
    width: auto
}

.newsList .wWLineOne.topFlagLine {
    padding-left: .3rem;
    padding-right: .3rem;
    max-width: 100%
}

.newsList .One.topFlagLine a {
    width: 100%
}

.newsList .One.topFlagLine {
    padding-left: .3rem;
    padding-right: .3rem
}

.newsList .smallPic {
    position: absolute;
    top: 0;
    right: 2.3rem
}

.newsList .newsLine .newsLeftImg {
    width: 2.5rem;
    height: 2.5rem
}

.newsList .newsLine .newsRightImg {
    width: 2.5rem;
    height: 2.5rem
}

.newsList .newsLine .icon-noFigureS {
    width: 50px;
    height: 50px;
    background-color: #f2f2f2
}

.newsList .newsLine .icon-noFigureS:before {
    content: "\e729";
    display: inline-block;
    font-size: 40px;
    position: relative;
    top: 4px;
    left: 4px;
    margin: 0;
    color: #c4c4c4;
    opacity: 1
}

.newsList .newsLine .icon-noFigureM:before {
    content: "\e729";
    background-color: #f2f2f2;
    display: inline-block;
    font-size: 3.4rem;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    color: #c4c4c4;
    opacity: 1
}

.newsList .newsLine.One .picLink {
    width: auto;
    height: auto;
    max-width: 100%;
    display: table-cell
}

.newsList .newsLine.wWLineOne .picLink {
    width: auto;
    height: auto;
    max-width: 100%;
    display: table-cell
}

.newsList .topFlagLine .lineBodyTable {
    display: table;
    width: 100%
}

.newsList .topFlagLine .wholeLineTFTableCell {
    display: table-cell;
    width: 1rem;
    vertical-align: top;
    padding-top: .25rem
}

.newsList .topFlagLine .linkTableCell {
    display: table-cell;
    width: auto
}

.newsList .topFlagLine.wWLine .wholeLineTFTableCell {
    padding-top: 0
}

.newsList .topFlagLine .linkTable {
    display: table;
    table-layout: fixed;
    width: 100%
}

.newsList .f-cardGraphicNews {
    width: 100%;
    overflow: hidden;
    position: relative
}

.newsList .cardGraphicNewsStyle {
    float: left
}

.newsList .cardGraphicNewsStyle .lineBody {
    position: relative;
    overflow: hidden;
    padding: .4rem 0 .45rem .7rem
}

.newsList .cardGraphicNewsStyle .f_mixNewsStyleImgBox5_link {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 100%;
    display: block;
    position: relative;
    background: #fff;
    text-shadow: none
}

.newsList .cardGraphicNewsStyle .mixNewsStyleImgBox5 {
    clear: both;
    border: 1px solid #e6e6e6;
    width: 12.5rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 {
    padding: .55rem .65rem .75rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitle1 {
    width: auto;
    display: block;
    font-weight: normal;
    font-size: .7rem;
    color: #666;
    letter-spacing: .02rem;
    max-height: 1.9rem;
    overflow: hidden
}

.newsList .cardGraphicNewsStyle .justifyTextAlign {
    text-align: justify
}

.newsList .cardGraphicNewsStyle .centerTextAlign {
    text-align: center
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1 {
    width: auto;
    display: block;
    font-weight: normal;
    font-size: .7rem;
    color: #666;
    letter-spacing: .02rem;
    text-align: justify;
    max-height: 1.9rem;
    overflow: hidden;
    word-wrap: break-word
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitle2 {
    width: auto;
    display: block;
    font-weight: normal;
    font-size: .7rem;
    color: #666;
    letter-spacing: .02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.3rem;
    line-height: 1.3rem
}

.newsList .cardGraphicNewsStyle.wWLine .lineBody .g_topFlag {
    width: .95rem;
    height: .95rem;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin-right: .1rem;
    margin-top: .04rem
}

.newsList .cardGraphicNewsStyle .lineBody .g_topFlag {
    width: .95rem;
    height: .95rem;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin-right: .1rem;
    margin-top: .2rem
}

.newsList .cardGraphicNewsStyle .separatorLine {
    border-top: 1px solid #e6e6e6;
    margin: .55rem 0 .45rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleSummary {
    color: #ababab;
    display: block;
    width: auto;
    height: auto;
    font-size: .6rem;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    line-height: 1rem;
    max-height: 1.82rem
}

.g_locale1033 .newsList .cardGraphicNewsStyle .mixNewsStyleSummary {
    color: #ababab;
    display: block;
    width: auto;
    height: auto;
    font-size: .6rem;
    word-wrap: break-word;
    word-break: normal;
    white-space: normal;
    overflow: hidden;
    line-height: 1rem;
    text-align: justify;
    max-height: 1.82rem
}

.newsList .f-cardGraphicNewsSlide {
    position: absolute;
    left: 0
}

.newsList .mixNewsStyleImgBox5 .newsTitlePic {
    width: 12.5rem;
    height: 7.8rem;
    box-sizing: border-box;
    background-color: #f2f2f2
}

.newsList .mixNewsStyleImgBox5 .icon-noFigureB:before {
    height: 7.8rem;
    content: "\e729";
    background-color: #f2f2f2;
    display: inline-block;
    font-size: 6.5rem;
    position: relative;
    top: 0;
    left: 50%;
    margin: 0 0 0 -3.2rem;
    color: #c4c4c4;
    opacity: 1
}

.newsList .largeImageNewsStyle {
    margin-bottom: .4rem
}

.newsList .largeImageNewsStyle .f_mixNewsStyleImgBox6_link {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 9rem;
    display: block;
    position: relative
}

.newsList .largeImageNewsStyle .lineBody {
    position: relative;
    overflow: hidden
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 {
    clear: both;
    padding: .13rem .7rem
}

.newsList .largeImageNewsStyle.wWLine .lineBody .g_topFlag {
    width: .95rem;
    height: .95rem;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin-right: .1rem;
    margin-top: .04rem
}

.newsList .largeImageNewsStyle .lineBody .g_topFlag {
    display: inline-block;
    vertical-align: top;
    width: .95rem;
    height: .95rem;
    position: relative;
    margin-top: .2rem;
    margin-right: .1rem
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsTitlePic {
    width: 14.6rem;
    height: 9rem;
    box-sizing: border-box;
    background-size: 100% 100%;
    background-color: #f2f2f2
}

.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 {
    position: absolute;
    background: rgba(0,0,0,.65);
    max-height: 9rem;
    font-weight: normal;
    color: white;
    width: 100%;
    height: 100%;
    padding: 0;
    bottom: 0
}

.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {
    width: auto;
    display: block;
    font-weight: normal;
    font-size: .78rem;
    letter-spacing: .04rem;
    max-height: 2rem;
    overflow: hidden;
    text-align: center;
    color: #fff
}

.g_locale1033 .newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {
    width: auto;
    display: block;
    font-weight: normal;
    font-size: .78rem;
    letter-spacing: .04rem;
    max-height: 2rem;
    overflow: hidden;
    text-align: center;
    color: #fff;
    word-wrap: break-word
}

.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle2 {
    width: auto;
    display: block;
    font-weight: normal;
    font-size: .78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.3rem;
    line-height: 1.3rem;
    font-family: 微软雅黑;
    letter-spacing: .04rem;
    text-align: center;
    color: #fff
}

.newsList .largeImageNewsStyle .mixNewsStyleSummary {
    padding: .4rem 1.5rem 0;
    max-height: .9rem;
    color: #c0c0c0;
    display: block;
    width: auto;
    height: auto;
    font-size: .6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: .85rem;
    font-family: 微软雅黑;
    text-align: center
}

.newsList .largeImageNewsStyle .mixNewsStyleTitlePanel {
    position: relative;
    padding: 2.2rem 2rem .7rem
}

.newsList .largeImageNewsStyle .icon-noFigureB:before {
    height: 9rem;
    content: "\e729";
    background-color: #f2f2f2;
    display: inline-block;
    font-size: 8.5rem;
    position: relative;
    top: 0;
    left: 50%;
    margin: 0 0 0 -4.2rem;
    color: #c4c4c4;
    opacity: 1
}

.newsList7 {
    position: relative
}

.newsList .timeAxisNewsStyle .lineBody {
    position: relative;
    overflow: hidden;
    padding: .4rem .85rem .95rem .62rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 {
    position: relative;
    height: 4.4rem;
    width: 100%
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left {
    width: 5.65rem;
    display: inline-block;
    float: left;
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_right {
    display: inline-block;
    position: absolute;
    right: 0
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTime {
    font-size: .75rem;
    color: #3f3f3f
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle1 {
    font-size: .55rem;
    color: #858585;
    max-height: 1.55rem;
    overflow: hidden;
    line-height: .8rem
}

.g_locale1033 .newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle1 {
    font-size: .55rem;
    color: #858585;
    max-height: 1.55rem;
    overflow: hidden;
    line-height: .8rem;
    word-wrap: break-word
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle2 {
    font-size: .55rem;
    color: #858585;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .timeAxisNewsStyle.wWLine .lineBody .g_topFlag {
    width: .85rem;
    height: .85rem;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin-right: .1rem;
    background-size: .9rem .9rem
}

.newsList .timeAxisNewsStyle .lineBody .g_topFlag {
    display: inline-block;
    vertical-align: top;
    width: .95rem;
    height: .85rem;
    position: relative;
    margin-right: .1rem;
    background-size: .9rem .9rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_right .newsTitlePic {
    width: 7rem;
    height: 4.4rem
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_middleCicle {
    position: absolute;
    top: 1.15rem;
    left: 6.1rem;
    content: "";
    width: .6rem;
    height: .6rem;
    background: #ededed;
    border-radius: 50%;
    z-index: 1
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7:after {
    position: absolute;
    top: 1.25rem;
    left: 6.2rem;
    content: "";
    width: .4rem;
    height: .4rem;
    background: #c5c5c5;
    border-radius: 50%;
    z-index: 2
}

.newsList7:after {
    position: absolute;
    left: 6.99rem;
    top: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #c5c5c5
}

.newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .icon-noFigureB:before {
    height: 4.4rem;
    content: "\e729";
    background-color: #f2f2f2;
    display: inline-block;
    font-size: 4.5rem;
    position: relative;
    top: 0;
    left: 50%;
    margin: 0 0 0 -2rem;
    color: #c4c4c4;
    opacity: 1
}

.newsList .column2 {
    margin: .2rem 3%;
    overflow: hidden
}

.newsList .column2 .newsLine {
    width: 46%;
    display: inline-block;
    margin-top: .6rem;
    margin-bottom: .3rem;
    vertical-align: top
}

.newsList .column2 {
    clear: both;
    position: relative
}

.newsList .column2 a {
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .7rem;
    font-weight: normal;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .column2 .wWLine a {
    height: auto;
    line-height: 1rem;
    word-break: break-all;
    white-space: normal;
    text-overflow: clip;
    -o-text-overflow: clip;
    width: 100%;
    max-height: 2rem
}

.g_locale1033 .newsList .column2 .wWLine a {
    height: auto;
    line-height: 1rem;
    word-wrap: break-word;
    word-break: normal;
    white-space: normal;
    text-overflow: clip;
    -o-text-overflow: clip;
    width: 100%;
    max-height: 2rem
}

.newsList .column2 .lineBody .g_topFlag {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    float: left
}

.newsList .column2:before {
    position: absolute;
    left: 49.5%;
    top: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #e6e6e6
}

.newsList .column2 .c2_separatorLine {
    border-bottom: 1px solid #e6e6e6
}

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

.newsList .clearFix:after {
    clear: both
}

.newsList .One .newsElementsPanel,.newsList .wWLineOne .newsElementsPanel {
    padding-left: .25rem
}

.newsList .newsElementsPanel {
    padding-bottom: .5rem;
    font-size: .6rem;
    color: #ababab;
    cursor: pointer;
    letter-spacing: -0.3rem
}

.newsList .newsElementsPanel .ne_newsComment {
    display: inline-block;
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0
}

.newsList .newsElementsPanel .ne_newsComment:before,.newsList .newsElementsPanel .ne_newsAuthor:before {
    font-size: .8rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.2rem
}

.newsList .newsElementsPanel .ne_newsComment .newsCommentCount {
    vertical-align: middle;
    line-height: 1.1rem
}

.newsList .newsElementsPanel .ne_newsAuthor {
    display: inline-block;
    max-width: 60%;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: .6rem
}

.newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName {
    vertical-align: middle;
    line-height: 1.1rem
}

.newsList .newsElementsPanel .ne_separatorLine {
    display: inline-block;
    width: 1px;
    height: .56rem;
    background: #ababab;
    margin: .25rem .7rem .24rem;
    letter-spacing: 0;
    line-height: 1rem
}

.newsList .newsElementsPanel .ne_newsSort {
    display: inline-block;
    max-width: 60%;
    letter-spacing: 0;
    margin-right: .5rem;
    line-height: 1.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.newsList .newsElementsPanel .ne_newsTime {
    display: inline-block;
    overflow: hidden;
    letter-spacing: 0;
    max-width: 4.2rem;
    line-height: 1.1rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel {
    color: #ababab;
    margin-top: .6rem
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_newsComment:before,.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_newsAuthor:before {
    vertical-align: middle
}

.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_separatorLine {
    background: #ababab
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel {
    text-align: center
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .7rem;
    height: 1px;
    background-color: #fff
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel .newsSort {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    max-width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .7rem;
    height: 1px;
    background-color: #fff
}

.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsElementsPanel {
    position: absolute;
    width: 100%;
    bottom: 0rem;
    font-size: .6rem;
    color: #ababab;
    padding-bottom: .4rem
}

.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: "\ea84"
}

.faisco-icons-author:before {
    content: "\ea85"
}

.newsList .newsArrayPanel.column2 .newsElementsPanel {
    padding-bottom: .3rem;
    font-size: .6rem;
    color: #ababab
}

.newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsComment {
    max-width: 40%
}

.newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsAuthor {
    max-width: 64%
}

.newsList .newsArrayPanel.column2 .newsElementsPanel .ne_separatorLine {
    width: 0;
    margin: .25rem .3rem .224rem
}

.newsDetail {
    overflow: auto
}

.newsDetail .attachList {
    padding: 1rem 0 .5rem .5rem
}

.newsDetail .attachListItem {
    width: 14rem;
    height: 1.5rem;
    background-color: #f4f4f4;
    margin-bottom: .5rem;
    padding: .55rem .5rem
}

.newsDetail .attachFileType {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block
}

.newsDetail .fileType-iconDoc {
    background: url(/image/comm/fai/filetype_word.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconPpt {
    background: url(/image/comm/fai/filetype_ppt.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconXls {
    background: url(/image/comm/fai/filetype_excel.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconPdf {
    background: url(/image/comm/fai/filetype_pdf.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconJpg {
    background: url(/image/comm/fai/filetype_image.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconTxt {
    background: url(/image/comm/fai/filetype_txt.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconUnknown {
    background: url(/image/comm/fai/filetype_unknown.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconAvi {
    background: url(/image/comm/fai/filetype_avi.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconRar {
    background: url(/image/comm/fai/filetype_rar.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconRm {
    background: url(/image/comm/fai/filetype_rm.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileType-iconZip {
    background: url(/image/comm/fai/filetype_zip.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetail .fileContent {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: top
}

.newsDetail .fileContent .fileContentName {
    font-size: .6rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 11.5rem
}

.newsDetail .fileContent .fileContentSize {
    font-size: .5rem;
    line-height: .8rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 11.5rem
}

.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: -0.4rem;
    margin-top: 0rem!important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-navRight:before {
    font-size: 1.5rem;
    position: absolute;
    margin-left: -0.3rem;
    margin-top: 0rem!important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pagenation .pagePrev.pageDisable:active {
    background: 0
}

.pagenation .pageNext.pageDisable:active {
    background: 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;
    transition: all 300ms
}

.navExistOffPanel.navPanelOpen {
    margin-left: 7.5rem
}

.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
}

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

.navBaseIcon .navItem .navItemName {
    vertical-align: middle
}

.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
}

.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
}

.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 .pagePrev span,.pagenation .pageNext span {
    line-height: 1.3rem;
    height: 1.3rem
}

.pagenation .pagePrev,.pagenation .pageNext {
    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: normal;
    margin-top: .6rem;
    text-indent: 0
}

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

.mobiLogo {
    margin: .25rem 0;
    text-align: center
}

.mobiLogo .logo {
    max-height: 2.5rem;
    max-width: 8rem;
    float: left
}

.mobiLogo img {
    vertical-align: middle
}

.mobiLogo .mobititle {
    padding-left: .5rem;
    font-weight: bold;
    font-size: .7rem
}

.mobiTitleClose {
    display: none
}

.mobiLogo .clear {
    clear: both
}

.textImg3 {
    float: none;
    width: 100%;
    display: block;
    text-align: center
}

.textImg1 {
    float: left;
    margin: .25rem .5rem .25rem .25rem;
    width: 50%;
    overflow: hidden
}

.textImg4 {
    float: right;
    width: 50%;
    margin: .25rem .5rem .25rem .25rem;
    overflow: hidden
}

.richContent {
    line-height: 1.6;
    padding: 0 .35rem;
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    text-align: left;
    margin: .5rem 0;
    font-size: .8rem
}

.richContent ol {
    padding-left: 2rem
}

.richContent ul {
    padding-left: 1.35rem
}

.richContent table {
    clear: both;
    border-collapse: collapse;
    word-break: break-all
}

.richContent4 {
    overflow: visible;
    width: auto
}

.richContent1 {
    width: auto;
    padding-left: .25rem;
    overflow: visible
}

.richContent a,.content a {
    text-decoration: underline
}

.clear {
    clear: both
}

.formStyle2 .textImg1+.richContent1 ul,.formStyle2 .textImg1+.richContent1 ol {
    list-style-position: outside;
    margin-left: -1em
}

.formStyle2 .textImg1+.richContent1 ul li,.formStyle2 .textImg1+.richContent1 ol li {
    position: relative;
    left: 1em;
    padding-right: 1em
}

@media screen and (min-width: 0\0) and (min-resolution:+72dpi) {
    .formStyle2 .textImg1+.richContent1 ul,.formStyle2 .textImg1+.richContent1 ol {
        list-style-position:inside
    }

    .formStyle2 .textImg1+.richContent1 ul li>p,.formStyle2 .textImg1+.richContent1 ol li>p {
        display: inline
    }
}

.footer .technicalSupport {
    -webkit-text-size-adjust: 100%
}

.footer {
    padding: .5rem 0;
    position: relative
}

.technical {
    margin-bottom: 1rem
}

.technicalSupport {
    clear: both;
    text-align: center;
    color: #666;
    margin: 0;
    padding: .1rem 0;
    position: relative;
    overflow: hidden;
    font-size: .6rem
}

.technicalSupport ol {
    padding-left: 2rem
}

.technicalSupport ul {
    padding-left: 1.35rem
}

.footer a {
    text-decoration: none
}

.technicalSupport a {
    color: #666;
    text-decoration: none
}

.PcVer {
    margin-left: .5rem
}

.rep {
    margin-left: .5rem
}

.footerShare {
    text-align: center;
    border-bottom: 1px solid #e0e0e0
}

.footerShare {
    float: left;
    width: 15.6rem;
    padding-top: .65rem;
    padding-bottom: .75rem;
    margin-left: .2rem
}

.footerShareTitle {
    position: relative;
    left: 2.7rem;
    float: left;
    color: #999;
    font-size: .6rem;
    margin-top: .5rem
}

.footerShareIcon {
    position: relative;
    float: left;
    left: 2.3rem;
    height: 1.53rem;
    width: 1.53rem;
    border-radius: 100%;
    font-size: 1.78rem;
    padding-left: .95rem
}

.footerShare .icon-wechat {
    color: #38ba34
}

.footerShare .icon-weibo {
    color: #e55f5e
}

.footerShare .icon-qq {
    color: #18b4ed
}

.footerShare .icon-wechat:before {
    content: "\ea83";
    background-color: white;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-shadow: inset 0 0 6px 6px #38ba34;
    -webkit-box-shadow: inset 0 0 6px 6px #38ba34;
    -moz-box-shadow: inset 0 0 6px 6px #38ba34
}

.footerShare .icon-weibo:before {
    content: "\ea82";
    background-color: white;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-shadow: inset 0 0 6px 6px #e55f5e;
    -webkit-box-shadow: inset 0 0 6px 6px #e55f5e;
    -moz-box-shadow: inset 0 0 6px 6px #e55f5e
}

.footerShare .icon-qq:before {
    content: "\ea81";
    background-color: white;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-shadow: inset 0 0 6px 6px #18b4ed;
    -webkit-box-shadow: inset 0 0 6px 6px #18b4ed;
    -moz-box-shadow: inset 0 0 4px 4px #18b4ed
}

.shareCover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .8;
    z-index: 1000;
    display: block
}

.shareCoverImg {
    z-index: 100;
    display: block;
    position: fixed;
    left: 1rem;
    right: 0;
    max-width: 768px;
    margin: 0 auto;
    height: 13.5rem;
    top: .5rem
}

.shareCoverContent {
    z-index: 100;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    max-width: 768px;
    margin: 0 auto
}

.shareCoverIcon {
    height: 8rem;
    top: 4rem
}

.shareCoverTip {
    width: 8rem;
    text-align: center;
    color: #666;
    font-size: .7rem;
    top: 14rem
}

.shareCoverBtn {
    height: 2.2rem;
    width: 8.3rem;
    text-align: center;
    line-height: 2.2rem;
    border: 1px solid #cacaca;
    font-size: .8rem;
    color: #666;
    border-radius: .2rem;
    top: 18rem
}

.webModuleContainer {
    position: relative
}

.formMiddle {
    overflow: hidden;
    padding-bottom: .25rem;
    table-layout: fixed;
    border-spacing: 0
}

.formMiddle .middleLeft,.formMiddle .middleRight {
    display: none
}

.proImgSwipe .productBullet {
    position: absolute;
    height: .9rem;
    top: auto;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    width: 100%
}

.proImgSwipe .bullets {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.proImgSwipe .bullets li {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    background: #999;
    margin: 0 .1rem;
    cursor: pointer;
    background: #adb1b1
}

.proImgSwipe .bullets li.on {
    background: #fff
}

.proImgSwipe {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;
    visibility: visible;
    margin-bottom: .5rem
}

.proDetailImgBox {
    margin: 0 auto;
    margin-bottom: .5rem;
    overflow: hidden;
    position: relative;
    height: 100%
}

.proDetailImg {
    vertical-align: middle
}

.swipImgBox {
    height: 100%;
    position: relative;
    float: left
}

.proDetailDiv {
    text-align: center
}

.proDetailDiv .g_button {
    width: 90%
}

.remarkBox {
    padding: 0 .5rem
}

.remarkBox ol {
    padding-left: 2rem
}

.remarkBox ul {
    padding-left: 1.35rem
}

.paginateTable {
    width: 100%;
    height: 100%
}

.sorryTips {
    padding: 0 .25rem;
    margin: .5rem auto;
    color: gray
}

.webCustomerServiceBox {
    margin: 0 auto;
    margin-bottom: 2.4rem
}

.webCustomerServiceBox {
    opacity: 0
}

.webCustomerServiceBox .customerServiceDiv {
    width: 100%;
    max-width: 768px;
    -webkit-backface-visibility: hidden
}

.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 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

.fk-webMapServiceBox .f-webMapIframeWrap {
    height: 100%;
    width: 100%;
    display: table-cell;
    background: url(/image/loading/loading_2.gif?v=201610211723) no-repeat center #fff
}

.showMapService {
    top: 0;
    visibility: visible;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

.fk-webMapServiceBox .webMapHeader {
    height: 2.3rem
}

.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: bold
}

.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-mnameIcon:before,.icon-memailIcon:before,.icon-mphoneIcon:before,.icon-mmsgIcon: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"
}


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

.g_globalLine .mustSpan {
    position: absolute;
    right: -0.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: 0;
    color: white;
    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: -0.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;
    -o-text-overflow: ellipsis;
    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;
    -o-text-overflow: ellipsis;
    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: 0rem .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: bold;
    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;
    margin-top: 1rem
}

.formStyle10 .g_globalLine_textArea {
    height: 3.5rem
}

.formStyle10 .g_globalLine .g_input {
    height: 2.25rem;
    border: 0;
    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: 0;
    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: -0.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
}

.newsDetail .title .titleText {
    font-size: .9rem;
    line-height: 1.75rem;
    color: #333;
    float: none;
    display: block;
    white-space: normal;
    height: auto;
    overflow: auto;
    padding: .4rem;
    font-weight: normal;
    word-wrap: break-word
}

.sortPanelList .line {
    padding-right: .25rem;
    overflow: hidden
}

.line {
    padding-left: .5rem;
    clear: both;
    position: relative;
    background-repeat: no-repeat;
    background-position: .25rem 1rem;
    padding-left: .5rem;
    padding-right: 1.6rem
}

.categoryModel {
    overflow-x: hidden;
    overflow: -y:auto;
    -ms-overflow-style: none
}

.categoryModel::-webkit-scrollbar {
    display: none!important
}

.sortPanelList .pgName {
    display: inline-block;
    float: left;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 1.9rem;
    line-height: 1.9rem;
    font-weight: normal;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.sortPanelList .pgMark {
    float: right;
    margin: .4rem .55rem 0 0;
    font-size: .9rem
}

.pgListDiv {
    background-color: #fff
}

.pgDetail {
    position: relative;
    background-color: #fff;
    font-size: .75rem
}

.pgDetail .pgBox {
    width: 100%;
    background-color: #fff
}

.pgDetail .pgBoxCollapse {
    width: 40%;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

.pgDetail .pgBox .g_globalLine {
    margin: 0 .4rem;
    width: 100%;
    height: 2.5rem
}

.pgDetail .pgBox .pgName,.pgDetail .pgBox .pgModeTitle {
    display: inline-block;
    float: left;
    color: black;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .7rem;
    font-weight: normal;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pgDetail .pgBox .pgBox2Item {
    position: relative;
    z-index: 20;
    height: 0rem;
    transition: all .3s;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    background-color: #f7f7f7;
    -webkit-overflow-scrolling: touch
}

.pgDetail .pgBox .pgBox2Item .pgName {
    padding: 0 .5rem 0 1rem;
    border-top: 1px solid #f2f2f2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.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;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: .75rem;
    font-size: 1rem
}

.icon-selectedPayMode {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: .3rem;
    font-size: .8rem;
    vertical-align: middle
}

.payMode1:before {
    content: "\eaa3";
    color: #5bb741
}

.payMode2:before {
    content: "\eaa7";
    color: #e42a3a
}

.payMode3:before {
    content: "\eaa8";
    color: #ff8100
}

.payMode4:before {
    content: "\eaa6";
    color: #00a0e9
}

.payMode5:before {
    content: "\eaa6";
    color: #00a0e9
}

.payMode6:before {
    content: "\eaa6";
    color: #00a0e9
}

.payMode8:before {
    content: "\eaa6";
    color: #00a0e9
}

.payMode12:before {
    content: "\eaa6";
    color: #00a0e9
}

.payMode13:before {
    content: "\eaa6";
    color: #00a0e9
}

.payMode9:before {
    content: "\eaa4";
    color: #0066e4
}

.payMode7:before {
    content: "\eaa2";
    color: #00a0e9
}

.payMode10:before {
    content: "\eaa5";
    color: #75d42f
}

.payMode11:before {
    content: "\eaa5";
    color: #75d42f
}

.payMode14:before {
    content: "\eaa5";
    color: #75d42f
}

.pgDetail .pgBox .pgSelect {
    background-color: #e3e3e3;
    height: 1.6rem;
    position: absolute;
    left: .4rem;
    width: 98%
}

.pgDetail .pgBox2 {
    position: absolute;
    top: 0;
    width: 60%;
    left: 100%;
    background-color: #e3e3e3;
    height: 100%;
    overflow-x: hidden
}

.pgDetail .pgBox2Collapse {
    position: absolute;
    top: 0;
    left: 40%;
    transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms
}

.pgDetail .pgBox2 .pgBox2Item {
    position: absolute;
    top: 0;
    width: 100%;
    left: 100%;
    display: none
}

.pgDetail .pgBox2 .pgName {
    display: block;
    float: left;
    color: black;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 2rem;
    line-height: 2rem;
    font-size: .7rem;
    font-weight: normal;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    clear: both
}

.pgDetail .pgBox2 .pgBox2ItemCollapse {
    position: relative;
    top: 0;
    left: 5%;
    display: block;
    transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms
}

.icon-gline:after {
    pointer-events: none
}

.pgLinkWrap {
    display: block;
    overflow: hidden
}

.g_web .multilingualArea {
    margin: auto;
    position: relative
}

.g_web .multilingual {
    height: 1.4rem;
    z-index: 1;
    background: 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.Icon1108 .lanTitle,#multiLanguageCtrl.Icon1054 .lanTitle {
    max-width: 3rem
}

#multiLanguageCtrl.Icon1049 .lanTitle,#multiLanguageCtrl.Icon1036 .lanTitle,#multiLanguageCtrl.Icon1040 .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,0.9);
    z-index: 9;
    right: 0;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    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: -0.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)
}

.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)
}

.photoListDetailShow {
    position: fixed;
    top: 150%;
    height: 100%;
    z-index: 99;
    max-width: 768px;
    width: 100%;
    background: #000;
    transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    overflow: hidden
}

.photoListDetailShow .webPhotoListDetail {
    margin: 0;
    position: relative;
    height: 100%
}

.photoListDetailShow .webPhotoListDetail .prevPhoto {
    position: absolute;
    background: url(/image/PicLeft.png?v=201711250607) 50% 50% no-repeat rgba(0,0,0,.5);
    -moz-background-size: 1.2rem,auto;
    -ms-background-size: 1.2rem,auto;
    -o-background-size: 1.2rem,auto;
    -webkit-background-size: 1.2rem,auto;
    background-size: 1.2rem,auto;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 1.75rem;
    height: 1.75rem;
    top: 50%;
    left: .25rem;
    z-index: 1;
    transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -webkit-transition: opacity 200ms linear
}

.photoListDetailShow .photoFilter .prevPhoto,.photoListDetailShow .photoFilter .nextPhoto {
    display: none
}

.photoListDetailShow .photoFilter {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -webkit-transition: all 500ms linear
}

.photoListDetailShow .webPhotoListDetail .nextPhoto {
    background: url(/image/PicRight.png?v=201711250607) no-repeat 50% 50% rgba(0,0,0,.4);
    -moz-background-size: 1.2rem,auto;
    -ms-background-size: 1.2rem,auto;
    -o-background-size: 1.2rem,auto;
    -webkit-background-size: 1.2rem,auto;
    background-size: 1.2rem,auto;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    right: .25rem;
    z-index: 1;
    top: 50%;
    transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -webkit-transition: opacity 200ms linear
}

.photoDetailDescription .descriptionFilter {
    height: 100%;
    position: absolute;
    left: 0;
    width: 150%;
    z-index: -1;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)));
    background-image: -moz-gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)));
    background-image: -ms-linear-gradient(bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)));
    background-image: gradient(linear,left bottom,left top,color-stop(0.0,rgba(0,0,0,.8)),color-stop(1.0,rgba(0,0,0,.0)))
}

.photoListDetailLoadingDom {
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    max-width: 768px;
    background: #000;
    opacity: .5
}

.photoListDetailLoadingDom .photoLoading {
    background-image: url(/image/mobi/loading.png?v=201711250607);
    border-radius: 1rem;
    width: 3rem;
    height: 3rem;
    margin: 50% auto;
    background-size: 3rem 3rem
}

.photoListDetailShow .webPhotoListDetail .photoDetail {
    float: left;
    text-align: center;
    height: 100%
}

.photoListDetailShow .webPhotoListDetail .photoDetail .imageSpan {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.photoListDetailShow .webPhotoListDetail .photoDetail img {
    margin: auto;
    vertical-align: middle
}

.photoListDetailShow .photoDetailClose {
    width: 1.75rem;
    height: 1.75rem;
    background: url(/image/PicClose.png?v=201711250607) 50% 50% no-repeat rgba(0,0,0,.5);
    -moz-background-size: 14px,auto;
    -ms-background-size: 14px,auto;
    -o-background-size: 14px,auto;
    -webkit-background-size: 14px,auto;
    background-size: 14px,auto;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    right: .5rem;
    margin: .4rem 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -webkit-transition: opacity 200ms linear
}

.photoListDetailShow .photoDetailDescription {
    margin-top: 2.5rem;
    height: auto;
    color: #fff;
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: -100%;
    transition: bottom 500ms linear;
    -ms-transition: bottom 500ms linear;
    -moz-transition: bottom 500ms linear;
    -o-transition: bottom 500ms linear;
    -webkit-transition: bottom 500ms linear
}

.photoListDetailShow .photoDetailDescription .handleIcon {
    height: 1.75rem;
    width: 20%;
    position: absolute;
    right: 0
}

.photoListDetailShow .photoDetailDescription .handleUp {
    background: url(/image/mobi/zhankai.png?v=201711250607);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px
}

.photoListDetailShow .photoDetailDescription .handleDown {
    background: url(/image/mobi/shouqi.png?v=201711250607);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px
}

.photoListDetailShow .photoDetailDescription .descriptionDom {
    margin-top: 1.75rem;
    padding: .5rem .25rem;
    line-height: 1.2rem
}

.photoListDetailShow .photoDetailDescription .drawer_handle {
    height: 1.75rem;
    width: 80%;
    position: absolute;
    line-height: 1.75rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-indent: .5em;
    font-weight: bold;
    text-overflow: ellipsis;
    font-size: .8rem;
    color: #fff;
    cursor: pointer
}

.photoModule.styleForm1 {
    margin-top: .5rem;
    overflow: hidden
}

.photoModule.styleForm1 li {
    text-align: center
}

.photoModule.styleForm1 .photoDiv {
    display: inline-block;
    margin-bottom: 1rem;
    vertical-align: top;
    -webkit-backface-visibility: hidden
}

.photoModule.styleForm1 .imgDiv {
    overflow: hidden;
    vertical-align: middle;
    text-align: center
}

.photoModule.styleForm1 .photoDiv .imgName {
    word-break: normal;
    max-width: 13rem;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #676767;
    text-align: center;
    font-size: .8rem;
    line-height: 1.2rem
}

.mPhotoList .photoSlideList .photoCrossedSlideSec .imgName {
    padding: .25rem;
    word-break: normal;
    max-width: 13rem;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

.mPhotoList .photoSlideList a {
    font-size: .6rem
}

.imgDetailDiv {
    overflow: scroll;
    display: none;
    top: 0;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    position: fixed;
    height: 100%;
    z-index: 99;
    background: black
}

.exitButton {
    background: url(/image/PicClose.png?v=201711250607) no-repeat;
    width: 1rem;
    height: 1rem;
    right: 1rem;
    top: .9rem;
    position: absolute;
    background-size: 100%;
    cursor: pointer;
    position: fixed
}

.showImg {
    width: 100%
}

.imgDetailArea {
    margin-top: 2rem;
    color: white;
    line-height: 1.8;
    padding: 0 .5rem;
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    text-align: left
}

.imgDetailDiv .imgName {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    color: white;
    font-size: .8rem;
    font-weight: bold;
    overflow: hidden;
    word-wrap: break-word
}

.imgDesc {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    color: white
}

.g_background {
    background: #fff
}

.photoModule.styleForm7 {
    position: relative;
    margin: .5rem auto;
    overflow: hidden;
    width: 100%
}

.photoModule.styleForm7 ul {
    position: absolute;
    padding: 0;
    left: 0;
    transition: all 500ms
}

.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=201711250607) 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=201711250607) 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,0.4);
    line-height: 1.2rem
}

.photoModule.styleForm6 .fk-photoBulletStyle {
    background: 0
}

.photoModule.styleForm6 .noBG {
    background: 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,0.5);
    box-shadow: 0 0 2px rgba(0,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: 1rem;
    font-size: .65rem;
    text-align: center;
    margin-bottom: -.2rem;
    padding-top: .2rem
}

.tableFixColor {
    background-color: rgba(0,0,0,.4)
}

.tdUl,.tdUl .bullets.f-bullets {
    line-height: 1rem;
    font-size: 0
}

.tdUl {
    height: 1rem;
    padding: 0
}

.photoModule.styleForm6 .photoBullet .bullets li {
    vertical-align: middle
}

.photoModule.styleForm6 .photoBullet {
    background-color: transparent
}

.tableFix td {
    padding: 0
}

.photoModule .photoBullet .tableFix {
    border-spacing: 0;
    width: 100%;
    table-layout: fixed
}

.photoModule .photoBullet .tableFix .tdUl {
    vertical-align: bottom
}

.g_locale2052 .mbLineCtrl .msgSubmitButton {
    letter-spacing: .2em
}

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

.g_locale1028 .mbLineCtrl .msgSubmitButton {
    letter-spacing: .2em
}

.g_locale1028 .g_button {
    background-position: 24% 40%
}

.g_locale1033 .mbLineCtrl .msgSubmitButton {
    text-transform: capitalize
}

.g_locale1033 .g_button {
    background-position: 30% 40%
}

.g_locale1041 .mbLineCtrl .msgSubmitButton {
    background-position: 30% 40%
}

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

.g_locale1042 .mbLineCtrl .msgSubmitButton {
    background-position: 35% 40%
}

.g_locale1042 .g_button {
    background-position: 30% 40%
}

.g_locale1108 .mbLineCtrl .msgSubmitButton {
    background-position: 35% 40%
}

.g_locale1108 .g_button {
    background-position: 26% 40%
}

.g_locale1054 .mbLineCtrl .msgSubmitButton {
    background-position: 35% 40%
}

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

.g_locale11274 .mbLineCtrl .msgSubmitButton {
    background-position: 26% 40%
}

.g_locale11274 .g_button {
    background-position: 26% 40%
}

.g_locale1049 .mbLineCtrl .msgSubmitButton {
    background-position: 22% 40%
}

.g_locale1049 .g_button {
    background-position: 22% 40%
}

.loginHeader,.ShipDetailsHeader,.BanksDetailHeader {
    text-align: center;
    height: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    position: relative
}

.loginHeader .title,.ShipDetailsHeader .title {
    z-index: 1;
    text-align: center;
    height: 2.4rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 2.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 11.5rem;
    display: inline-block;
    color: #fff
}

.loginContent {
    padding: .75rem .5rem .75rem .5rem
}

.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
}

#signupPage .signUpContent .itemEdit {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma!important
}

.loginContent #memCodeInput {
    width: 55%
}

.loginContent #memCodeSplitLine {
    display: none;
    width: 1px;
    height: 1rem;
    background: #ebebeb;
    position: relative;
    top: .3rem
}

.loginContent #acquireCode {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    color: rbg(153,153,153);
    background-color: #fff;
    padding: .75rem;
    width: 45%;
    height: 2.5rem;
    box-sizing: border-box;
    margin-top: -1px;
    line-height: .8rem;
    border-left: none;
    font-size: .7rem
}

.loginContent .loginToggle {
    cursor: pointer;
    float: left
}

.icon-nameIcon:before,.icon-acctIcon:before,.icon-userIcon:before,.icon-fastUserIcon:before,.icon-iphone2: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
}

.loginContent .autoLoginCtrl {
    margin: .65rem 0 0 0
}

.loginContent .autoLoginCtrl .autoLoginCheck {
    width: .5rem;
    height: .5rem;
    margin-right: .2rem;
    display: none
}

.loginContent .autoLoginCtrl .autoLoginLabel {
    font-size: .55rem
}

.loginContent .loginSubmitCtrl {
    background: #2982ba;
    margin: .6rem .5rem 0 .5rem
}

.loginContent .loginSubmit {
    background-color: #2982ba;
    background-repeat: no-repeat;
    background-size: 1.2rem auto;
    background-position: 32% 40%;
    border: 0;
    color: white;
    height: 1.75rem;
    font-size: .7rem;
    font-weight: bold;
    border-radius: 0;
    width: 14rem;
    margin: 0;
    padding: 0
}

.loginIcon {
    display: none;
    background: url(/image/loading/loading.png?v=201711250607) no-repeat;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    margin-top: -1.9rem;
    left: 5.4rem;
    background-size: 1.2rem 1.2rem
}

.loginContent .loginBottom {
    text-align: right;
    margin-top: .4rem
}

.loginContent .loginBottom .freeRegister {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    color: #666
}

.loginContent .loginBottom .mobileFastLoginToggle {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    color: #666
}

.loginContent .loginBottom .acctLoginToggle {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    color: #666
}

.loginContent .loginCaptchaCtrl {
    display: none
}

.loginErrorLine {
    display: none;
    width: 100%;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 200px;
    margin-left: 3rem
}

.errorTips {
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    color: #fff;
    font-size: .7rem;
    padding: .7rem;
    word-wrap: break-word
}

.gohomeIcon {
    float: left;
    background: url(/image/loading/gohome.png?v=201711250607) no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem;
    margin-left: .4rem;
    margin-top: .4rem
}

.exit {
    color: #2982ba
}

.loginContent .oLgnPanel {
    margin-top: 2rem
}

.loginContent .oLgnPanel .head {
    height: 1rem
}

.loginContent .oLgnPanel .leftLine {
    width: 4.8rem;
    border-bottom: 1px solid #a9a9a9;
    margin: .5rem .3rem 0rem .8rem;
    float: left
}

.loginContent .oLgnPanel .middle {
    float: left;
    font-size: .6rem;
    color: #a9a9a9
}

.loginContent .oLgnPanel .rightLine {
    width: 4.8rem;
    border-bottom: 1px solid #a9a9a9;
    margin-top: .5rem;
    float: left;
    margin-left: .3rem
}

.loginContent .oLgnPanel .oLgn {
    margin-top: 1rem;
    height: 5rem
}

.loginContent .oLgnPanel .oLgn .qqLgnPanel {
    width: 2.8rem;
    height: 3.2rem;
    float: left;
    margin-left: 4rem;
    text-align: center
}

.loginContent .oLgnPanel .oLgn .sinaLgnPanel,.wxLgnPanel {
    width: 3rem;
    height: 3.2rem;
    float: left;
    margin-left: 1.4rem;
    text-align: center
}

.loginContent .oLgnPanel .oLgn .qqLgnPanel .qqLgn {
    width: 2.2rem;
    height: 2.2rem;
    background: url("/image/member/QQ.png?v=201711250607");
    background-size: 2.2rem;
    margin-left: .3rem
}

.loginContent .oLgnPanel .oLgn .sinaLgnPanel .sinaLgn {
    width: 2.2rem;
    height: 2.2rem;
    background: url("/image/member/weibo.png?v=201711250607");
    background-size: 2.2rem;
    margin-left: .4rem
}

.loginContent .oLgnPanel .oLgn .wxLgnPanel .wxLgn {
    width: 2.2rem;
    height: 2.2rem;
    background: url("/image/member/weixin.png?v=201711250607");
    background-size: 2.2rem;
    margin-left: .4rem
}

.loginContent .oLgnPanel .oLgn .desc {
    font-size: .6rem;
    color: #a9a9a9;
    margin-top: .2rem
}

.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-msgIcon:before {
    content: "\e6b3";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.signUpContent {
    margin: .75rem .5rem 0 .5rem
}

.signUpContent .loginNotice {
    text-align: center;
    overflow: hidden;
    height: 1.25rem;
    font-size: .6rem;
    background: #fef5d8;
    color: red;
    line-height: 1.25rem;
    margin: 0 .5rem .6rem .5rem
}

.mustIcon {
    color: red
}

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

.moduleContent .mustIcon {
    position: absolute;
    top: .5rem;
    right: -1rem
}

.mustSpan {
    position: absolute
}

.g_circle {
    width: 10rem;
    height: 10rem;
    border: 1px #e5e5e5 solid;
    -moz-border-radius: 5rem;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    margin: 2.5rem auto 2rem
}

.signUpContent .captchaText,.loginContent .captchaText {
    margin-top: .5rem
}

.signUpContent .ProtocolLineCtrl {
    padding: .5rem 0 0 0
}

.signUpContent .ProtocolLineCtrl .memberProtocol {
    text-decoration: none;
    font-size: .55rem;
    color: #0590c7
}

.memberSignupCaptchaHide {
    display: none
}

#mProPage {
    display: none
}

.mProContent {
    padding: .75rem .85rem;
    background-color: #fff;
    color: #666;
    font-size: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .65rem
}

.mProContent .set-line p {
    margin-bottom: .5rem
}

.signUpContent .g_textArea {
    padding-left: 1.75rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.signUpContent .ProtocolLineCtrl .memberAgreeProCheck {
    width: .5rem;
    height: .5rem;
    display: none
}

.signUpContent .ProtocolLineCtrl .memberAgreeProLabel {
    font-size: .55rem
}

.icon-checkIcon:before {
    content: "\e6fd";
    display: inline-block;
    margin-right: .2rem;
    font-size: .7rem;
    position: relative;
    top: .1rem
}

.icon-uncheckIcon:before {
    content: "\e715";
    display: inline-block;
    margin-right: .2rem;
    font-size: .7rem;
    position: relative;
    top: .1rem
}

.signUpContent .signupSubmit,.loginContent .sendIcon {
    margin-bottom: 0;
    font-weight: normal;
    font-size: .85rem
}

.signUpContent .signupSubmit:disabled,.loginContent .sendIcon:disabled {
    opacity: .5
}

.signUpContent .icon-iphone2:before {
    content: "\e68f"
}

.profileContent {
    color: #333;
    padding: .5rem .5rem .5px .5rem
}

.bulletinCotent {
    color: #333;
    padding: .6rem .5rem;
    text-align: left
}

.profileContent ul {
    list-style: none;
    border-top: 1px #ececec solid;
    margin-top: .5rem;
    padding-left: 0
}

.profileContent li:last-child {
    border-bottom: 0
}

.profileContent li {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px #ececec solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.profileContent li .itemName {
    color: #666;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap
}

.profileContent .g_globalLine .itemName {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .75rem;
    color: #333
}

.profileContent li .itemName .bulletinTitle {
    padding-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.profileContent .onLogout {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    margin-top: .5rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec
}

@keyframes newsReminds {
    0% {
        background-position: 100% 0
    }

    25% {
        background-position: 100% 20%
    }

    50% {
        background-position: 100% 0
    }

    75% {
        background-position: 100% 20%
    }

    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes newsReminds {
    0% {
        background-position: 100% 0
    }

    25% {
        background-position: 100% 20%
    }

    50% {
        background-position: 100% 0
    }

    75% {
        background-position: 100% 20%
    }

    100% {
        background-position: 100% 0
    }
}

.profileContent li .itemName .newsReminds {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #f00;
    position: relative;
    top: -0.3rem;
    left: -0.1rem;
    padding-right: 0
}

.profileContent li .itemText {
    color: #999;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    white-space: nowrap
}

.profileContent li .clickIcon {
    margin-right: .45rem;
    color: #666;
    float: right
}

.profileContent li .clickIcon .icon-clickIcon:before {
    content: "\e672";
    font-size: .9rem
}

.profileContent .modifyArea li {
    cursor: pointer;
    background: #fff
}

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

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

.profileContent .itemInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

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

.modifyProfile {
    display: none
}

.icon-noLoginIcon:before {
    content: "\e641";
    font-size: 4.5rem;
    color: #999
}

.modifyProfile .profileSubmit:disabled {
    opacity: .5
}

#modifyProfile .loginIcon {
    margin-top: -2rem
}

#modifyPsw .loginIcon {
    margin-top: -1.45rem
}

.profileContent .integrationLine,.profileContent .incomeLine {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ccc;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    color: #333;
    background-color: #fff
}

.profileContent .integrationLine span,.profileContent .incomeLine span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profileContent .integrationLine span:first-child,.profileContent .incomeLine span:first-child {
    display: inline-block;
    width: 80%;
    text-align: left;
    padding-left: .75rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.profileContent .integrationLine span:last-child,.profileContent .incomeLine span:last-child {
    display: inline-block;
    width: 20%;
    text-align: right;
    padding-right: .75rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.g_locale2052 .profileContent .integrationLine span:first-child,.g_locale2052 .profileContent .incomeLine span:first-child {
    display: inline-block;
    width: auto;
    max-width: 70%;
    text-align: left;
    padding-left: .5rem;
    padding-right: .5rem
}

.g_locale2052 .profileContent .integrationLine span:last-child,.g_locale2052 .profileContent .incomeLine span:last-child {
    display: inline-block;
    width: 30%;
    text-align: left;
    padding-right: 0
}

#profile .profileContent {
    padding: 0
}

.memberBasicInfo {
    width: 100%;
    height: 2.65rem;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
    padding: .5rem 0rem .5rem 3rem;
    margin-bottom: .5rem
}

.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
}

#editMemberHeadPic {
    background-color: #000;
    width: 100%
}

#editMemberHeadPic .picArea {
    border-top: 1px solid #1d1d1d;
    position: relative;
    max-width: 100%
}

#editMemberHeadPic .picArea img {
    position: absolute
}

#editMemberHeadPic .picArea .coverImg {
    z-index: 1
}

#editMemberHeadPic .picArea .cover {
    opacity: .5;
    background-color: #000;
    position: absolute;
    z-index: 1
}

#editMemberHeadPic .picArea .coverRing {
    position: absolute;
    border: 1px solid #FFF;
    border-radius: 50%
}

#editMemberHeadPic .picArea .coverBox {
    cursor: move;
    position: absolute;
    border: 1px dashed #FFF;
    z-index: 99
}

#editMemberHeadPic .picArea .coverBox .dragPoint {
    z-index: 5;
    position: absolute;
    width: 8px;
    height: 8px;
    overflow: hidden;
    cursor: nw-resize;
    background: white none repeat scroll 0 0
}

#editMemberHeadPic .editHeadPicFooter {
    position: absolute;
    bottom: 0;
    display: inline-block;
    text-align: center;
    height: 3rem;
    width: 100%;
    line-height: 3rem;
    margin: 0;
    padding: 0;
    background-color: #222
}

#editMemberHeadPic .editBtn {
    position: absolute;
    display: inline-block;
    padding: 0 .5rem;
    margin: .5rem 1.5rem;
    height: 2rem;
    line-height: 2rem;
    width: 4rem;
    border: 1px solid #333;
    border-radius: 5px;
    font-size: .9rem;
    color: #FFF;
    cursor: pointer
}

#editMemberHeadPic .saveBtn {
    right: 0
}

#editMemberHeadPic .modifyBtn {
    left: 0
}

#editMemberHeadPic .editHeadPicFooter .swfupload {
    position: absolute;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 99;
    width: 4rem;
    height: 2rem
}

.fileUploadBtn {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 4rem;
    height: 2rem
}

.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-pInfoIcon:before,#profile .profileContent .icon-cPswIcon:before,#profile .profileContent .icon-bangding:before,#profile .profileContent .icon-cLogoutIcon:before,#profile .profileContent .icon-orderIcon:before,#profile .profileContent .icon-addrInfoIcon:before,#profile .profileContent .icon-fenxiao:before,#profile .profileContent .icon-starIcon:before,#profile .profileContent .icon-integralIcon:before,#profile .profileContent .icon-cutPrice:before,#profile .profileContent .icon-promoter:before,#profile .profileContent .icon-noticeIcon: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-promoter:before {
    content: "\b0264";
    color: #369bff
}

#profile .profileContent .icon-noticeIcon:before {
    content: "\e6c1";
    color: #c2b2ea
}

#profile .profileContent .icon-bangding:before {
    content: "\eab1";
    color: #666
}

#profile .profileContent .newProfileIcon.icon-bangding:before {
    font-size: 1.2rem
}

#modifyPersInfo {
    background-color: #f1f0f6;
    font-family: 微软雅黑
}

#modifyPersInfo .profileContent {
    padding-top: 0;
    margin-top: 1.1rem
}

#modifyPersInfo .g_input {
    padding-left: 3.75rem;
    color: #999;
    margin-top: 0;
    border: 0
}

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

#modifyPersInfo .profileContent .itemName {
    text-align: left;
    margin: .75rem 0 .75rem .5rem
}

#modifyPersInfo .profileContent .sendIcon {
    color: #f7f7f7
}

#modifyPersInfo .g_button {
    height: 2.5rem
}

#modifyPersInfo .g_globalLine {
    margin-top: .3rem
}

#modifyPersInfo #mobileCt {
    opacity: 0;
    width: 6.8rem;
    padding-left: 2rem
}

#modifyPersInfo #mobile {
    width: 8.2rem;
    padding-left: .5rem;
    border-left: none;
    border-left: 1px solid #ebebeb
}

#modifyPersInfo .mobileCtVal {
    position: absolute;
    width: 6.8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    text-indent: 3.5rem
}

#modifyPersInfo .mobileCtIcon {
    position: absolute;
    top: .8rem;
    left: 5.5rem
}

#modifyPersInfo .icon-downward:before {
    content: "\e656";
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    color: #666
}

#modifyPersInfo .acctDes {
    background: #fff;
    border-top: 0;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .5rem;
    color: #999;
    padding-left: .75rem
}

#modifyPersInfo .acct {
    border-bottom: 1px solid #ebebeb
}

#modifyPersInfo .canNotReset {
    background-color: #f9f9f9;
    color: #d8d8d8
}

#modifyPersInfo .acct.disCls {
    color: #e2e2e2;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc
}

#modifyCollection .profileContent .noCollIcon {
    background: url(/image/v2/defaultIcon01.png?v=201711250607) no-repeat center;
    width: 5.5rem;
    height: 6rem;
    margin: 18% auto 1rem;
    background-size: 3.5rem
}

#modifyCollection .profileContent .noCollTip {
    font-size: .6rem;
    font-family: 微软雅黑;
    color: #666;
    padding-bottom: 200px;
    text-align: center
}

#modifyCollection .profileContent li {
    position: relative;
    list-style: none;
    height: 5rem;
    padding: .5rem 0;
    border-bottom: 1px solid #eee
}

#modifyCollection .profileContent li:first-child {
    padding-top: 0rem;
    height: 4.5rem
}

#modifyCollection .profileContent li .pdImg img {
    max-width: 4rem;
    max-height: 4rem
}

#modifyCollection .profileContent li .pdImg {
    position: absolute;
    display: inline-block;
    margin-right: .5rem
}

#modifyCollection .profileContent li .pdName {
    height: 2rem;
    padding-left: 4.5rem;
    vertical-align: top;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#modifyCollection .profileContent li .pdPrice {
    height: 2rem;
    line-height: 2rem;
    padding-left: 4.5rem;
    position: relative
}

#modifyCollection .profileContent li .mallPrice {
    vertical-align: bottom;
    line-height: 1rem;
    width: 50%;
    display: inline-block;
    color: #f40
}

#modifyCollection .profileContent li .cancelCollection {
    max-width: 6rem;
    text-align: center;
    line-height: 1.4rem;
    padding: 0 .6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    border: 1px #666 solid;
    color: #666;
    border-radius: 3px;
    right: 0rem;
    bottom: .5rem;
    cursor: pointer
}

#modifyCoupon .tabList {
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2
}

#modifyCoupon .tabList .coupon-tab {
    display: inline-block;
    position: relative;
    width: 33.333%;
    border-bottom: 1px solid #dedede;
    text-align: center;
    padding: .5rem 0
}

#modifyCoupon .tabList .coupon-tab>span {
    display: inline-block;
    width: 100%;
    border-right: 1px solid #dedede
}

#modifyCoupon .tabList .coupon-tab:last-child>span {
    border-right: 0
}

#modifyCoupon .coupon-tab em {
    display: block;
    border-width: .4rem;
    position: absolute;
    bottom: -0.8rem;
    left: 50%;
    z-index: 1;
    margin-left: -0.4rem;
    margin-bottom: 1px;
    border-style: solid;
    border-color: transparent;
    font-size: 0;
    line-height: 0
}

#modifyCoupon .show-coupon-list {
    background: #eee;
    color: #636363
}

.show-coupon-list .cp-layer {
    width: 100%;
    height: 20rem;
    background: #eee
}

#modifyCoupon .coupon-empty {
    height: 11rem
}

.coupon-warp {
    font-size: .6rem;
    background: #fff;
    border-top: .5rem solid #eee;
    padding: .3rem .5rem;
    position: relative;
    height: 5rem
}

.coupon-warp .coupon-code {
    font-size: .65rem;
    height: 1.4rem;
    line-height: 1rem;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: .3rem
}

.coupon-warp .coupon-data {
    width: 66%;
    margin-top: .5rem
}

.coupon-warp .coupon-data>div {
    line-height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.coupon-warp .coupon {
    position: absolute;
    display: inline-block;
    right: .5rem;
    top: 2.2rem;
    height: 3rem
}

.coupon-warp .coupon .coupon-content {
    font-weight: normal;
    width: 4rem;
    height: 3rem;
    vertical-align: top
}

.coupon-warp .coupon div {
    display: inline-block
}

.coupon-warp .coupon-content div {
    width: 100%;
    line-height: 16px
}

.coupon-warp .coupon .couponSavePrice {
    width: 100%;
    text-align: center;
    position: relative;
    color: #fff;
    font-weight: bold;
    line-height: 2.8rem;
    white-space: nowrap
}

.coupon-warp .coupon .priceSign {
    font-size: .6rem;
    position: relative;
    top: -0.7rem;
    display: inline-block
}

.coupon-warp .coupon .couponPrice {
    font-size: 1.5rem
}

.coupon-warp .coupon .coupon-watermark {
    position: absolute;
    font-size: 3rem;
    top: -1rem;
    width: 4rem;
    height: 4rem;
    right: -1rem;
    color: #fff;
    opacity: .1;
    border: .2rem solid #fff;
    border-radius: 50%;
    font-family: Microsoft YaHei;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 300px) {
    .coupon-warp {
        height:6rem
    }

    .coupon-warp .coupon-data>div {
        line-height: 1rem
    }
}

.coupon-warp .icons-trash2 {
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.coupon-warp .icons-trash2:before {
    content: "\e6f8";
    color: #ccc
}

.coupon-warp .coupon .coupon-left,.coupon .coupon-right {
    width: 5px;
    height: 100%;
    background-size: 170px 3rem!important
}

.coupon-warp .coupon .coupon-color-red {
    background-color: #ce0c00
}

.coupon-warp .coupon .coupon-color-orange {
    background-color: #ff6804
}

.coupon-warp .coupon .coupon-color-yellow {
    background-color: #f6c200
}

.coupon-warp .coupon .coupon-color-green {
    background-color: #64c841
}

.coupon-warp .coupon .coupon-color-blue {
    background-color: #25b0f1
}

.coupon-warp .coupon .coupon-color-pink {
    background-color: #fe5165
}

.coupon-warp .coupon .coupon-color-purple {
    background-color: #ab20ff
}

.coupon-warp .coupon .coupon-color-gray {
    background-color: #b9b9b9
}

.coupon-warp .coupon .coupon-red-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) 0 0 no-repeat
}

.coupon-warp .coupon .coupon-red-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -11px 0 no-repeat
}

.coupon-warp .coupon .coupon-orange-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -22px 0 no-repeat
}

.coupon-warp .coupon .coupon-orange-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -33px 0 no-repeat
}

.coupon-warp .coupon .coupon-yellow-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -44px 0 no-repeat
}

.coupon-warp .coupon .coupon-yellow-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -55px 0 no-repeat
}

.coupon-warp .coupon .coupon-green-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -66px 0 no-repeat
}

.coupon-warp .coupon .coupon-green-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -77px 0 no-repeat
}

.coupon-warp .coupon .coupon-blue-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -88px 0 no-repeat
}

.coupon-warp .coupon .coupon-blue-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -99px 0 no-repeat
}

.coupon-warp .coupon .coupon-pink-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -110px 0 no-repeat
}

.coupon-warp .coupon .coupon-pink-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -121px 0 no-repeat
}

.coupon-warp .coupon .coupon-purple-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -132px 0 no-repeat
}

.coupon-warp .coupon .coupon-purple-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -143px 0 no-repeat
}

.coupon-warp .coupon .coupon-gray-left {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -154px 0 no-repeat
}

.coupon-warp .coupon .coupon-gray-right {
    background: url(/image/coupon/v_waveLine.png?v=201711250607) -165px 0 no-repeat
}

.coupon .fk-coupon-expired {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/image/coupon/invalid.png?v=201711250607) no-repeat;
    position: absolute;
    top: 0;
    right: 3px;
    background-size: 1.5rem
}

.couponListPanel .icon-coupons1 {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #ccc;
    font-size: 4rem;
    line-height: 5rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-top: 4rem;
    margin-left: -2.5rem
}

.couponListPanel .icon-coupons1:before {
    content: "\e903";
    color: #fff
}

.couponListPanel .showMsg {
    position: absolute;
    margin-top: 9.5rem;
    text-align: center;
    width: 100%;
    color: #7f7f7f
}

.siteForm {
    padding: .5rem 0 .5rem 0
}

.siteFormAddButton {
    line-height: 1.75rem;
    text-align: center;
    width: 90%;
    margin: auto;
    margin: .5rem auto
}

.siteFormItem label {
    margin-left: .15rem
}

.siteFormAddButton input {
    font-size: .8rem;
    font-weight: bold;
    color: #fff
}

.siteFormAddButton input {
    font-size: .8rem;
    font-weight: bold;
    color: #fff
}

.formStyle13 .moduleContent {
    color: #333
}

.formStyle50 .formBannerTitle {
    display: none
}

.g_warning {
    background-color: #fef5d8;
    color: #eb6a40
}

.siteFormItemTable {
    width: 100%;
    height: 1.25rem;
    table-layout: fixed;
    display: table
}

.siteFormName {
    text-align: center;
    font-size: .7rem;
    font-weight: 600;
    word-wrap: break-word;
    padding-bottom: 1rem;
    line-height: .8rem
}

.siteFormItem {
    height: 1.75rem;
    display: table-row
}

.siteFormItem .g_itext[type="text"],.siteFormItem .g_itext[type="number"] {
    height: 1.6rem;
    width: 85%;
    line-height: 1rem;
    font-size: .6rem;
    font-family: 微软雅黑;
    text-indent: .25rem;
    padding: 0
}

.siteFormItem .g_itext[type="number"]::-webkit-outer-spin-button,.siteFormItem .g_itext[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    -moz-appearance: textfield;
    margin: 0
}

.siteFormItem input[type="number"] {
    -moz-appearance: textfield
}

.siteFormItem .g_itext[type="text"]::-webkit-input-placeholder {
    vertical-align: middle;
    line-height: 1rem
}

.siteFormItem .g_itext,.siteFormItem .g_textarea {
    border: 1px solid #dadada;
    background-color: #f7f7f7;
    -webkit-appearance: none;
    border-radius: 4px;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.siteFormItem input::-webkit-input-placeholder,.siteFormItem input:-moz-placeholder,.siteFormItem input::-moz-placeholder,.siteFormItem input:-ms-input-placeholder {
    color: #8c8c8c
}

.siteFormItem select {
    border: 1px solid #dadada
}

.siteFormItem td {
    padding: .2rem 0
}

.formValidateUpDiv {
    display: table;
    table-layout: fixed;
    padding-left: .25rem
}

.siteFormValidationHide {
    display: none
}

.siteFormValidate .left {
    display: table-cell;
    vertical-align: middle
}

.siteFormValidate .siteFormItemValidate {
    width: 70%
}

.siteFormValidate input {
    text-indent: .25rem
}

.siteFormItemCheckItem {
    float: left;
    line-height: 1.75rem;
    margin-right: .9rem;
    color: #666;
    font-size: .6rem
}

.siteFormItemCheckItem span {
    cursor: default
}

.fk-siteFormItemCheckItem-isIpad input[type=radio],.fk-siteFormItemCheckItem-isIpad input[type=checkBox] {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    vertical-align: middle
}

.fk-siteFormItemCheckItem-isIpad label {
    vertical-align: middle
}

.siteFormItemLink {
    height: 1px;
    line-height: 1px;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.siteFormItemShowName {
    padding-right: .25rem;
    text-align: right
}

.siteFormItemShowName font {
    float: left;
    margin-left: .5rem;
    font-size: .9rem;
    padding-right: .25rem
}

.siteForm .siteFormItemShowNameFont {
    padding-top: 0;
    text-align: left;
    padding-left: .5rem;
    line-height: 2.5rem;
    width: .75rem;
    font-size: 1rem;
    float: left
}

.siteFormValidate .validateUpImageDiv {
    width: auto;
    padding-left: .5rem
}

.siteFormItemShowNameUp {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.siteFormValidate .changeSiteFormValidate {
    line-height: 1.75rem;
    background-image: url(/image/refurbish.png?v=201711250607);
    background-repeat: no-repeat;
    width: 10%;
    height: 1.75rem;
    background-size: 18px auto;
    cursor: pointer;
    background-position: 80% 50%
}

.siteFormValidate .validateCodeImg {
    cursor: pointer;
    height: 1.6rem;
    visibility: visible
}

.siteForm .siteFormMsg {
    text-align: center;
    width: 90%;
    height: auto;
    line-height: 1.5rem;
    margin: .25rem auto;
    font-size: .7rem;
    display: none
}

.siteFormItem select {
    height: 1.75rem;
    margin: auto;
    font-size: .6rem;
    font-weight: normal;
    width: 86%;
    border-radius: 4px
}

.uploadify-text {
    color: #666;
    font-family: 微软雅黑,'microsoft yahei',宋体,新宋体,sans-serif
}

.uploadify-button {
    -webkit-appearance: none;
    float: left;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    outline: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: .6rem;
    border-radius: 4px;
    margin: 0;
    padding: 0 5px!important;
    _padding: 0 4px;
    width: 40%;
    height: 1.60rem;
    _height: 28px;
    line-height: 1.40rem;
    _line-height: 32px;
    border: 1px solid #dadada;
    background-color: #f7f7f7;
    font-family: 微软雅黑,'microsoft yahei',宋体,新宋体,sans-serif
}

.uploadify-button:hover {
    border: 1px solid #3298fe;
    background: #e8f3fe;
    color: #666
}

#module28 .siteForm {
    padding: .8rem 0 0 0
}

#module28 .siteFormItemLink {
    margin: .3rem 0
}

#module28 .siteFormItemShowName {
    font-size: .6rem;
    color: #333;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%
}

#module28 .siteFormItem .g_itext[type="text"],#module28 .siteFormItem .g_itext[type="number"],#module28 .siteFormItem .fk_formTextareaStyle {
    width: 10rem;
    background-color: #FFF;
    border: 1px solid #e3e2e8;
    text-indent: .25rem
}

#module28 .fk-siteForm-v .siteFormItem .fk-datePickEnd,#module28 .fk-siteForm-v .siteFormItem .fk-datePickStart {
    width: 4.2rem;
    margin: 0
}

#module28 .fk-dateRangeUtil {
    width: 1.5rem;
    display: inline-block;
    text-align: center
}

#module28 .siteFormItem select {
    width: 10rem;
    background-color: #FFF;
    border: 1px solid #e3e2e8
}

#module28 .siteFormItemShowVal {
    margin-left: .4rem
}

#module28 .bookingSubmitItemMust {
    color: red;
    width: 1.4rem;
    float: right;
    line-height: 1.7rem
}

#module28 .fk-siteForm-v .fk-uploadComponent {
    height: auto;
    margin: 0;
    display: inline-block;
    width: 10rem
}

#module28 .fk-siteForm-v .fk-uploadComponent .uploadify-button {
    width: 5rem;
    background-color: #FFF;
    border: 1px solid #e3e2e8;
    height: 1.75rem
}

#module28 .fk-siteForm-v .fk-uploadComponent .selectbtn {
    display: none
}

#module28 .siteFormValidate .validateInput {
    width: 5.5rem!important;
    margin-right: .5rem
}

#module28 .siteFormValidate .validateCodeImg {
    height: 1.75rem;
    width: 3rem
}

#module28 .siteFormValidate .changeSiteFormValidate {
    width: 1rem;
    background-position: 20% 50%;
    display: inline-block
}

#module28 .siteFormAddButton .sendIcon {
    margin: 0;
    font-size: .7rem;
    font-weight: normal
}

#module28 .siteFormAddButton {
    margin: 0 auto!important;
    padding: .8rem 0
}

#module28 .siteFormItem label {
    font-size: .6rem
}

#module28 .fk-siteFormTextTipMain {
    font-size: .6rem;
    color: #333;
    line-height: normal;
    padding: 0
}

#module28 .fk-siteFormTextTipSecond {
    font-size: .5rem;
    color: #333;
    line-height: normal;
    padding: .4rem 0 0 0
}

#module28 .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=text],#module28 .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=number],#module28 .fk-siteForm-v .fk-siteFormItemShowVal .fk_formTextareaStyle,#module28 .fk-siteFormItemShowVal .g_selectTag {
    margin-top: .4rem
}

#module28 .fk-siteForm-v .fk-siteFormItemCheckList {
    width: 100%!important
}

#module28 .fk-siteForm-v .fk-siteFormItemCheckWrap {
    width: 10rem
}

#module28 .verticalShowTye.fk-siteForm-v .fk-siteFormItemCheckWrap {
    width: 13.5rem
}

#module28 .verticalShowTye .siteFormItem .g_itext[type="text"],#module28 .verticalShowTye .siteFormItem .g_itext[type="number"] {
    width: 13.5rem
}

#module28 .verticalShowTye .siteFormItem .fk-datePickEnd,#module28 .verticalShowTye .siteFormItem .fk-datePickStart {
    width: 6rem!important
}

#module28 .verticalShowTye .siteFormItem select {
    width: 13.5rem
}

#module28 .verticalShowTye .siteFormItem .fk_formTextareaStyle {
    width: 13.5rem
}

#module28 .verticalShowTye .fk-siteFormTextTipMain {
    font-size: .6rem;
    color: #333;
    line-height: normal;
    padding: 0
}

#module28 .verticalShowTye .fk-siteFormTextTipSecond {
    font-size: .5rem;
    color: #333;
    line-height: normal;
    padding: .4rem 0 0 0!important
}

#module28 .verticalShowTye .siteFormValidate .g_itext[type="text"] {
    width: 8rem!important;
    margin-right: .5rem
}

#module28 .verticalShowTye .siteFormValidate .validateCodeImg {
    width: 4rem
}

#module28 .verticalShowTye .siteFormItemShowName {
    padding: 0 .7rem
}

#module28 .verticalShowTye .siteFormItemTd {
    padding: .4rem .7rem .65rem .7rem
}

#module28 .verticalShowTye .bookingSubmitItemMust {
    color: red;
    width: .6rem;
    float: right;
    line-height: 1.7rem
}

#module28 .verticalShowTye.siteFormAddButton {
    padding-top: .2rem
}

.webFooterBox .mobiCalendarPlugins {
    position: fixed;
    top: 100%;
    z-index: 1001;
    height: 100%;
    width: 100%;
    max-width: 768px;
    background-color: #fff;
    overflow: hidden;
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear
}

.webFooterBox .ui-calendar {
    font-size: .6rem;
    visibility: hidden;
    top: 100%
}

.webFooterBox .ui-calendar-show {
    visibility: visible;
    top: 0;
    overflow: hidden
}

.webFooterBox .ui-calendar-header {
    background: 0;
    color: #545454;
    text-align: center;
    padding: .25rem 0;
    margin: 0 1rem .57rem 1rem;
    height: 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f1f1
}

.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 {
    text-align: center;
    display: inline-block;
    margin-left: 1rem;
    position: relative
}

.webFooterBox .ui-calendar-calendar {
    border-collapse: separate;
    border-spacing: .75rem .25rem
}

.ui-calendar-title select {
    float: left;
    width: 2.5rem;
    height: 1.75rem;
    background: 0;
    border: 0;
    padding: 0;
    color: #666;
    text-indent: .1rem;
    font-size: .7rem;
    font-weight: normal
}

.ui-calendar-title:before,.ui-calendar-title:after,.webFooterBox .ui-calendar-prev:after,.webFooterBox .ui-calendar-next:after {
    pointer-events: none;
    content: "\eaea";
    position: absolute;
    color: #9d9d9d;
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体
}

.ui-calendar-title:before {
    font-size: .4rem;
    top: .7rem;
    left: 2.1rem;
    transform: rotateZ(-90deg)
}

.ui-calendar-title:after {
    font-size: .4rem;
    top: .7rem;
    right: .6rem;
    transform: rotateZ(-90deg)
}

.webFooterBox .ui-calendar-prev,.webFooterBox .ui-calendar-next {
    height: 1.75rem;
    width: 1.75rem;
    top: 0;
    position: absolute;
    color: #545454;
    text-decoration: none
}

.webFooterBox .ui-calendar-prev {
    left: 0
}

.webFooterBox .ui-calendar-next {
    right: 0
}

.webFooterBox .ui-calendar-prev:after {
    font-size: .55rem;
    top: .85rem;
    left: 0
}

.webFooterBox .ui-calendar-next:after {
    font-size: .55rem;
    top: .85rem;
    right: 0;
    transform: rotateZ(-180deg)
}

.webFooterBox .ui-state-disable.ui-calendar-next:after {
    color: #ccc
}

.webFooterBox .ui-state-disable.ui-calendar-prev:after {
    color: #ccc
}

.webFooterBox .fk-calendarNav {
    height: 2.5rem;
    line-height: 2.5rem;
    background: #ff7214;
    text-align: center;
    color: #fff;
    font-size: .7rem
}

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;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-right: 1rem;
    border: 1px solid #ececec;
    color: #666
}

.ui-calendar-title .ui-calendar-year {
    width: 3rem
}

.ui-calendar-title .ui-calendar-month {
    margin-left: .35rem
}

.webFooterBox .ui-calendar-calendar th,.ui-calendar-calendar td {
    text-align: center;
    color: #666;
    font-weight: normal
}

.webFooterBox .ui-calendar-calendar thead {
    font-size: .6rem
}

.webFooterBox .ui-calendar-calendar a {
    text-decoration: none;
    color: #000;
    display: block
}

.webFooterBox .ui-calendar-calendar tr.ui-calendar-gap td {
    line-height: .25rem;
    font-size: 0;
    border: 0;
    background: transparent
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-unSelectable {
    color: #ccc
}

.webFooterBox .ui-calendar-calendar .ui-calendar-unSelectable .ui-state-default {
    color: #ccc
}

.webFooterBox .ui-calendar-calendar td.ui-state-hover {
    background: #ccc
}

.webFooterBox .ui-slideup .header {
    line-height: 2.15rem;
    height: 2.15rem;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    opacity: .9;
    background: url(./calendar-header.png) repeat-x;
    overflow: hidden
}

.webFooterBox .ui-slideup .ok-btn,.ui-slideup .no-btn {
    position: absolute;
    top: .35rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .25rem;
    margin: 0;
    border-width: .25rem;
    font-size: .6rem;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    color: white;
    text-decoration: none;
    display: block
}

.webFooterBox .ui-slideup .ok-btn {
    right: .35rem;
    float: right;
    -webkit-border-image: url(done.png) 5
}

.webFooterBox .ui-slideup .no-btn {
    left: .35rem;
    float: left;
    -webkit-border-image: url(cancel.png) 5
}

.webFooterBox .ui-slideup .ok-btn.ui-state-hover,.ui-slideup .no-btn.ui-state-hover {
    opacity: .4
}

.webFooterBox .ui-slideup .frame {
    background: #e1e1e1;
    padding: .25rem
}

.webFooterBox .ui-holder {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    left: -10000px
}

.webFooterBox .ui-slideup {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0
}

.webFooterBox .ui-slideup-wrap {
    position: absolute;
    left: 0;
    z-index: 1200;
    width: 100%;
    background: rgba(255,255,255,0.4);
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-transform: translateZ(0)
}

.fk-timePickerPanelWrap {
    position: relative;
    background-color: #f8f8f8;
    margin: .605rem 1.25rem 0;
    border-radius: 4px
}

.timePickerPanel {
    height: 8rem;
    position: relative;
    font-size: .85rem
}

.timePickerPanel ul {
    padding: 0;
    text-align: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timePickerPanel li {
    list-style: none;
    padding-bottom: .5rem
}

.f-timeMaskWrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.f-timeMaskWrap .f-timeMaskTop {
    height: 3.25rem;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background: -webkit-gradient(linear,center top,center bottom,from(#f8f8f8),color-stop(0.45,rgba(248,248,248,.85)),color-stop(0.75,rgba(248,248,248,.6)),to(rgba(248,248,248,.4)));
    background: -o-gradient(linear,center top,center bottom,from(#f8f8f8),color-stop(0.45,rgba(248,248,248,.85)),color-stop(0.75,rgba(248,248,248,.6)),to(rgba(248,248,248,.4)));
    background: -ms-gradient(linear,center top,center bottom,from(#f8f8f8),color-stop(0.45,rgba(248,248,248,.85)),color-stop(0.75,rgba(248,248,248,.6)),to(rgba(248,248,248,.4)));
    background: -moz-gradient(linear,center top,center bottom,from(#f8f8f8),color-stop(0.45,rgba(248,248,248,.85)),color-stop(0.75,rgba(248,248,248,.6)),to(rgba(248,248,248,.4)));
    background: gradient(linear,center top,center bottom,from(#f8f8f8),color-stop(0.45,rgba(248,248,248,.85)),color-stop(0.75,rgba(248,248,248,.6)),to(rgba(248,248,248,.4)))
}

.f-timeMaskWrap .f-timeMaskBottom {
    height: 3.25rem;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(248,248,248,.4)),color-stop(0.25,rgba(248,248,248,.6)),color-stop(0.65,rgba(248,248,248,.85)),to(#f8f8f8));
    background: -o-gradient(linear,center top,center bottom,from(rgba(248,248,248,.4)),color-stop(0.25,rgba(248,248,248,.6)),color-stop(0.65,rgba(248,248,248,.85)),to(#f8f8f8));
    background: -ms-gradient(linear,center top,center bottom,from(rgba(248,248,248,.4)),color-stop(0.25,rgba(248,248,248,.6)),color-stop(0.65,rgba(248,248,248,.85)),to(#f8f8f8));
    background: -moz-gradient(linear,center top,center bottom,from(rgba(248,248,248,.4)),color-stop(0.25,rgba(248,248,248,.6)),color-stop(0.65,rgba(248,248,248,.85)),to(#f8f8f8));
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(248,248,248,.4)),color-stop(0.25,rgba(248,248,248,.6)),color-stop(0.65,rgba(248,248,248,.85)),to(#f8f8f8))
}

.webFooterBox .fk-timePickerPanelWrap .f-timeMark {
    height: 1.5rem
}

.webFooterBox .ui-calendar-calendar .ui-state-default {
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 1.3rem;
    display: inline-block;
    font-size: .6rem;
    color: #666
}

.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 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid #f1f1f1;
    font-size: .65rem;
    color: #666;
    z-index: 5
}

.webFooterBox .f-dateCancelBtn,.webFooterBox .f-saveTimeBtn,.webFooterBox .f-cancelBtn {
    height: 2.2rem;
    line-height: 2.2rem;
    width: 50%;
    background-color: #fff;
    text-align: center;
    float: left;
    cursor: pointer
}

.webFooterBox .f-dateCancelBtn {
    width: 100%
}

.webFooterBox .f-saveTimeBtn {
    background-color: #ff7214;
    color: #fff
}

.webFooterBox .fk-timeBan {
    display: none
}

#webFooterBox.fk-datepickerContainer {
    display: block
}

.siteForm .siteFormItem .fk-datePickEnd {
    width: 4.3rem;
    margin-left: .75rem
}

.siteForm .siteFormItem .fk-datePickStart {
    width: 4.3rem;
    margin-right: .75rem
}

.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 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#g_body.fk-datepickerShow {
    overflow: hidden
}

.fk-calendarWrapAnimate {
    overflow: hidden;
    width: 200%;
    -webkit-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms
}

.fk-calendarWrapAnimate .ui-calendar-calendar {
    float: left
}

.mobiIng,.mobiIngTigs {
    position: fixed;
    top: 25%;
    margin: 0 auto;
    height: auto;
    width: 100%;
    z-index: 9999;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear
}

.mobiIng .mobiTips,.mobiIngTigs .mobiTips {
    height: 1.75rem;
    width: 15rem;
    margin: auto;
    line-height: 1.75rem;
    color: #fff;
    z-index: 9999
}

.mobiIngTigs .mobiTips {
    height: 5.25rem;
    min-width: 7.15rem;
    max-width: 15rem;
    display: table
}

.mobiIng .mobiTips .mobiMsg {
    text-align: center;
    width: auto;
    background: rgba(0,0,0,.8);
    border-radius: .25rem;
    padding: .25rem 0
}

.mobiIngTigs .mobiTips .mobiMsg {
    text-align: center;
    width: auto;
    height: inherit;
    background: rgba(0,0,0,.7);
    border-radius: .25rem;
    padding: 1.1rem 0;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle
}

.mobiIngTigs .mobiTips .mobiMsg div {
    font-size: .9rem;
    line-height: 1.2rem;
    margin-bottom: .2rem
}

.mobiIng .mobiTips .mobiClose {
    display: inline-block;
    cursor: pointer;
    margin: .4rem .25rem 0 .25rem;
    margin: .3rem .25rem 0 .25rem;
    background: url(/image/close01.gif?v=201711250607) no-repeat;
    width: .4rem;
    height: .4rem;
    font-size: .4rem
}

.mobiIng .mobiTips a {
    color: red
}

.icon-errorTigs:before {
    content: "\e72b";
    font-size: 2rem
}

.icon-succeedTigs:before {
    content: "\e778";
    font-size: 2rem
}

.mobiPrelude {
    position: fixed;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 9998;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobiPrelude .mobiPrelude_inner {
    visibility: hidden;
    width: 13.85rem;
    margin: auto;
    z-index: 9999;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.mobiPrompt {
    position: fixed;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 9998;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobiPrompt .mobiPrompt_inner {
    width: 13.85rem;
    margin: auto;
    line-height: 1rem;
    color: #333;
    z-index: 9999;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    font-size: .75rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.mobiPrompt .mobiPrompt_content {
    padding: 2.4rem 1.5rem 1.5rem;
    position: relative;
    line-height: 1.2rem
}

.mobiPrompt .mobiPrompt_buttons {
    padding-bottom: 1rem
}

.mobiPrompt .icon-mobiPromptClose {
    position: absolute;
    right: .2rem;
    top: .2rem
}

.mobiPrompt .icon-mobiPromptClose:before {
    content: '\e66f';
    font-size: 1.2rem;
    color: #999
}

.mobiPrompt .mobiPromptCancel {
    display: inline-block;
    width: 5.5rem;
    margin-right: .8rem;
    padding: .1rem 0;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    background: #fffeff;
    color: #666;
    font-size: 1.6rem
}

.mobiPrompt .mobiPromptSave {
    display: inline-block;
    width: 5.5rem;
    padding: .1rem 0;
    border-radius: 3px;
    border: 1px solid #4786f2;
    background: #387af2;
    color: #eff2fd;
    font-size: 1.6rem
}

.mobiPrompt_Bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    z-index: 9997;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.mobiPrompt .icon-PromptCancel:before {
    content: '\e670'
}

.mobiPrompt .icon-PromptSave:before {
    content: '\e777'
}

.g_locale2052 .mobiPrompt .icon-PromptCancel {
    padding: .5rem 0;
    font-size: .7rem
}

.g_locale2052 .mobiPrompt .icon-PromptSave {
    padding: .5rem 0;
    font-size: .7rem
}

.g_locale2052 .mobiPrompt .icon-PromptCancel:before {
    content: '取消';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .mobiPrompt .icon-PromptSave:before {
    content: '确认收货';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .mobiPrompt .confirm.icon-PromptSave:before {
    content: '确定';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .mobiPrompt .goToPay.icon-PromptSave:before {
    content: '继续支付';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .mobiPrompt .giveUpJoin.icon-PromptCancel:before {
    content: '放弃参团';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .mobiPrompt .proceed.icon-PromptSave:before {
    content: '继续注册';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .mobiPrompt .loginInstantly.icon-PromptCancel:before {
    content: '立即登录';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.mobiPromptShow .mobiPrompt_inner {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mobiPreludeShow .mobiPrelude_inner {
    visibility: visible
}

.mobiPromptBgShow {
    opacity: .3;
    height: 101%
}

.linkArea {
    text-align: left
}

.linkArea .link-h-container {
    float: left;
    padding: .7rem;
    display: inline-block
}

.linkArea .link-v-container {
    display: block;
    line-height: 1.75rem;
    padding: 0 .7rem
}

.linkArea .link-p-container {
    margin-top: .25rem;
    display: inline-block;
    text-align: center;
    width: 40%;
    vertical-align: top
}

.linkArea .link-p-container img {
    display: inline-block
}

.noticeMarquee {
    position: absolute;
    height: auto
}

.noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow span {
    white-space: nowrap
}

.noticeContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: .25rem 0
}

.notice-image0 {
    background: url(/image/mobi/noticeIco1.gif?v=201711250607) no-repeat left center
}

.notice-image1 {
    background: url(/image/mobi/noticeIco2.gif?v=201711250607) no-repeat left center
}

.notice-image2 {
    background: url(/image/mobi/noticeIco3.gif?v=201711250607) no-repeat left center
}

.notice-ico {
    padding-left: 1.1rem
}

.noticeMarqueeUD {
    position: relative;
    overflow: hidden;
    height: 1.3rem
}

.noticeScrollbar {
    margin: 0;
    padding: .25rem 0 .25rem 0;
    position: relative;
    overflow: hidden;
    width: 100%
}

.noticeScrollbar .scrollbarLi {
    padding: .25rem .25rem;
    white-space: nowrap
}

.noticeFontIcon {
    position: absolute
}

.noticeImg {
    position: absolute;
    width: 0rem;
    height: 0rem
}

.mProductTileForm {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%
}

.photoModule.styleForm1 .photoDiv {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%
}

.linkArea .link-p-container {
    width: 45%;
    margin: .25rem 2.5%
}

.productWaterFall {
    margin-bottom: .5rem;
    width: 7.1rem;
    line-height: .9rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    background: #FFF
}

.productWaterFall .waterFallImg {
    width: 100%;
    overflow: hidden;
    border-radius: .2rem .2rem 0 0;
    -webkit-border-radius: .2rem .2rem 0 0;
    -moz-border-radius: .2rem .2rem 0 0;
    position: relative
}

.productWaterFall .g_text.paramName.proNameToNewStyle {
    color: #000
}

.styleForm8 {
    position: relative
}

.productWaterFall:nth-child(2n+1) {
    margin-left: .5rem;
    height: auto
}

.productWaterFall:nth-child(2n) {
    right: .5rem;
    height: auto
}

.style8Img {
    width: 7.1rem
}

.paramPadding {
    padding: .25rem;
    border-radius: 0 0 .2rem .2rem;
    -webkit-border-radius: 0 0 .2rem .2rem;
    -moz-border-radius: 0 0 .2rem .2rem
}

.productNewDetail .paramPadding {
    padding: .07rem .25rem
}

.productCrossedSlide {
    display: inline-block;
    margin-bottom: .5rem;
    width: 7.1rem;
    line-height: .9rem;
    border: 1px solid #DDD;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    overflow: hidden;
    background: #FFF
}

.style7Img {
    width: 7.1rem;
    height: 7.1rem
}

.productCrossedSlide:nth-child(2n+1) {
    float: left;
    margin-left: .5rem
}

.productCrossedSlide:nth-child(2n) {
    float: right;
    margin-right: .5rem
}

.productSwipeContainer {
    overflow: hidden;
    position: relative;
    height: 100%
}

.productSwipeContainer .productSwipeItem .productSwipeDiv .paramName {
    color: #000;
    font-size: .6rem
}

.productSwipeContainer .productSwipeItem .productSwipeDiv .paramPadding .productParam {
    color: #999
}

.paramPadding .g_link.productParam.proParamNoWrap {
    color: #999
}

.productWaterFall .paramPadding .paramName {
    color: #000;
    font-size: .6rem;
    margin-bottom: .1rem
}

.productWaterFall .paramPadding .pramaWrap.productParam {
    color: #999
}

.mProductList .paramPadding .proParamNoWrap {
    word-break: break-all;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: .85rem
}

.productSlideList .productCrossedSlideSec .paramPadding .paramName {
    color: #000;
    font-size: .6rem
}

.productSlideList .productCrossedSlideSec .paramPadding .productParam {
    color: #999
}

.webContainerBox .bannerBullet {
    position: absolute;
    height: 18px;
    bottom: 0;
    width: 100%
}

.webPagePanel .bullets,.webContainerBox .productBullet .bullets {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.webPagePanel .bullets li,.webContainerBox .bullets li {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    background: #999;
    margin: 0 .1rem;
    cursor: pointer;
    background: rgba(0,0,0,0.15)
}

.webContainerBox .productBullet {
    height: .65rem;
    line-height: 0
}

.webContainerBox .bullets li.on {
    background: #000
}

.productSwipeContainer img {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.productSwipeContainer>div {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.paramPadding .mallPrice {
    font-weight: normal;
    font-size: .7rem
}

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

.paramPadding .productParam {
    color: #999;
    font-size: .6rem
}

.paramPadding .paramLine {
    border-top: 1px #DDD dashed;
    margin: .2rem .1rem
}

.productCrossedSlideSec,.photoCrossedSlideSec {
    margin-bottom: .5rem;
    margin-left: .5rem;
    width: 5.95rem;
    line-height: .9rem;
    border: 1px solid #DDD;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    overflow: hidden;
    float: left;
    background: #FFF
}

.style9Img {
    width: 5.95rem
}

.productSlideList,.photoSlideList {
    overflow: hidden
}

@media only screen and (min-width: 480px) {
    select {
        background-position:98% 50%
    }

    .defaultBanner,.swipe .systemtBanner {
        background-size: 100%;
        background-repeat: no-repeat
    }
}

.mallCart {
    margin-bottom: 3.2rem;
    text-align: center;
    overflow-y: hidden;
    background-color: #fff
}

.mallCart .mall_product_con {
    background-color: #fff
}

.mallCart .mallButton,.orderList .mallButton,.profileContent .mallButton,.refundContent .mallButton {
    margin: auto;
    width: 45%;
    margin-bottom: .5rem;
    border-width: .1rem;
    background-color: #fff
}

.faiscoIconsGwc:before {
    content: "\ea7e"
}

.noProduct {
    width: 5.5rem;
    height: 5rem;
    line-height: 6.4rem;
    margin: 1.9rem auto .65rem auto;
    text-align: center;
    background-color: #fff
}

.productNotAdded {
    width: 5.5rem;
    height: 5rem;
    line-height: 6.4rem;
    margin: 2.9rem auto .65rem auto;
    text-align: center;
    background-color: #fff
}

.orderList .noProduct {
    line-height: 6.4rem
}

.icon-noProduct:before {
    content: "\e631";
    font-size: 4.5rem;
    color: #666
}

.noProductTips {
    margin-bottom: 2.5rem;
    font-size: .6rem;
    color: #666;
    text-align: center
}

.productNotAdded-tip {
    margin-bottom: 2.5rem;
    font-size: .6rem;
    color: #666;
    text-align: center
}

.mallCart .bottom {
    text-align: right;
    bottom: 0;
    width: 100%;
    font-size: .75rem;
    max-width: 768px;
    border-top: 1px solid #ccc;
    background-color: #fff;
    z-index: 100;
    position: fixed
}

.mallCart .bottom .g_button {
    font-size: .75rem;
    border-radius: 0;
    width: 6rem;
    margin-right: .5rem
}

.mall_product {
    display: flex;
    margin: 0 .5rem;
    border-top: 1px solid #e1e1e1;
    padding: .5rem 0
}

.mallCart .selectAllBtnWrap {
    display: inline-block;
    width: 20%;
    float: left;
    padding-top: 1rem
}

.mallCart .selectAllBtn {
    display: inline-block;
    text-align: center;
    float: left;
    width: 1rem;
    margin-left: .3rem
}

.mallCart .selectAllIcon {
    font-size: 1rem;
    width: 1rem
}

.mallCart .mCartSelectAllTextwrap {
    display: inline-block;
    text-align: center;
    float: left;
    margin-top: -0.1rem
}

.mallCart .payCount_line {
    text-align: left;
    display: inline-block;
    float: left;
    padding: .4rem 0rem .5rem 1rem;
    color: #333;
    width: 33%;
    padding-left: 0;
    padding-top: .6rem;
    margin-left: 15px;
    font-size: .5rem
}

.mall-icon-noProduct {
    background: url(/image/v2/defaultIcon02.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.productNotAdded-icon {
    background: url(/image/v2/defaultIcon10.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.payCount_line .countTd1 {
    text-align: right
}

.payCount_line .countTr {
    color: #979797;
    font-size: .55rem
}

.payCount_line .totalTr {
    font-size: .5rem
}

.payCount_line .totalKey {
    text-align: left;
    font-size: .6rem
}

.payCount_line .saleSaveMoney {
    margin-left: .05rem
}

.payCount_line .totalText {
    text-align: left;
    font-size: .6rem
}

.payCount_line .priceDiv {
    max-width: 6.65rem;
    text-overflow: ellipsis;
    overflow: hidden
}

.mall_product .left {
    width: 4.5rem;
    height: 4.5rem;
    background-size: cover;
    text-align: center;
    border: #ccc solid 1px
}

.mall_product .left .imgClass {
    max-width: 4.5rem;
    max-height: 4.5rem;
    vertical-align: middle
}

.mall_product .right {
    padding-left: .5rem;
    text-align: left;
    width: 10rem;
    height: 4.5rem
}

.mallCart .mall_product .right .product_name {
    height: 1.7rem;
    overflow: hidden
}

.mall_product .right .product_attr {
    height: 1.6rem;
    line-height: .8rem;
    overflow: hidden;
    font-size: .6rem;
    color: #999;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mall_product .right .product_param {
    position: relative;
    bottom: 0rem;
    width: 100%;
    height: 1.25rem;
    overflow: hidden
}

.mall_product .right .product_name a {
    height: 1.6rem;
    line-height: .8rem;
    margin-right: 1.25rem;
    font-size: .6rem;
    color: #666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    z-index: 2
}

.mall_product .right .param_line {
    line-height: .9rem
}

.mall_product .right .param_line .hideInvalidContent {
    width: 4.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #ccc
}

.mall_product .right .param_line div {
    display: inline-block;
    max-width: 4.2rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap
}

.mall_product .mallOptions {
    color: #333
}

.invalidItem .mall_product .mallOptions {
    color: #ccc
}

.invalidItem,.invalidItem .mall_product {
    background: #f2f2f2
}

.invalidItem .product_attr {
    color: #ccc!important
}

.invalidItem .product_name a,.invalidItem .product_param .mallPrice {
    color: #ccc!important
}

.invalidItem .invalidItemTip {
    background: #dadada;
    color: #5f5f5f;
    border-radius: 3px;
    display: inline-block;
    min-width: 2rem;
    line-height: 1rem;
    text-align: center;
    margin-top: .25rem
}

.marketPrice {
    text-decoration: line-through
}

.mallCart .mallPrice {
    line-height: 1.8rem;
    float: right;
    position: relative;
    top: -0.3rem;
    font-size: .7rem
}

.orderSettle .icon-minisIcon,.orderSettle .icon-plusIcon,.mall_product .icon-minisIcon,.mall_product .icon-plusIcon {
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    vertical-align: middle;
    background: #fff;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    -webkit-user-select: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    font-size: .7rem
}

.icon-plusIcon:before {
    content: "\e71d";
    color: #666;
    font-size: .8rem
}

.icon-minisIcon:before {
    content: "\e724";
    color: #666;
    font-size: .8rem
}

.mall_product .icon-minisIcon {
    margin-right: -2px
}

.mall_product .icon-plusIcon {
    margin-left: -2px
}

.form .moduleContent .mall_product a {
    color: #333
}

.mall_product .icon-minisIcon a,.mall_product .icon-plusIcon a {
    display: inline-block;
    width: 1.15rem;
    height: 1.15rem;
    color: #333
}

.mall_product .buyNumber,.orderSettle .buyNumber {
    float: left;
    width: 1.60rem;
    height: 1.2rem;
    box-sizing: border-box;
    display: inline-block;
    outline: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    font-size: .6rem;
    -webkit-appearance: none
}

.icon-delIcon {
    display: inline-block;
    position: relative;
    float: right;
    top: -1.6rem;
    z-index: 1
}

.icon-delIcon:before {
    content: "\e6f8";
    color: #666;
    font-size: .75rem
}

.cartSettle {
    display: inline-block;
    padding: 0 1rem;
    width: inherit
}

.mallCart .bottom .shopping {
    display: inline-block
}

.icon-shopping:before {
    content: "\e631";
    font-size: 1rem;
    vertical-align: middle
}

.mallCart .remainStock {
    width: 4.5rem;
    height: .8rem;
    margin-top: -0.8rem;
    font-size: .5rem;
    position: absolute;
    background-color: rgba(0,0,0,0.5)
}

.mallCart .remainStockTip {
    vertical-align: middle;
    font-family: 微软雅黑;
    color: #fff
}

.mallCart .notAdd {
    width: 4.5rem;
    height: 4.5rem;
    margin-top: -4.5rem;
    font-size: .5rem;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    display: table
}

.mallCart .notAddTip {
    text-align: center;
    width: 100%;
    margin-top: 1.7rem;
    font-family: 微软雅黑;
    color: #fff;
    font-size: .7rem;
    display: table-cell;
    vertical-align: middle
}

.orderList .notAdded {
    width: 3rem;
    height: 3rem;
    margin-top: -3.5rem;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    display: table
}

.orderList .notAddedTip {
    text-align: center;
    width: 100%;
    font-family: 微软雅黑;
    color: #fff;
    font-size: .7rem;
    display: table-cell;
    vertical-align: middle;
    line-height: normal
}

.orderDetail .notAdded {
    width: 3.75rem;
    height: 3.75rem;
    margin-top: -3.75rem;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    display: table
}

.orderDetail .notAddedTip {
    text-align: center;
    width: 100%;
    font-family: 微软雅黑;
    color: #fff;
    font-size: .7rem;
    display: table-cell;
    vertical-align: middle;
    line-height: normal
}

.orderSettle {
    margin-bottom: 3.8rem;
    color: #333;
    background-color: #f7f7f7
}

.orderSettle .g_textArea,.addrSettle .g_textArea {
    padding-left: .75rem
}

.editCusInfo {
    display: none;
    background-color: #fff
}

.mallCart .g_separator {
    display: none
}

.orderSettle .g_separator {
    width: 100%;
    height: .5rem;
    background-color: #f7f7f7
}

.editCusInfo .orderSettle .editPanel {
    background-color: #fff;
    padding: .5rem
}

.editPanel .edit_line {
    margin-bottom: .5rem
}

.editPanel .edit_line .linetitle {
    margin-bottom: .5rem;
    padding-left: .2rem;
    width：100%}

.orderSettle .receiverLine {
    height: 2rem;
    line-height: 2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: .8rem;
    position: relative
}

.orderSettle .icon-toAddrListArrow {
    position: absolute;
    top: 0;
    right: -0.3rem;
    font-size: 1.2rem;
    line-height: 2.6rem
}

.orderSettle .icon-toAddrListArrow:before {
    content: "\ea9e"
}

.orderSettle .mallTheme_defaultAddr {
    float: right;
    line-height: 2.6rem;
    margin: 0 0 0 .3rem;
    color: #fff;
    text-align: center;
    font-size: .35rem
}

.orderSettle .mallTheme_defaultAddr .button_defaultAddr {
    display: inline-block;
    width: 1.5rem;
    height: .75rem;
    line-height: .8rem;
    border-radius: .05rem
}

.editPanel .edit_line .mobileCtSelStyle {
    width: 45%
}

.editPanel .edit_line input::-webkit-outer-spin-button,.editPanel .edit_line input::-webkit-inner-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

.editPanel .edit_line input[type="number"] {
    -moz-appearance: textfield
}

.orderSettle .orderAssign_line {
    margin-bottom: .4rem;
    background-color: #FFF
}

.orderSettle .orderAssign_line .shipTopBg {
    width: 100%;
    height: .2rem;
    background: url(/image/mall/shipTopBg.jpg?v=201711250607);
    background-size: 100% 100%;
    background-position: 0rem 0rem
}

.orderSettle .orderAssign_line .linetitle1 {
    height: 2.1rem;
    line-height: 2.1rem;
    margin: 0 .5rem;
    font-size: .6rem;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none
}

.orderSettle .orderAssign_line .linetitle2 {
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 .5rem 0 .4rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: .7rem;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.orderSettle .orderAssign_line .assignItem_line {
    margin: 0 .45rem 0 .85rem;
    padding-bottom: .4rem;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.orderSettle .orderAssign_line .separatorLine {
    border-top: 1px solid #f2f2f2;
    margin: 0 .5rem
}

.orderSettle .orderAssign_line .assignItem_line .addr_value {
    margin-right: .5rem;
    font-size: .6rem;
    color: #333;
    line-height: 2.6rem;
    float: left
}

.orderSettle .orderAssign_line .assignItem_line span#info_phone {
    float: right;
    margin-right: 0;
    line-height: 2.6rem
}

.orderSettle .orderAssign_line .assignItem_line div.item_value {
    line-height: 1rem;
    font-size: .6rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.orderSettle .orderAssign_line .mall_DefaultAddr {
    display: none;
    height: .75rem;
    line-height: .75rem;
    background-color: #d20001;
    border-radius: 1px;
    color: #fff;
    text-align: center;
    margin-right: .2rem;
    font-size: .5rem;
    padding: 0 .1rem 0 .1rem
}

.orderSettle .orderAssign_line .icon-addrSelected {
    position: relative;
    font-size: 1.2rem;
    vertical-align: middle;
    display: inline-block;
    margin-left: -0.2rem
}

.orderSettle .orderAssign_line .icon-addrSelected:before {
    content: "\ea9a"
}

.orderSettle .orderAssign_line .assignItem_line .info_addr {
    word-break: break-all;
    vertical-align: middle;
    display: inline-block;
    width: 13rem
}

.orderSettle .orderAssign_line .info_addrDetail {
    font-size: .5rem
}

.icon-rightIcon:before {
    content: "\e672";
    font-size: 1rem
}

.orderSettle .orderAssign_line .assignItem_line .icon-rightIcon {
    color: #ccc;
    height: 3.1rem;
    line-height: 3.1rem;
    float: right;
    position: relative;
    top: -3rem;
    margin-right: -0.2rem
}

.orderSettle .orderAssign_line .linetitle1 .icon-rightIcon {
    color: #ccc;
    height: 2.1rem;
    line-height: 2.1rem;
    float: right
}

.cusInfo .orderSettle .orderSettle_line {
    background-color: #FFF
}

.orderSettle .orderSettle_line .mall_product {
    margin-left: .5rem;
    overflow: hidden;
    display: block
}

.orderSettle .orderSettle_line .mall_product:first-child {
    border-top: 0
}

.orderSettle .orderSettle_line .flex1 {
    position: relative
}

.orderSettle .mall_product {
    border-color: #eee
}

.orderSettle .mall_product .right {
    height: 3.75rem;
    float: left
}

.orderSettle .mall_product .right .product_name {
    max-height: 1.8rem;
    font-size: .65rem
}

.orderSettle .mall_product .right .product_name a {
    height: auto;
    margin-right: 0
}

.orderSettle .mall_product .right .product_attr {
    height: auto;
    max-height: 1.7rem;
    line-height: .8rem;
    font-size: .55rem;
    color: #999;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.orderSettle .mall_product .mall_price {
    font-size: .75rem;
    color: #333
}

.orderSettle .product_price {
    position: absolute;
    bottom: 0;
    font-size: .6rem
}

.orderSettle .product_amount {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #333;
    font-size: .6rem
}

.orderSettle .orderSettle_line .mall_product .left {
    width: 3.75rem;
    height: 3.75rem;
    border-color: #eee;
    float: left
}

.orderSettle .orderSettle_line .mall_product .left .imgClass {
    max-width: 3.75rem;
    max-height: 3.75rem
}

.orderSettle .ship_line,.orderSettle .mall_integral,.orderSettle .useItg_line,.orderSettle .coupon_line {
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0 .5rem;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    font-size: .6rem;
    color: #333
}

.orderSettle .mall_integral {
    border-bottom: 0
}

.orderSettle .mall_integral .integralSign {
    display: inline-block;
    border: 1px solid;
    padding: .1rem .2rem;
    line-height: normal;
    margin-right: .4rem;
    border-radius: .1rem
}

.webPagePanel .fk-mobileCtSel {
    width: 6.14rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.webPagePanel .icon-mobileCtSelect {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .85rem;
    left: 32%;
    padding-right: 0
}

.webPagePanel .icon-mobileCtSelect:before {
    float: none;
    position: static
}

.webPagePanel .fk-mobileNum {
    width: 55%;
    position: absolute;
    right: 0
}

.webPagePanel .fk-mobileBox {
    position: relative
}

.useItgPanel .useItgInput {
    width: 100%;
    height: 2rem;
    margin-top: .3rem;
    padding: 0 .1rem
}

.useItgPanel .useTips {
    color: #676767;
    margin-top: .3rem;
    font-size: .55rem
}

.useItgPanel .useItgOpera {
    text-align: center
}

.useItgPanel .useItgOpera .notUseBtn,.fk-coupon-opera .notUseBtn {
    display: inline-block;
    width: 7rem;
    border: .1rem solid;
    text-align: center;
    line-height: 1.8rem;
    margin: .5rem .5rem .5rem 0;
    background: #fff;
    cursor: pointer;
    vertical-align: top
}

.useItgPanel .useItgOpera .g_button,.fk-coupon-opera .g_button {
    width: 7rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0
}

#editCouponPanel {
    background: #fff
}

.fk-coupon-panel {
    background: #fff;
    position: relative;
    height: calc(100% - 6rem);
    overflow-y: auto;
    overflow-x: hidden
}

.fk-coupon-panel .fk-rc-input {
    height: 2rem;
    width: 70%
}

.fk-coupon-panel .fk-rc .g_button {
    display: inline-block;
    width: 28%;
    margin-left: 2%
}

.fk-coupon-panel .coupon-warp {
    border-top: 0;
    border-bottom: .5rem solid #f7f7f7
}

.fk-coupon-panel .coupon-warp:nth-last-child(2) {
    border-bottom: 0
}

.fk-coupon-panel .fk-select-layer {
    display: inline-block;
    display: none;
    position: absolute;
    width: 100%;
    top: 4.75rem;
    left: 0
}

.fk-coupon-panel .fk-select-layer div {
    border: .1rem solid #65cb0a;
    height: 5.3rem
}

.fk-coupon-panel .fk-select-layer em {
    display: block;
    border-width: 1.5rem 0 0 1.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    border-style: solid;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent transparent #65cb0a
}

.fk-coupon-panel .fk-select-layer span.faisco-icons-select {
    position: absolute;
    left: -1.5rem;
    bottom: 0
}

.fk-coupon-panel .fk-select-layer span.faisco-icons-select:before {
    content: "\e777";
    color: #FFF;
    font-size: .75rem;
    font-weight: 900;
    vertical-align: bottom
}

.fk-coupon-opera {
    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
}

.orderSettle .ship_line .selectship,.orderSettle .select_line {
    text-align: right
}

.orderSettle .pay_line .select_line {
    white-space: nowrap
}

#shipValue {
    display: inline-block;
    max-width: 8.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.orderSettle .ship_line .selectship .icon-rightIcon:before,.orderSettle .pay_line .icon-rightIcon:before,.orderSettle .useItg_line .icon-rightIcon:before,.orderSettle .coupon_line .icon-rightIcon:before {
    position: relative;
    top: .2rem;
    color: #ccc;
    margin-right: -0.2rem
}

.orderSettle .small-font {
    font-size: .5rem;
    color: #999
}

.modifyShipDetails,.useItgPanel,.modifyBankList {
    background-color: #f7f7f7;
    min-height: 100%
}

.modifyShipDetails .profileContent {
    padding: 0;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%
}

.modifyShipDetails .count_line {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 .5rem
}

.modifyShipDetails .left {
    width: 7rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.modifyShipDetails .right {
    text-align: right
}

#webPagePanelbanks .g_separator {
    background: #f7f7f7;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

#webPagePanelbanks .bankListArea {
    background: #fff
}

#webPagePanelbanks .bankListArea .bankList {
    margin-left: .4rem
}

#webPagePanelbanks .bankListArea .bankListTable {
    width: 100%;
    border-collapse: collapse
}

#webPagePanelbanks .bankListArea .bankListTable .bankItemName {
    width: 23%;
    text-align: left
}

#webPagePanelbanks .bankListArea .bankListTable .bankItemValue {
    font-size: .6rem;
    color: #666;
    text-align: left;
    padding-right: .5rem
}

#webPagePanelbanks .bankListArea .bankListTable .bankLeaveMsg {
    font-size: .5rem;
    color: #999;
    line-height: normal;
    vertical-align: top
}

#webPagePanelbanks .bankListArea .bankListTable td {
    border-collapse: collapse;
    padding-left: 4px;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #666;
    word-break: break-all
}

#webPagePanelbanks .bankPanelDes {
    height: 3.1rem;
    color: #333;
    font-size: .6rem;
    padding-top: .9rem;
    padding-left: .5rem;
    background: #fff
}

.orderSettle .pay_line {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .5rem;
    background-color: #fff;
    font-size: .6rem;
    color: #333
}

.orderSettle .pay_line .payItem {
    width: 86%;
    padding-left: 0;
    outline: 0;
    border: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.orderSettle select,.addrSettle select {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    font-size: .7rem;
    background: 0;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.orderSettle .g_input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7
}

.orderSettle .g_textArea,.addrSettle .g_textArea {
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.icon-addrSelect:before {
    content: "\e656";
    color: #666;
    font-size: 1rem;
    float: right;
    position: relative;
    top: 2.25rem;
    right: .85rem
}

.icon-mobileCtSelect:before {
    content: "\e656";
    color: #666;
    font-size: 1rem;
    float: right;
    position: relative;
    top: .75rem;
    right: 1.1rem
}

.orderSettle .orderSettle_line .item_line {
    margin: .25rem 0;
    color: #808080;
    min-height: 1.75rem;
    line-height: 1.75rem
}

.orderSettle .orderSettle_line .item_line .item_name {
    min-width: 5rem;
    text-align: left
}

.orderSettle .orderSettle_line .item_line .item_value {
    word-wrap: break-word;
    margin-left: .3rem
}

.orderSettle .orderSettle_line .addAmount {
    margin-top: .7rem;
    float: right
}

.orderSettle .orderSettle_line .mall_price {
    margin: 0 .5rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: .6rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #333
}

.orderSettle_line .mall_price_bdTop {
    border-top: 1px solid #f2f2f2
}

.saleTotalDetail table {
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.saleTotalDetail .td1 {
    width: 50%;
    overflow: hidden;
    line-height: 1.4rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    color: #333;
    font-size: .6rem
}

.saleTotalDetail .td2 {
    width: 50%;
    text-align: right;
    overflow: hidden;
    line-height: 1.2rem;
    padding-top: .3rem
}

.saleTotalDetail .tr2 {
    width: 50%;
    color: #999;
    font-size: .5rem
}

.saleTotalDetail .td3 {
    width: 50%
}

.saleTotalDetail .td4 {
    width: 50%;
    text-align: right;
    height: 1rem;
    line-height: 1rem;
    padding-bottom: .3rem;
    overflow: hidden
}

.orderSettle .orderSettle_line .order_leave_msg {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .5rem;
    font-size: .6rem
}

.orderSettle .orderSettle_line .lvMsgValue {
    width: 11rem;
    height: 1.65rem;
    line-height: 1.65rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    background-color: #fff;
    border-color: #fff;
    font-size: .6rem;
    color: #555
}

.orderSettle .orderSettle_line .count_line {
    height: 2.5rem;
    line-height: 2.5rem;
    color: #333
}

.orderSettle .orderSettle_line .count_line1 {
    height: 3rem;
    color: #333
}

.orderSettle .order_bottom {
    max-height: 5rem;
    width: 100%;
    max-width: 768px;
    bottom: 0;
    border-top: 1px solid #f2f2f2;
    background-color: #fff;
    z-index: 100;
    font-size: .6rem;
    color: #333;
    position: fixed
}

.orderSettle .order_bottom .g_button {
    width: 4.5rem;
    height: 2rem;
    line-height: 2rem;
    float: right;
    font-size: .6rem;
    border-radius: 0;
    margin: 0
}

.orderSettle .order_bottom .mall_allPrice {
    display: inline-block;
    margin: .6rem 0 0 .5rem;
    margin-bottom: 0;
    float: left;
    min-width: 6rem
}

.orderSettle .order_bottom .sale_price {
    color: #999;
    font-size: .5rem;
    margin-left: .4rem
}

.mall_price .right {
    display: block;
    float: right;
    height: 2.5rem;
    overflow: hidden
}

.orderSettle .orderSettle_line .count_line .right {
    text-align: right;
    min-width: 70px
}

.orderSettle .orderSettle_line .moreGoods {
    display: none
}

.orderSettle .orderSettle_line .seeMore {
    height: 1.45rem;
    line-height: 1.45rem;
    font-size: .6rem;
    color: #999;
    border-top: 1px solid #e1e1e1;
    margin: 0 .4rem;
    text-align: center
}

.orderSettle .orderSettle_line .seeMore .icon-seemoreIcon:before {
    content: "\e656";
    font-size: .7rem;
    font-weight: bold;
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.orderSettle .orderSettle_line .seeMore .icon-hidemoreIcon:before {
    content: "\e701";
    font-size: .7rem;
    margin-left: .2rem;
    font-weight: bold;
    position: relative;
    top: .1rem
}

.orderSettle .orderAssign_line .noAddrMsgList {
    display: block
}

.groupBuyLine {
    height: 2.25rem
}

.groupBuyLine .gbDetailBtn {
    height: 1.2rem;
    width: 3rem;
    border: 1px solid #dadada;
    display: block;
    float: right;
    line-height: 1.2rem;
    text-align: center;
    color: #666;
    font-size: .6rem;
    margin-right: .7rem;
    margin-top: .5rem;
    border-radius: .1rem
}

.orderDetail_line .totalStr {
    display: inline-block;
    float: right
}

.orderDetail_line .bankDetail {
    height: 3.3rem;
    line-height: 3.3rem;
    color: #333;
    margin-left: .5rem;
    margin-right: .6rem;
    border-bottom: 1px dashed #eee
}

.orderDetail_line .bankDetail .chooseBank {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .6rem;
    padding-top: .3rem
}

.orderDetail_line .bankDetail .chooseBank .lineTitle {
    float: left
}

.orderDetail_line .bankDetail .chooseBank .icon-rightIcon:before {
    content: "\e672";
    font-size: 1rem;
    position: relative;
    top: .2rem
}

.orderDetail_line .bankDetail .remark {
    height: 1rem;
    line-height: 1rem;
    font-size: .5rem;
    color: #999;
    width: 100%;
    white-space: nowrap
}

.orderDetail .bankDetailArea .bankList {
    margin-left: .5rem;
    font-size: .55rem;
    margin-top: .4rem;
    margin-bottom: .4rem
}

.orderDetail .bankDetailArea .bankList .bankListTable {
    width: 100%;
    border-collapse: collapse
}

.orderDetail .bankDetailArea .bankListTable td {
    border-collapse: collapse;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #666;
    word-break: break-all
}

.orderDetail .bankDetailArea .bankList .bankListTable .bankItemName {
    width: 20%;
    text-align: right
}

.orderDetail .bankDetailArea .bankList .bankListTable .bankLeaveMsg {
    font-size: .5rem;
    color: #999;
    line-height: normal;
    vertical-align: top;
    height: 1rem
}

.orderDetail_line .bankDetail .chooseBank .select_line {
    text-align: right
}

.orderDetail_line .integralSign {
    display: inline-block;
    border: 1px solid;
    padding: .1rem .2rem;
    margin-right: .4rem;
    border-radius: .1rem
}

.orderSettle .orderSettle_line .top {
    color: #808080;
    line-height: 1.25rem
}

.orderSettle .orderSettle_line .center {
    border-bottom: 1px solid #f2f2f2;
    line-height: 1.25rem;
    padding: 0 .5rem 0 0;
    margin-left: .5rem;
    font-size: .75rem
}

.orderSettle .orderSettle_line .center .useNum {
    text-align: right;
    font-size: .6rem
}

.orderSettle .orderSettle_line .center .useTips {
    text-align: right;
    font-size: .5rem
}

.orderSettle .orderSettle_line .bottom {
    height: 1.75rem;
    line-height: 1.75rem
}

.pgDetail .line {
    padding-left: 0;
    padding-right: 0
}

.pgDetail .pgBoxItem {
    padding-left: .5rem;
    border-bottom: 1px solid #f2f2f2;
    height: 2.5rem
}

.orderDetail {
    color: #666;
    background-color: #fff;
    margin-bottom: 2.5rem
}

.orderDetail .orderDetailTop {
    background-color: #fff;
    text-align: center;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.orderDetail .orderDetailTop .icon-SucceedIcon {
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    font-size: 3rem
}

.orderDetail .orderDetailTop .icon-SucceedIcon:before {
    content: "\b0177"
}

.orderDetail .orderDetailTop .submitSucceed {
    display: inline-block;
    font-size: .7rem;
    margin-top: .45rem
}

.orderDetailButton {
    height: 1.75rem;
    line-height: 1.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .7rem
}

.orderDetail .orderDetailArea {
    background-color: #fff;
    overflow: hidden
}

.orderDetail .bankListArea {
    background-color: #fff
}

.orderDetail .bankListArea .bankLeaveMsg {
    font-size: .5rem;
    color: #999;
    line-height: normal
}

.orderDetail .orderDetailArea .bankList {
    margin: .4rem .5rem .5rem
}

.orderDetail .orderDetailArea .bankListTable {
    width: 100%;
    border-collapse: collapse
}

.orderDetail .orderDetailArea .bankListTable td {
    border-collapse: collapse;
    padding-left: .3rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #666;
    word-break: break-all
}

.orderDetail .orderDetailArea .bankListTable .bankItemValue {
    font-size: .6rem;
    color: #666;
    text-align: left;
    padding-right: .5rem
}

.orderDetail .orderDetailArea .bankListTable .bankLeaveMsg {
    font-size: .5rem;
    color: #999;
    line-height: normal;
    vertical-align: top;
    height: .7rem
}

.orderDetail .orderDetailArea .bankListTable tr:first-child td {
    border-top: 0
}

.orderDetail .orderDetailArea .bankListTable .bankItemName {
    width: 25%;
    text-align: left
}

.orderDetail .orderDetailArea .line {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 .3rem;
    margin: 0 .5rem
}

.orderDetail .orderDetailArea .payByBankLines {
    padding-right: 0;
    border-bottom: 1px dashed #f2f2f2
}

.orderDetail .orderDetailArea .payAcountLine {
    font-size: .6rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.orderDetail .orderDetailArea .payAcountLine .remarkText {
    font-size: .5rem;
    color: #999
}

.orderDetail .orderDetailArea .button_line {
    height: auto;
    margin: 0 2rem;
    overflow: hidden;
    padding: 0
}

.orderDetail .orderDetailArea .button_line_gb {
    margin: 0;
    margin-left: .4rem
}

.orderDetail .orderDetailArea .button_line .buttonContainer {
    display: inline-block;
    margin: 0 .5rem
}

.orderDetail .orderDetailArea .button_line .mallButton {
    width: 5rem;
    font-size: .6rem;
    line-height: 1.5rem
}

.orderDetail .orderDetailArea .button_line .mallGroupBuyShareButton {
    width: 14.2rem
}

.orderDetail .orderDetailArea .payAcountLine .item {
    float: left;
    font-size: .7rem;
    color: #333
}

.orderDetail .orderDetailArea .remarkLine .item {
    float: left;
    font-size: .6rem;
    color: #999
}

.orderDetail .orderDetailArea .line:last-child {
    border-bottom: 0
}

.orderDetail .orderDetailArea .line .item_name {
    float: left;
    font-size: .6rem;
    color: #333;
    width: 25%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orderDetail .orderDetailArea .line .item_val {
    float: right;
    font-size: .6rem;
    color: #999;
    max-width: 75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orderDetail .count_line {
    margin: 0 .5rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: right;
    font-size: .8rem
}

.orderDetail .orderDetail_line {
    background-color: #FFF!important;
    padding-top: 0
}

.orderDetail .orderDetail_line .line_title {
    -webkit-box-shadow: 0 1px 0 #fff!important;
    -ms-box-shadow: 0 1px 0 #fff!important;
    -moz-box-shadow: 0 1px 0 #fff!important;
    -o-box-shadow: 0 1px 0 #fff!important;
    box-shadow: 0 1px 0 #fff!important;
    color: #333;
    line-height: 2.5rem;
    border-bottom: 1px solid #f2f2f2!important;
    margin-left: .5rem;
    margin-right: .6rem;
    font-size: .6rem
}

.orderDetail .orderDetail_line .line_title:last-child {
    border-bottom: none!important
}

.orderDetail .orderDetail_line .order_lv_msg {
    word-break: break-all
}

.orderDetail .orderDetail_line .line_title.noflow {
    margin-left: 0;
    padding-left: .5rem
}

.orderDetail .orderDetail_line .right {
    text-align: right
}

.orderDetail .orderDetail_line .itgName {
    font-size: .75rem;
    color: #333
}

.orderDetail .orderDetail_line .line_item {
    color: #666;
    font-size: .55rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    margin-right: .7rem
}

.orderDetail .orderDetail_header {
    width: 100%;
    height: 3.25rem;
    position: relative
}

.orderDetail .orderDetail_header .orderStatusLeft {
    position: absolute;
    width: 8.4rem;
    left: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    word-wrap: break-word
}

.orderDetail .orderDetail_header .orderStatusName {
    font-size: .65rem
}

.orderDetail .orderDetail_header .orderStatusLeft .payLimitTips {
    font-size: .6rem;
    margin-top: .2rem
}

.orderDetail .orderDetail_header .orderStatusIcon {
    float: right;
    width: 3.25rem;
    height: 3.25rem;
    line-height: 3.25rem;
    margin-right: 2rem;
    font-size: 2.5rem
}

.orderDetail .orderDetail_header .icon-mallWaitPay:before {
    content: "\b0178"
}

.orderDetail .orderDetail_header .icon-waitShip:before {
    content: "\b0180"
}

.orderDetail .orderDetail_header .icon-toSignUp:before {
    content: "\b0181"
}

.orderDetail .orderDetail_header .icon-toComment:before {
    content: "\b0179"
}

.orderDetail .orderDetail_addr {
    margin: .8rem;
    margin-top: 0;
    padding-top: .2rem;
    font-size: .65rem
}

.orderDetail .orderDetail_addr .addr_line1 {
    line-height: 1.75rem;
    font-size: .6rem;
    color: #333
}

.orderDetail .orderDetail_addr .addr_line1 .right {
    float: right
}

.orderDetail .orderDetail_addr .addr_line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 1rem;
    font-size: .6rem;
    color: #888
}

.orderDetail .orderDetail_goodsLine .line_item {
    color: #666;
    font-size: .6rem;
    margin: 0;
    padding: .5rem;
    position: relative;
    height: auto
}

.orderDetail .inlineBlock1 {
    width: 3.75rem;
    height: 3.75rem;
    border: 1px solid #f4f4f4;
    vertical-align: middle
}

.orderDetail .inlineBlock2 {
    width: 10.1rem;
    padding-left: .5rem
}

.orderDetail .inlineBlock3 {
    position: absolute;
    bottom: 0;
    right: .75rem;
    width: 10.3rem
}

.orderDetail .refundLine .inlineBlock3 {
    bottom: 1.7rem
}

.orderDetail .refundLine .inlineBlock4 {
    position: absolute;
    bottom: 0;
    right: 0
}

.orderDetail .orderDetail_line .goodsTotalItem,.orderDetail .orderDetail_line .integralItem,.orderDetail .orderDetail_line .couponItem {
    height: 1.5rem;
    line-height: 1.5rem
}

.orderDetail .orderDetail_itgCodeTime {
    padding: .6rem 0
}

.orderDetail .orderDetail_line .integral_line {
    line-height: normal
}

.orderDetail .orderDetail_line .integralText {
    line-height: 1.1rem;
    color: #333
}

.orderDetail .orderDetail_line .orderCodeTime {
    color: #999;
    line-height: normal;
    margin-top: .3rem
}

.orderDetail .orderDetail_line .settleTimeItem {
    color: #999;
    font-size: .55rem;
    margin-right: .7rem;
    border-top: 1px solid #f2f2f2;
    padding-right: 0
}

.orderDetail .orderDetail_line .payType {
    line-height: 2.5rem
}

.orderDetail .orderDetail_line .icon-rightIcon:before {
    margin-right: -0.25rem
}

.orderDetail .noflowInfo {
    color: #666;
    font-size: .6rem;
    display: none;
    padding-left: 1.7rem;
    border-top: 0;
    line-height: normal;
    padding-bottom: .5rem
}

.orderDetail .orderDetail_line .line_item:nth-last-child(1) {
    border-bottom: 1px solid #fff!important
}

.orderDetail .orderDetail_line .fixedInBottom {
    position: fixed;
    width: 100%;
    bottom: 0rem;
    z-index: 9;
    background-color: #fff;
    max-width: 768px;
    border-top: 1px solid #f2f2f2
}

.orderDetail .orderDetail_line .borderTop {
    border-top: 1px solid #f2f2f2!important
}

.orderDetail .orderDetail_line .line_item a {
    color: #333;
    word-break: break-all;
    line-height: .8rem
}

.orderDetail .orderDetail_line .seeMore {
    height: 1.45rem;
    line-height: 1.45rem;
    font-size: .6rem;
    color: #808080;
    border: 1px solid #e8e8e8;
    margin: 0 .4rem .5rem;
    background: #f5f5f5;
    text-align: center
}

.orderDetail .orderDetail_line .seeMore .icon-seemoreIcon:before {
    content: "\e656";
    font-size: .7rem;
    font-weight: bold;
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.orderDetail .orderDetail_line .seeMore .icon-hidemoreIcon:before {
    content: "\e701";
    font-size: .7rem;
    margin-left: .2rem;
    font-weight: bold;
    position: relative;
    top: .1rem
}

.orderDetail .orderDetail_line .moreGoods {
    display: none
}

.orderDetail .line_item .imgClass {
    max-width: 3.75rem;
    max-height: 3.75rem;
    vertical-align: middle
}

.orderDetail .orderDetail_line .refundLine {
    padding-bottom: 2rem
}

.orderDetail .orderDetail_line .refundLine .imgClass {
    margin-bottom: 0
}

.orderDetail .orderDetail_line .line_item .createTime {
    color: #bebebe
}

.orderDetail .orderDetail_line .line_item .amount {
    position: relative;
    top: -0.6rem;
    line-height: 1rem;
    color: #333
}

.orderDetail .orderDetail_line .line_item .price {
    position: absolute;
    top: auto;
    bottom: .6rem;
    line-height: 1rem
}

.orderDetail .orderDetail_line .line_item .refund {
    position: relative;
    top: .4rem;
    line-height: 1.2rem;
    height: 1.2rem;
    width: 4rem;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    margin-left: .4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word
}

.orderDetail .orderDetail_line .line_item .product_name {
    padding-top: .1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.orderDetail .orderDetail_line .line_item .product_prop {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .55rem;
    line-height: normal;
    color: #999
}

.orderDetail .flowInfo {
    padding-left: .7rem;
    padding-right: 0
}

.orderDetail .flowBusMsg {
    overflow: hidden
}

.orderDetail .flowBusName {
    float: left;
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orderDetail .flowBusNumber {
    float: right;
    display: inline-block;
    width: 38%;
    padding-right: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right
}

.orderDetail .flowLastNews {
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 1.2rem;
    overflow: hidden
}

.orderDetail .icon-flowMoreArrow {
    position: absolute;
    top: .05rem;
    right: 0;
    font-size: 1rem;
    color: #747474
}

.orderDetail .icon-flowMoreArrow:before {
    content: "\ea9e"
}

.orderDetail .flowMsgTime {
    font-size: .5rem;
    color: #999
}

.orderDetail .flowInfo:nth-child(1) .flowFlag {
    background: 0;
    font-size: .9rem;
    top: .4rem
}

.orderDetail .flowInfo:nth-child(1) .flowFlag:before {
    content: "\ea8d";
    background: 0;
    border: 0;
    border-radius: none
}

.orderDetail .noAddrProp {
    margin-top: .25rem;
    position: relative;
    margin-left: .8rem;
    margin-bottom: .5rem
}

.orderDetail .noAddrProp .orderPropItem {
    text-align: left;
    font-size: .6rem;
    line-height: 1.6rem
}

.orderDetail .noAddrProp .rightToward {
    position: absolute;
    right: .25rem;
    bottom: .25rem;
    color: #ccc;
    font-weight: bold;
    right: 0
}

.orderDetail .noAddr_prop {
    float: right;
    display: inline-block;
    margin-right: .8rem;
    color: #333
}

.noAddrPanel {
    padding-bottom: .4rem;
    position: relative
}

.noAddrPanel .rightToward {
    position: absolute;
    right: .3rem;
    bottom: .5rem;
    color: #ccc;
    font-weight: bold
}

.noAddrPanel .noAddrLine {
    text-align: left;
    margin-left: .75rem;
    font-size: .6rem;
    line-height: 1.35rem;
    position: relative
}

.noAddrLine .noAddr_prop {
    float: right;
    display: inline-block;
    margin-right: 1.35rem;
    color: #333
}

.noAddrPropInfoContain {
    background-color: #fafafa;
    padding-bottom: .5rem
}

.noAddrEditLineItem {
    display: flex;
    position: relative;
    font-size: .7rem;
    color: #333;
    margin-left: .75rem;
    margin-right: .75rem;
    border-bottom: .025rem solid #ccc;
    margin-bottom: .05rem
}

.noAddrEditLineItem .propName {
    line-height: 2.25rem;
    max-width: 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .6rem
}

.noAddrEditLineItem .propItemValue {
    color: #333;
    font-size: .6rem;
    padding-left: .45rem;
    border: 0;
    outline: 0;
    background-color: #fafafa;
    width: 11.5rem
}

.icon-upIcon:before {
    content: "\e656";
    font-size: .75rem
}

.opened .icon-upIcon:before {
    content: "\e701";
    font-size: .75rem
}

.order-ext-panel {
    transition: margin-left 500ms;
    -ms-transition: margin-left 500ms;
    -moz-transition: margin-left 500ms;
    -o-transition: margin-left 500ms;
    -webkit-transition: margin-left 500ms;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 768px;
    margin-left: 100%;
    top: 0;
    background: #fff;
    z-index: 999;
    overflow: auto;
    -ms-overflow-style: none
}

.order-ext-panel::-webkit-scrollbar {
    display: none
}

.ct-panel .l-item {
    padding: 0 .7rem 0 .5rem;
    font-size: .6rem;
    line-height: 1.75rem;
    border-bottom: 1px solid #f2f2f2
}

.ct-panel .l-area-item {
    margin-left: .6rem;
    margin-top: .5rem;
    font-size: .6rem;
    line-height: 1.75rem
}

.ct-panel .img-area-item {
    margin-left: .6rem;
    font-size: .6rem;
    line-height: 1.75rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #f2f2f2
}

.ct-panel .l-sb-item {
    padding: 0 .5rem 0 .5rem;
    font-size: .6rem;
    line-height: 1.75rem;
    border-top: 1px solid #f2f2f2;
    margin-top: 2.5rem
}

.ct-panel .img-area-item .uploadify-button {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(/image/mobi/msgUpImg/upload.png?v=201711250607);
    background-repeat: no-repeat;
    padding: 0!important;
    border-width: 0;
    border-radius: 0;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.ct-panel .img-area-item .comm-find-tb {
    width: 2.5rem;
    height: 2.5rem;
    padding-right: .3rem
}

.ct-panel .img-area-item .comm-show-td-bd {
    border: solid 1px #aaa;
    width: 2.5rem;
    height: 2.5rem
}

.ct-panel .img-area-item .comm-up-set {
    width: 2.5rem;
    display: block
}

.ct-panel .img-area-item .comm-up-div {
    position: relative
}

.ct-panel .img-area-item .comm-up-div-set {
    width: .8rem;
    height: .8rem;
    position: absolute;
    z-index: 1;
    background-image: url(/image/mobi/msgUpImg/delete.png?v=201711250607);
    background-repeat: no-repeat;
    margin-top: -2.9rem;
    margin-left: 1.95rem;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.ct-panel .img-area-item .comm-up-div-set:hover {
    cursor: pointer
}

.ct-panel .l-area-item .comm_input {
    border: 1px solid #dfdfdf;
    padding: 0;
    margin: 0;
    width: 97%;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    padding-left: 1.2rem;
    padding-top: .25rem
}

.ct-panel .l-area-item .tipImg {
    position: absolute;
    margin-top: .6rem;
    margin-left: .3rem;
    z-index: 2;
    background-size: .7rem;
    background-image: url(/image/mobi/tip.png?v=201711250607);
    background-repeat: no-repeat;
    width: .7rem;
    height: .6rem
}

.ct-panel .l-s-item {
    margin-left: .6rem;
    font-size: .6rem;
    border-bottom: 1px solid #f2f2f2;
    padding: .4rem .8rem .5rem 0
}

.ct-panel .l-s-item .tipImg {
    position: absolute;
    margin-top: .55rem;
    z-index: 2;
    background-size: .6rem;
    background-image: url(/image/mobi/tip.png?v=201711250607);
    background-repeat: no-repeat;
    width: .7rem;
    height: .6rem
}

.ct-panel .l-s-item .ct-s-content {
    line-height: 1rem;
    color: #333;
    word-wrap: break-word;
    padding: .3rem 0 .3rem 1.2rem
}

.ct-panel .l-comm-item {
    margin-left: .6rem;
    margin-top: .5rem;
    font-size: .6rem;
    line-height: 1.75rem;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: .5rem
}

.ct-panel .s-click {
    position: absolute;
    width: 10rem;
    height: 4rem;
    z-index: 2000
}

.ct-panel .d-click {
    position: absolute;
    width: 15rem;
    height: 3rem;
    z-index: 2000
}

.ct-panel .s-click:hover {
    cursor: pointer
}

.ct-panel .d-click:hover {
    cursor: pointer
}

.ct-panel .l-s-item .l-comm-star {
    height: .8rem;
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 1.2rem
}

.ct-panel .l-s-item .l-comm-star li {
    height: .8rem;
    list-style: none;
    display: inline-block
}

.ct-panel .l-star-list {
    color: #eae9e7;
    line-height: 1.3rem;
    font-size: 1.3rem;
    padding: .4rem .6rem 0
}

.ct-panel .l-star-list .score-tip {
    display: none;
    font-size: .7rem;
    vertical-align: top;
    border: 1px solid;
    line-height: .7rem;
    padding: .15rem;
    margin: .2em .5rem
}

.score-tip em {
    display: block;
    border-width: .2rem;
    position: absolute;
    top: .3rem;
    left: -0.4rem;
    border-style: dashed solid dashed dashed;
    border-color: transparent #b7b1b6 transparent transparent;
    font-size: 0;
    line-height: 0
}

.score-tip span {
    display: block;
    border-width: .2rem;
    position: absolute;
    top: .3rem;
    left: -0.35rem;
    border-style: dashed solid dashed dashed;
    font-size: 0;
    line-height: 0
}

.ct-panel .i-block1 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    position: relative
}

.ct-panel .i-block2 {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    position: relative
}

.ct-panel .pd-n {
    padding-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    height: 1.6rem;
    line-height: .8rem
}

.ct-panel .pd-n-p {
    padding: 0;
    color: #333
}

.ct-panel .pd-n-c {
    color: #333
}

.ct-panel .pd-o {
    text-align: right;
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .55rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #666
}

.ct-panel .b-img {
    margin: .5rem 0;
    width: 3rem;
    height: 3rem
}

.ct-panel .b-comm-img {
    width: 3rem;
    height: 3rem
}

.ct-panel .i-block1-w {
    width: 24%
}

.ct-panel .p-txt {
    float: left
}

.ct-panel .ct-txt {
    font-size: .7rem;
    color: #bebebe;
    padding: 0 1.5rem;
    display: inline-block
}

.ct-panel .orderButton {
    margin: .05rem 0;
    line-height: 1.2rem;
    margin-top: .15rem;
    padding: 0 .4rem
}

.ct-panel .ct-content {
    color: #333;
    padding: .7rem;
    line-height: 1rem
}

.ct-panel .ct-s-content {
    line-height: 1rem;
    color: #333;
    word-wrap: break-word;
    padding: .3rem 0
}

.ct-panel .ct-s-content-m {
    padding-bottom: .5rem;
    color: #333;
    line-height: 1rem;
    word-wrap: break-word
}

.ct-panel .ct-s-content-m .s-img-f-tb {
    width: 2.5rem;
    height: 2.5rem;
    padding-right: .15rem
}

.ct-panel .ct-s-content-m .s-img-tb {
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.ct-panel .ct-s-content-m .s-img-bd {
    border: solid 1px #c3c3c3;
    width: 2.5rem;
    height: 2.5rem
}

.ct-panel .ct-s-content-m .s-img-set {
    width: 2.5rem!important;
    display: block!important;
    max-height: 2.5rem!important
}

.bossReplyKey {
    color: #858585
}

.bossReplyVal {
    color: #999
}

.ct-panel .l-item-ico {
    line-height: 0;
    border-bottom: 1px solid #f2f2f2;
    padding: .5rem .7rem .5rem .5rem
}

.ct-panel .g_textArea {
    height: 8rem;
    border: 0
}

.commentBoxPanel .commentBox div.productCommentPanel {
    padding-bottom: .25rem;
    margin-top: -0.5rem
}

.commentBoxPanel .commentBox div.productCommentPanel .noCommentList {
    width: 5.5rem;
    height: 4rem;
    margin: 1.3rem auto .8rem auto;
    background: url(/image/v2/defaultIcon04.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.commentBoxPanel .commentBox div.productCommentPanel .noCommentListDescribe {
    text-align: center;
    font-size: .45rem;
    color: #888;
    margin-bottom: 1rem
}

.flowDetailPanel .flowPanel {
    margin-left: .4rem
}

.flowDetailPanel .orderProductList {
    overflow: hidden;
    transition: height 200ms;
    -ms-transition: height 200ms;
    -moz-transition: height 200ms;
    -o-transition: height 200ms;
    -webkit-transition: height 200ms
}

.flowDetailPanel .moreOrderProductList {
    color: #808080;
    border: 1px solid #e8e8e8;
    margin: 0 .4rem .5rem;
    background: #f5f5f5;
    text-align: center
}

.flowDetailPanel .icon-more:before {
    content: '\e656';
    font-size: 1.2rem
}

.flowDetailPanel .icon-less:before {
    content: '\e701';
    font-size: 1.2rem
}

.flowDetailPanel .more {
    line-height: 1.4rem
}

.flowDetailPanel .less {
    line-height: 1.4rem;
    display: none
}

.flowDetail .flowDetail_line {
    background-color: #FFF;
    padding-top: 0;
    border-top: 1px solid #f2f2f2
}

.flowDetail .icon-noMsg {
    color: #ff6239;
    margin-top: 3rem
}

.flowDetail .icon-noMsg:before {
    content: '\ea9d';
    font-size: 2rem
}

.flowDetail .noMsgTip {
    color: #666;
    margin-top: .8rem
}

.flowDetail .noMsgTip a {
    color: #666
}

.flowDetail .flowDetail_line .line_title {
    color: #333;
    line-height: 1.75rem;
    border-bottom: 1px solid #f2f2f2!important;
    margin-left: .5rem;
    padding-right: .6rem
}

.flowDetail .flowDetail_line .right {
    text-align: right
}

.flowDetail .flowDetail_line .line_item {
    color: #666;
    font-size: .6rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .7rem
}

.flowDetail .flowDetail_line .line_item a {
    color: #666;
    word-break: break-all;
    line-height: .8rem
}

.flowDetail .flowDetail_line .line_item .imgClass {
    width: 3rem;
    height: 3rem;
    margin: .5rem 0
}

.flowDetail .flowDetail_line .line_item .createTime {
    color: #bebebe
}

.flowDetail .flowDetail_line .line_item .amount {
    line-height: .1rem
}

.flowDetail .flowDetail_line .orderProductList .line_item {
    border-bottom: 1px #f2f2f2 solid
}

.flowDetail .flowDetail_line .orderProductList .line_item:nth-last-child(1) {
    border-bottom: 1px #fff solid
}

.flowDetail .flowDetail_line .line_item .product_name {
    padding-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    max-height: 1.6rem
}

.flowDetail .flowDetail_line .line_item .product_prop {
    position: absolute;
    width: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .55rem;
    top: 0;
    line-height: 6.5rem
}

.flowDetail .g_separator {
    background: #eee;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.flowDetail .flowBaseInfo {
    line-height: .8rem;
    padding: .7rem .3rem
}

.flowDetail .flowPanel .seperate {
    border-top: 1px solid #f2f2f2;
    margin-left: 1rem
}

.inlineBlock1 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.inlineBlock2 {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.inlineBlock3 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.inlineBlock4 {
    width: 100%;
    position: relative;
    margin-bottom: .5rem;
    height: 1.3rem
}

.orderDetail .orderDetail_line .line_item .inlineBlock4 .refundBtn {
    line-height: 1.2rem;
    height: 1.2rem;
    min-width: 3.2rem;
    padding: 0 .4rem;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    margin-left: .7rem;
    margin-right: .75rem;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 6rem;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis
}

.inlineBlock4 .icon-refund {
    font-size: .6rem;
    color: #666;
    vertical-align: middle
}

.inlineBlock4 .icon-refund:before {
    content: "\eaab"
}

.inlineBlock4 .refundStatus {
    color: #666;
    font-size: .5rem
}

.inlineBlock4 .leftDiv {
    line-height: 1rem
}

.wekitBox {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex
}

.flex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.orderStatus {
    color: #ff6239;
    font-size: .6rem
}

.orderNumber {
    font-size: .6rem
}

.g_locale2052 .orderStatus {
    display: inline-block;
    float: right;
    text-align: right;
    font-size: .7rem
}

.g_locale2052 .orderNumber {
    display: inline-block;
    width: 52%;
    font-size: .7rem
}

.orderDetail .g_separator {
    background: #f7f7f7;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.orderDetail .footerSeparator {
    height: 2rem;
    width: 100%;
    background-color: #f7f7f7
}

.orderDetail .mall_product {
    margin-top: .5rem;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none
}

.orderDetail .placeholder {
    height: 2.5rem
}

.buyButton {
    border: 1px solid #666;
    line-height: 1.2rem;
    color: #666;
    font-size: .6rem;
    border-radius: 3px;
    margin: .5rem 0;
    padding: 0 .6rem;
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 6rem
}

.orderDetail .fixedButtonInBottomDiv {
    margin-right: .3rem;
    float: right
}

.orderDetail .orderButtonFontColor {
    color: #fff
}

.ct-panel .orderButtonFontColor {
    color: #fff
}

.orderDetail .orderDetailPayname {
    display: inline-block;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    vertical-align: middle
}

.mall_textArea {
    background: #f7f7f7;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    text-indent: .25rem;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ececec;
    color: #666;
    width: 100%;
    height: 5rem;
    line-height: 2.5rem
}

.orderList .pagenation {
    border-top: 1px solid #f2f2f2
}

.orderList .orderList_line {
    background-color: #FFF;
    padding-top: 0;
    border-top: 1px solid #f2f2f2;
    clear: both
}

.orderList .orderList_line.topTip {
    padding: .25rem
}

.orderList .orderList_line.topTip div {
    display: inline-block;
    margin-right: 1rem
}

.orderList .orderList_line .line_title {
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .6rem;
    color: #333
}

.orderList .orderList_line .line_item {
    color: #666;
    font-size: .6rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .7rem;
    border-top: 1px solid #f2f2f2
}

.orderList .orderList_line .line_item .groupNumTxt {
    color: #999;
    font-size: .45rem;
    margin-left: .2rem;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orderList .orderList_line .line_item .imgClass {
    width: 3rem;
    height: 3rem;
    margin: .5rem 0
}

.orderList .orderList_line .line_item .product_name {
    line-height: .8rem;
    padding-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    max-height: 1.6rem
}

.orderList .orderList_line .line_item .createTime {
    color: #bebebe
}

.orderList .orderList_line .line_item .refundStatus {
    color: #666;
    font-size: .5rem
}

.orderList .orderList_line .line_item .icon-refund {
    font-size: .8rem
}

.orderList .orderList_line .line_item .icon-refund:before {
    content: "\eaab";
    vertical-align: middle
}

.orderList .orderList_line .orderButtonFontColor {
    color: #fff
}

.orderList .orderList_line .orderButtonDistance {
    margin-left: .3rem
}

.orderList .mall-icon-noProduct {
    background: url(/image/v2/defaultIcon07.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.orderButton {
    border: 1px solid #dadada;
    line-height: 1.2rem;
    color: #666;
    font-size: .6rem;
    border-radius: 3px;
    margin: .5rem 0;
    padding: 0 .6rem;
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 6rem;
    cursor: pointer
}

.orderButtonHas {
    color: #fff!important
}

.orderList .orderList_line .right {
    text-align: right
}

.orderList .g_separator {
    background: #eee;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    display: block!important;
    margin: 0
}

.orderList .comment-txt {
    color: #bebebe;
    font-size: .7rem
}

.flowPanel {
    padding-left: .5rem;
    font-size: .6rem;
    margin: 0 .6rem 0 .5rem
}

.flowInfo {
    padding: .45rem 1rem;
    position: relative;
    line-height: 1rem;
    color: #666
}

.flowInfo:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #DDD;
    position: absolute;
    display: block;
    left: 0;
    top: 1rem
}

.flowFlag {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    position: absolute;
    z-index: 999;
    left: -0.375rem;
    top: .55rem
}

.flowFlag:before {
    content: '';
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #DDD;
    position: relative;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

.flowInfo .flowTime {
    color: #999
}

.flowInfo .icon-flowCurrent:before {
    content: '\e672';
    position: absolute;
    margin-top: .3rem
}

.flowInfo:nth-child(1) {
    color: #4ab344
}

.flowInfo:nth-child(1) .flowFlag:before {
    height: .5rem;
    width: .5rem
}

.flowInfo:nth-last-child(1):after {
    display: none
}

.flowInfo:nth-child(1) .flowFlag {
    background: rgba(74,179,68,0.3)
}

.flowInfo:nth-child(1) .flowFlag:before {
    background: #4ab344
}

.flowDetail .noflowInfo,.flowErr {
    display: none;
    text-align: center
}

.cusFlowPanel {
    padding-left: .5rem;
    font-size: .6rem;
    margin: 0 .6rem 0 .5rem
}

.cusFlowPanel .line_item {
    border-top: 0
}

.cusFlowInfo {
    padding: .45rem 1rem;
    position: relative;
    line-height: 1rem;
    border-top: 1px solid #ebebeb
}

.cusFlowFlag {
    width: .75rem;
    height: .75rem;
    position: absolute;
    z-index: 999;
    left: -0.375rem;
    top: .55rem;
    font-size: .7rem;
    line-height: .8rem
}

.cusFlowFlag:before {
    content: "\ea8d";
    width: .75rem;
    height: .75rem;
    background: 0;
    position: relative;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

.multilingualArea .carIcon {
    height: 1.4rem;
    line-height: 1.4rem;
    margin-left: .25rem;
    font-size: .7rem
}

.icon-mallEdit:before {
    content: "\e67d";
    line-height: 1.4rem;
    font-size: 1rem;
    position: relative;
    top: .15rem
}

.pdCommentSwitchBox {
    margin: 1rem auto;
    width: 90%
}

.pdCommentSwitch {
    color: #666;
    background: #fff;
    height: 1.75rem;
    border: 1px solid #cecece
}

.pdCommentSwitch .left {
    float: left;
    width: 1.75rem;
    height: 1.75rem;
    background-size: 1rem;
    background-position: 50% 50%
}

.pdCommentSwitch .middle {
    float: left;
    height: 1.75rem;
    line-height: 1.75rem
}

.pdCommentSwitch .right {
    float: right;
    width: 1.75rem;
    height: 1.75rem;
    background-size: 1rem;
    background-position: 50% 50%
}

.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
}

.homeIcon {
    position: absolute;
    right: 0;
    height: 100%;
    bottom: 0;
    top: 0;
    position: absolute;
    display: table;
    height: 100%;
    font-size: 1.4rem;
    vertical-align: middle;
    padding-right: .6rem
}

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

.homeIcon:active {
    background: rgba(0,0,0,.2)
}

.statisticCommBox {
    height: 2.5rem;
    border-bottom: .4rem solid #f5f5f5;
    display: inline-block;
    width: 100%;
    padding: .625rem 0
}

.statisticCommBox .fk-left-statisBox {
    width: 5.8rem;
    height: 2.5rem;
    border-right: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.statisticCommBox .fk-left-statisBox .fk-comm-avgScore {
    color: #f60;
    width: 100%;
    height: 1.5rem;
    font-weight: bold;
    display: inline-block;
    font-size: 1rem
}

.statisticCommBox .fk-left-statisBox .fk-star-list,.commentBox .fk-star-list {
    width: 100%;
    height: 1rem;
    font-size: .8rem
}

.faisco-icons-star3.select_more {
    color: #ffb600
}

.faisco-icons-star3.select_less {
    color: #d6d6d6
}

.faisco-icons-star3.no_select {
    color: #eaeaea
}

.fk-left-statisBox .fk-star-list li,.l-star-list li,.commentBox .fk-star-list li {
    list-style: none;
    display: inline-block;
    position: relative
}

.fk-left-statisBox .fk-star-list li span {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.statisticCommBox .fk-right-statisBox {
    width: calc(100% - 6rem);
    display: inline-block;
    height: 2.5rem
}

.statisticCommBox .fk-right-statisBox>div {
    display: inline-block;
    width: 33%;
    text-align: center;
    color: #666
}

.statisticCommBox .fk-right-statisBox>div div:first-child {
    height: 1.5rem;
    color: #333
}

.commentBox {
    margin: .5rem .25rem
}

.commentBox .msgArea {
    margin: 0 0 .5rem 0
}

.faisco-icons-star3:before {
    content: "\e901"
}

.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
}

.mustSpan {
    color: red
}

.vote {
    margin: .5rem;
    padding: 0 .8rem .7rem .8rem
}

.vote .voteSubject {
    text-align: center;
    line-height: 1.75rem
}

.vote .voteSubject .voteSubjectText {
    display: inline-block;
    padding-left: 1rem;
    background: url(/image/mobi/toupiaoicon.png?v=201711250607) no-repeat;
    background-size: 1rem;
    background-position: 0 50%
}

.voteBtn {
    width: 90%
}

.vote .voteItems {
    align-items: center;
    margin-top: .75rem
}

.vote .voteItemImgPanel {
    width: 90%;
    height: 10rem;
    border: 1px solid #eee;
    padding: .5rem;
    display: inline-block;
    text-align: center;
    margin-bottom: 1rem
}

.vote .voteItemNamePanel {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vote .voteItems .voteLab {
    margin-left: .25rem
}

.vote .voteItems .voteItemName {
    display: inline-block;
    margin-left: .25rem
}

.vote .voteOperate {
    text-align: center;
    margin-top: .4rem
}

.vote .voteItemCount {
    width: 4rem;
    display: inline-block;
    text-align: center;
    font-size: .4rem
}

.vote .voteItemShow {
    align-items: center
}

.vote .voteCodePanel {
    margin-top: .5rem
}

.vote .captchaText {
    width: 9.3rem;
    height: 1.8rem;
    font-size: .6rem;
    color: #8c8c8c
}

.vote .voteCodePic {
    width: 3rem;
    vertical-align: middle;
    margin-left: .7rem
}

.fullScreenDivCotainer {
    position: fixed;
    z-index: 99;
    padding: 0!important;
    overflow: visible
}

.fullScreenDiv {
    visibility: hidden;
    left: 150%;
    overflow-y: auto!important;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 768px;
    z-index: 999!important;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

.showFullScreen {
    visibility: visible;
    left: 0;
    visibility: visible;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

.progressBarBg {
    width: 100%;
    height: .5rem;
    overflow: hidden;
    background: #dbdbdb
}

.progressBar {
    width: 0;
    height: 100%;
    background: transparent url(/image/mobi/pre.png?v=201711250607) 0 0 repeat
}

.progressBar-box {
    padding: .25rem 0;
    margin-top: .25rem
}

.progressBar-box-img {
    height: 2.5rem
}

.vote .selectedItem {
    background: #f0f0f0
}

.progressBar-box .voteItemImg {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .5rem
}

.progressBar-box .voteItemCentent {
    width: 83%;
    display: inline-block
}

.vote .progressBar-box .voteItemName.selected {
    background: url(/image/mobi/toupiaoselect.png?v=201711250607) no-repeat;
    padding-left: 1.25rem;
    background-size: 10.3rem;
    background-position: .25rem
}

.voteResultDiv {
    visibility: hidden;
    position: fixed;
    top: 150%;
    height: 100%;
    width: 100%;
    max-width: 768px;
    z-index: 99;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms;
    overflow-y: auto
}

.showVoteResult {
    top: 0!important;
    visibility: visible;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

.voteResultHeader {
    height: 2.3rem;
    text-align: center
}

.voteResultHeader .title {
    font-size: 1rem;
    line-height: 2.3rem
}

.voteResultDiv .vote {
    margin: 0
}

.memberCard {
    background: url(/image/member/mobiCart2@2x.png?v=201711250607) no-repeat;
    background-size: contain;
    width: 14rem;
    height: 3rem;
    display: inline-block;
    margin: .5rem auto;
    font-size: .7rem;
    color: white;
    line-height: 1.4rem;
    text-shadow: 0 0 3px #744c10;
    text-align: right
}

.memberCard .memberLevelName {
    padding-right: .5rem
}

.memberCard .memberName {
    padding-right: .5rem
}

.memberSignUpCardArea {
    display: inline-block;
    margin-bottom: .5rem
}

.memberSignUpCard {
    background: url(/image/member/mobiCart1@2x.png?v=201711250607) no-repeat;
    background-size: contain;
    width: 14rem;
    height: 3rem;
    margin: .5rem auto;
    font-size: .7rem;
    color: white;
    line-height: 1.75rem;
    text-shadow: 0 0 3px #744c10;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.ngLine {
    cursor: pointer;
    overflow: hidden
}

.ngLine-bg {
    background-color: white;
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

.ngGroupDiv {
    position: relative;
    background-color: white;
    width: 60%;
    float: right;
    -webkit-box-shadow: -1px 0 4px rgba(0,0,0,.05);
    box-shadow: -1px 0 4px rgba(0,0,0,.05);
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

.ngName {
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

.ngName-w {
    width: 33%
}

.ngMark-f {
    float: left
}

.ngMark-c {
    color: white
}

.mobiAdvertisement_box {
    position: relative;
    height: 2rem;
    line-height: 2rem;
    display: none;
    overflow: hidden
}

.mobiAdvertisement_box .mobiAdvertisement_adImg {
    width: 100%;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-indent: .5rem;
    font-size: .8rem;
    opacity: .8;
    color: #fff;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.mobiAdvertiseClose {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0;
    top: 0
}

.mobiAdvertisement_boxTip {
    width: 120.25rem;
    height: 1.3rem;
    border: 1px solid #fec24a;
    margin-left: .6rem;
    background: #fffcc9;
    display: none;
    font-size: .6rem;
    padding: 0 .5rem;
    line-height: 1.3rem
}

.mobiAdvertiseClose .mobiAdClose {
    background: url(/image/mobi/closeIcon.png?v=201711250607) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 50% 50%;
    margin-top: .6rem;
    margin-left: .75rem
}

.mobiVideo {
    width: 100%
}

.mobiVideoOnline {
    height: 13rem;
    z-index: 0
}

.mobiVideoOnlineIframe {
    width: 100%;
    height: 100%
}

.mobiVideoCoverFix {
    height: 0;
    overflow: hidden
}

.fileDownloadPanel .mainBodyContainer {
    margin: 0;
    padding: 1px;
    width: 100%;
    table-layout: fixed;
    padding: 0;
    word-wrap: break-word;
    word-break: keep-all;
    overflow: hidden
}

.fileDownloadPanel .fileName {
    width: 100%;
    height: 1.15rem;
    margin-left: .25rem;
    margin-top: 1px
}

.fileDownloadPanel .fileImg {
    height: 1.75rem;
    width: 1.75rem;
    margin-top: 0;
    padding-right: .25rem
}

.fileDownloadPanel .fileName .fileNameText {
    width: 97%;
    height: 1.15rem;
    font-size: .7rem;
    line-height: 1.25rem;
    word-wrap: break-word;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fileDownloadPanel .fileName .fileNameWrap {
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.fileDownloadPanel .fileSize {
    width: 9rem;
    height: 1.15rem;
    font-size: .6rem;
    color: #c8c8c8;
    line-height: 1.05rem;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.fileDownloadPanel .fileOperate {
    width: 2rem;
    height: 2.7rem;
    padding-left: 0;
    padding-right: .25rem
}

.fileDownloadPanel .iconAvi {
    background: url(/image/fileDownload/Format_icon_01.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconWmv {
    background: url(/image/fileDownload/Format_icon_02.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .icon3gp {
    background: url(/image/fileDownload/Format_icon_03.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconMkv {
    background: url(/image/fileDownload/Format_icon_04.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconFlv {
    background: url(/image/fileDownload/Format_icon_05.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconMp4 {
    background: url(/image/fileDownload/Format_icon_06.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconRmvb {
    background: url(/image/fileDownload/Format_icon_07.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconSwf {
    background: url(/image/fileDownload/Format_icon_08.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconMp3 {
    background: url(/image/fileDownload/Format_icon_09.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconWav {
    background: url(/image/fileDownload/Format_icon_10.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .downWma {
    background: url(/image/fileDownload/Format_icon_11.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconOgg {
    background: url(/image/fileDownload/Format_icon_12.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconApe {
    background: url(/image/fileDownload/Format_icon_13.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconAcc {
    background: url(/image/fileDownload/Format_icon_14.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconGif {
    background: url(/image/fileDownload/Format_icon_15.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconJpg {
    background: url(/image/fileDownload/Format_icon_16.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconPng {
    background: url(/image/fileDownload/Format_icon_17.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconBmp {
    background: url(/image/fileDownload/Format_icon_18.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconWps {
    background: url(/image/fileDownload/Format_icon_19.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconEpub {
    background: url(/image/fileDownload/Format_icon_20.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconTxt {
    background: url(/image/fileDownload/Format_icon_21.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconPpt {
    background: url(/image/fileDownload/Format_icon_22.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconPdf {
    background: url(/image/fileDownload/Format_icon_23.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconXls {
    background: url(/image/fileDownload/Format_icon_24.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconDoc {
    background: url(/image/fileDownload/Format_icon_25.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconHtml {
    background: url(/image/fileDownload/Format_icon_26.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconCss {
    background: url(/image/fileDownload/Format_icon_27.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconJs {
    background: url(/image/fileDownload/Format_icon_28.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconRar {
    background: url(/image/fileDownload/Format_icon_29.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconZip {
    background: url(/image/fileDownload/Format_icon_30.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconApk {
    background: url(/image/fileDownload/Format_icon_31.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconDefault {
    background: url(/image/fileDownload/Format_icon_32.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: .15rem
}

.fileDownloadPanel .download {
    background: url(/image/fileDownload/download_icon2.png?v=201711250607)no-repeat;
    background-size: contain!important;
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0;
    margin-right: .1rem
}

#fileListDlButton:after {
    font-family: icomoon;
    content: "\eb1e";
    color: #666;
    position: absolute;
    top: 1em;
    left: 21.15em
}

.shareInfo {
    float: right;
    clear: both;
    width: 11rem;
    margin-bottom: .4rem
}

.shareInfo .shareCtrl {
    float: left;
    height: .8rem;
    line-height: .8rem
}

.shareInfo .shareCtrl a {
    font-family: verdana;
    text-decoration: none;
    display: block;
    width: 1.5rem;
    float: left;
    margin: 0 .3rem .25rem 0
}

.shareInfo .shareMt a {
    width: 4rem;
    margin: .25rem 0 .25rem 0
}

.shareInfo .sharePanel {
    width: 7.2rem;
    height: 1.4rem;
    padding: 4px;
    overflow: hidden
}

.shareInfo .shareNotTitlePanel {
    height: auto
}

.shareInfo .shareIcon {
    float: left;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 1.5rem;
    margin: 0 .1rem 0 .1rem
}

.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 {
    border: 1px solid #c3c1c1;
    float: right;
    box-shadow: 0 2px 2px 0 #c5c5c5;
    background-image: -webkit-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: -ms-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: -moz-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: -o-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: linear-gradient(bottom,#ddd,#f2f3f2);
    background-color: gray;
    border-radius: 2px;
    width: 140px;
    height: 34px;
    line-height: 34px;
    margin-left: 7%
}

.shareToWeiXinDiv {
    border: 1px solid #c3c1c1;
    float: left;
    box-shadow: 0 2px 2px 0 #c5c5c5;
    background-image: -webkit-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: -ms-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: -moz-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: -o-linear-gradient(bottom,#ddd,#f2f3f2);
    background-image: linear-gradient(bottom,#ddd,#f2f3f2);
    background-color: gray;
    border-radius: 2px;
    width: 140px;
    height: 34px;
    line-height: 34px;
    margin-right: 7%
}

.shareToFriend {
    height: 30px;
    width: 117px;
    line-height: 30px;
    font-size: 13px;
    font-family: "微软雅黑";
    text-align: right;
    margin-top: 2px
}

.shareToFriendIcon {
    background: url(/image/shareIcon.png?v_20140271750) 0 -679px no-repeat;
    background-size: 28px 785px;
    height: 30px;
    width: 30px;
    position: absolute;
    margin-left: 19px;
    margin-top: 2px
}

.shareToWeiXin {
    height: 30px;
    width: 122px;
    line-height: 30px;
    font-family: "微软雅黑";
    font-size: 13px;
    text-align: right;
    margin-top: 2px
}

.shareToWeiXinIcon {
    background: url(/image/shareIcon.png?v_20140271750) 0 -645px no-repeat;
    background-size: 28px 785px;
    height: 30px;
    width: 30px;
    position: absolute;
    margin-left: 14px;
    margin-top: 2px
}

.shareFullbg {
    background-color: #000;
    left: 0;
    opacity: .7;
    top: 0;
    z-index: 100
}

.shareTips {
    z-index: 999;
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: 254px;
    height: 11rem;
    background: url(/image/prompt.png?v_20140271750) 0 0 no-repeat;
    float: right
}

.sharePosition1 {
    width: 49%;
    margin-bottom: .4rem;
    float: left
}

.sharePosition2 {
    width: 49%;
    margin-bottom: .4rem;
    float: right
}

.productDetail .shareInfo .shareCtrl a {
    font-size: .6rem!important
}

.productDetail .shareInfo .shareto {
    font-size: .6rem!important
}

.newsDetail .shareInfo .shareCtrl a {
    font-size: .6rem!important
}

.newsDetail .shareInfo .shareto {
    font-size: .6rem!important
}

.fk_notMallThemeNewDetail .fk_newsDetailNotFound {
    padding-top: 3.15rem
}

.fk_notMallThemeNewDetail div.newsCustomPanel2 {
    height: auto
}

.productNewDetailPanel {
    background-color: #fff
}

.productNewDetailPanel .proImgSwipe {
    margin-bottom: 0
}

.productMallOptionHead,.mallNewOptionBox,.productNumberPanel {
    padding-left: .5rem
}

.mallOptionAndNumBox {
    max-height: 9rem;
    overflow: auto
}

.productDetailHeader {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 768px;
    z-index: 10;
    height: 2.4rem
}

.productNewDetail .productBullet {
    background: 0
}

.productNewDetail .proDetailImgBox {
    margin: 0
}

.productNewDetail .proDetailImg {
    height: 15rem;
    margin: 0;
    background-size: cover;
    background-position: 50% 50%
}

.productNewDetail .proDetailImgScale {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f4f4f4
}

.productNewDetail .proDetailImgStretch {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.productNewDetail .mallPrice {
    line-height: 2.75rem;
    display: inline-block;
    font-size: 1rem;
    float: none
}

.productNewDetail .marketPrice {
    height: 1.8rem;
    line-height: 1.8rem;
    display: inline-block;
    font-size: .6rem;
    word-spacing: .2rem;
    vertical-align: top;
    color: #999
}

.productNewDetail .productPrice .marketPrice {
    line-height: 3.2rem
}

.productNewDetail .marketMemberPrice {
    height: 2.75rem;
    line-height: 2.75rem;
    display: inline-block;
    font-size: .6rem;
    margin-left: .35rem;
    word-spacing: .2rem;
    vertical-align: 0;
    text-decoration: line-through;
    color: #999
}

.productNewDetail .marketPriceNew {
    position: relative;
    top: -0.5rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .6rem;
    word-spacing: .2rem;
    vertical-align: top;
    color: #999;
    margin-left: .2rem;
    display: none
}

.productNewDetail .marketMemberPriceNew {
    position: absolute;
    height: 1.8rem;
    line-height: 1.8rem;
    display: inline-block;
    font-size: .6rem;
    margin-left: .1rem;
    word-spacing: .2rem;
    vertical-align: 0;
    text-decoration: line-through;
    color: #999
}

.productMallShop .btnWidth85 {
    width: 85%
}

.productMallShop .btnWidth68 {
    width: 68.8%
}

.marketPriceNew .textDec {
    text-decoration: line-through
}

.marketPrice {
    font-size: .6rem
}

.productNewDetail .productInfoSize {
    height: 2rem;
    line-height: 2rem
}

.productNewDetail .proCommProperty {
    padding-left: .45rem;
    border-bottom: 1px dashed #ddd;
    text-align: left;
    position: relative
}

.productNewDetail .choiceProductSize {
    display: inline-block;
    height: 100%
}

.productNewDetail .productParamterNameList {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 13rem
}

.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: .7rem
}

.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 {
    font-size: .6rem;
    line-height: .6rem;
    color: #999
}

.productNewDetail .icon-collection:before {
    content: "\e6ee";
    color: #999;
    font-size: 1.3rem
}

.productNewDetail .icon-collectSelect:before {
    content: "\e6ed";
    color: #ebba35;
    font-size: 1.3rem
}

.productNewDetail .collectionIcon {
    background: url(/image/sc.png) no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 1.4rem;
    margin-right: 8px;
    margin: 0 auto
}

.productNewDetail .collectionIconSelect {
    background: url(/image/sc-1.png) no-repeat;
    background-size: 1rem
}

.productNewDetail .productCrossedSlideSec {
    border: 0;
    border-radius: initial;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    -ms-border-radius: initial
}

.productNewDetail .productGuarantee {
    height: 2.15rem;
    overflow: hidden;
    margin: 0 0 0 .65rem;
    position: relative
}

.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
}

.salePanel {
    height: 2.15rem;
    position: absolute;
    z-index: 10;
    width: 100%;
    bottom: 0;
    max-width: 19.2rem
}

.countDownSalePanelColor {
    background-color: #333;
    opacity: .5
}

.valueInteger {
    font-size: 1.15rem;
    color: #fff
}

.valueIntegerSmall {
    font-size: .9rem;
    color: #fff
}

.valueDecimal {
    font-size: .65rem;
    color: #fff
}

.newThemePropValue {
    font-size: .5rem;
    margin-left: .3rem;
    text-decoration: line-through;
    color: #fff;
    opacity: .6
}

.choiceCurrencyVal {
    height: .82rem;
    line-height: .82rem
}

.doubleProValue {
    height: .5rem;
    line-height: .5rem;
    margin-left: .32rem;
    margin-top: .22rem
}

.showNewThemeSaleTimeClass {
    margin-top: .1rem;
    padding-left: 8.8rem
}

.salePromotionNewMessage {
    font-size: .45rem;
    color: #fff;
    height: .46rem;
    line-height: .46rem;
    margin-top: .28rem
}

.saleProMotionNewShowTime {
    height: .8rem;
    line-height: .8rem;
    margin-top: .3rem
}

.salePromotionNewNumb {
    width: .825rem;
    display: inline-table;
    text-align: center;
    background-color: #fff;
    border-radius: .075rem;
    opacity: .9;
    font-size: .55rem
}

.salePromotionNewWord {
    font-size: .55rem;
    color: #fff
}

.helpNumber {
    display: inline-table;
    color: #fff;
    padding: .1rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .45rem;
    border-radius: .125rem;
    margin-right: .25rem;
    vertical-align: .064rem
}

.salePromotionNewTime {
    margin-right: .15rem
}

.countDownDiv {
    color: #fff;
    height: 2.15rem;
    line-height: 2.15rem
}

.virtualNum {
    font-size: .5rem;
    margin-left: .3rem;
    color: #fff
}

.showSaleTimeImg {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem
}

.saleCountDown {
    height: 1.3rem;
    line-height: 1.3rem;
    color: #8f8f8f
}

.saleProDetail {
    min-height: 2.3rem;
    line-height: 2.3rem;
    text-align: center;
    width: 100%;
    border-top: dashed 1px #ddd
}

.saleTypeBg {
    padding: 0 .35rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid
}

.saleProShowMore {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem;
    height: 2.3rem;
    margin-right: 0;
    font-size: 1rem;
    color: #333
}

.saleProShowMore:hover {
    cursor: pointer
}

.pdMallAmountOver {
    color: #999;
    width: 100%;
    background: #eee;
    float: left;
    font-size: .6rem;
    line-height: 2rem
}

.oldSaleTypeBg {
    padding: 0 .25rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background-color: #dc4d3f;
    color: #fff2ed
}

.oldShowDelColor {
    color: #fd4f44
}

.oldTbTd1 {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    padding-left: .2rem
}

.oldTbTd1 .trangle {
    width: 0;
    height: 0;
    border-bottom: .3rem solid red;
    border-left: .3rem solid transparent;
    margin-bottom: .6rem
}

.oldTbTD2 {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto
}

.oldTbTD2 .rect {
    font-size: .5rem;
    background-color: red;
    padding: 0rem .2rem;
    word-wrap: normal;
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .6rem;
    color: #fff2ed
}

.CrossedSlideSecImg {
    position: relative
}

.CrossedSlideSecImg .paramPadding {
    border-radius: initial;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    -ms-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 {
    height: 1.7rem;
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0
}

.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;
    width: 33.3%;
    cursor: default
}

.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
}

.productNewDetailPanel .tabBody {
    min-height: 4rem;
    position: relative;
    overflow: hidden;
    border-top: 0;
    z-index: 0;
    -webkit-transition: height .3s;
    transition: height .3s
}

.tabBody .tabPanel {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    float: left;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tabBody .tabPanel.tabPanelAtive {
    position: relative;
    z-index: 0;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.tabBody .tabPanel.tabPanelAtive~.tabPanel {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.tabBody .tabPanelLoading {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 5rem;
    background-color: #fff;
    background-image: url(/image/loading/loading_2.gif?v=201711250607);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.productDetailInfoPanel {
    padding: .5rem;
    line-height: 1.6;
    padding: 0 .35rem;
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    text-align: left;
    margin: .5rem 0;
    font-size: .7rem
}

.productDetailInfoPanel a {
    text-decoration: underline
}

.tabPanel .mProductListTitle {
    height: 2rem;
    line-height: 2rem;
    padding-left: .45rem;
    color: #333
}

.mProductListTitle~.productSlide .productCrossedSlideSec {
    margin-top: 0rem
}

.tabPanel .mProductListTitle~.productSlide {
    border-top: 0;
    margin-bottom: 0rem
}

.tabPanel .mProductListTitle {
    border-top: 1px solid #ddd
}

.webPagePanel .bullets li.on,.productNewDetailPanel .bullets li.on {
    background-color: #666!important
}

.proOtherPanel {
    position: absolute;
    width: 1.6rem;
    top: 2.4rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    right: .15rem;
    height: 0rem;
    visibility: hidden;
    overflow: hidden
}

.proOtherPanel.proOtherPanelOpen {
    height: 4rem;
    visibility: visible
}

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

.productNameSwipBox,.newsInfoTitle {
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9rem .8rem;
    text-align: left;
    color: #fff;
    font-size: .8rem;
    background: rgba(19,19,19,0.5);
    background: -webkit-linear-gradient(rgba(76,76,76,0) 0,rgba(19,19,19,0.5) 100%);
    background: linear-gradient(rgba(76,76,76,0) 0,rgba(19,19,19,0.5) 100%)
}

.productNameSwipBox,.newsInfoTitle3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9rem .8rem;
    text-align: left;
    color: #fff;
    font-size: .7rem;
    background: rgba(19,19,19,0.5);
    background: -webkit-linear-gradient(rgba(76,76,76,0) 0,rgba(19,19,19,0.5) 100%);
    background: linear-gradient(rgba(76,76,76,0) 0,rgba(19,19,19,0.5) 100%)
}

.proShare {
    top: 2rem
}

.propInfo {
    width: 100%;
    display: table;
    border-collapse: collapse
}

.propInfoRow {
    border-bottom: 1px solid #ddd;
    display: table-row;
    text-align: left
}

.propInfoCell {
    word-break: normal;
    display: inline-block;
    display: table-cell;
    height: 2rem;
    vertical-align: middle;
    color: #333;
    font-size: .65rem
}

.productNewDetail .propName {
    width: 33%;
    text-indent: 1rem;
    color: #b8b8b8
}

.productNewDetail div.propName {
    text-indent: 0;
    padding-left: .4rem;
    padding-right: .4rem;
    overflow: hidden
}

.mallBtnSpace {
    margin-bottom: 3.25rem
}

.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 {
    height: 2rem;
    font-size: .7rem
}

#g_web .productMallShop.productMallShop_gb .productImmediatelyBug {
    padding: 0
}

.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;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 2rem;
    height: 1.9rem;
    -webkit-user-select: none;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eeefee));
    background-image: -webkit-linear-gradient(top,#fff 0,#eeefee 100%);
    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;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 2rem;
    height: 1.9rem;
    -webkit-user-select: none;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eeefee));
    background-image: -webkit-linear-gradient(top,#fff 0,#eeefee 100%);
    background-image: linear-gradient(180deg,#fff 0,#eeefee 100%);
    border: 1px solid #b2b2b2;
    margin-left: -0.1rem;
    font-size: .7rem
}

.g_buyNumber {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    height: 1.9rem;
    outline: 0;
    width: 2.4rem;
    border: 0;
    -webkit-border-radius: 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
}

.fk_otherGroupBuy {
    padding: 0 .45rem;
    width: calc(100% - .9rem)
}

.fk_otherGroupBuy .gbHeader {
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    font-size: .6rem;
    color: #333
}

.fk_otherGroupBuy .gbItemList {
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .275rem
}

.fk_otherGroupBuy .gbItemList .gbItem {
    height: 1.6rem;
    width: 100%;
    margin-bottom: .6rem;
    position: relative
}

.fk_otherGroupBuy .gbItemList .gbItem .leaderImg {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 2rem;
    margin-right: .6rem;
    display: inline-block
}

.fk_otherGroupBuy .gbItemList .gbItem .gbItemInfo {
    width: calc(100% - 2.2rem);
    height: 1.6rem;
    display: inline-block
}

.fk_otherGroupBuy .gbItemList .gbItem .gbItemInfo .leaderName {
    font-size: .6rem;
    color: #333;
    margin-bottom: .125rem
}

.fk_otherGroupBuy .gbItemList .gbItem .gbItemInfo .otherInfo {
    font-size: .45rem;
    color: #999
}

.fk_otherGroupBuy .gbItemList .gbItem .joinGroupBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .45rem;
    color: #fff;
    border-radius: .1rem;
    text-align: center;
    width: 2rem;
    height: .85rem;
    line-height: .85rem;
    cursor: pointer
}

.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%
}

.productMallOptionPanel .productMallOptionContent {
    min-height: 8.3rem;
    max-height: 18rem;
    background-color: #fff;
    position: absolute;
    bottom: 3.2rem;
    width: 100%
}

.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
}

.productMallOptionMargin {
    min-height: calc(100% - 18rem);
    max-height: calc(100% - 11.5rem)
}

.productMallBuyPanel {
    height: 2.7rem;
    background-color: #fff;
    border-top: 1px solid #dadada;
    padding-top: .5rem;
    position: absolute;
    bottom: 0;
    width: 100%
}

.productMallBuyPanel .g_button {
    margin: 0 .5rem;
    -webkit-border-radius: initial;
    -ms-border-radius: initial;
    -moz-border-radius: initial;
    -o-border-radius: initial;
    border-radius: initial;
    width: initial
}

.g_opacity50 {
    opacity: .5
}

.icon-shopCartIcon:before {
    content: "\e69d";
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.productAddMall.g_mallButton {
    margin: .45rem .4rem .45rem 0;
    color: #d10000
}

.productAddMall.g_mallButton2 {
    margin: .45rem .4rem .45rem 0
}

.productImmediatelyBug {
    background-color: #d10000;
    color: #fff;
    word-break: break-all
}

.memberPrice {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: .675rem;
    height: .675rem;
    width: 1.8rem;
    margin-left: .35rem;
    bottom: .1rem;
    font-size: .5rem;
    background-color: #fff;
    color: #fff;
    border-radius: .1rem
}

.g_mallButton {
    display: inline-block;
    width: 45%;
    text-align: center;
    vertical-align: middle;
    padding: .6rem 0;
    margin: .45rem 0rem .45rem 0;
    border: .1rem solid #d10000
}

.g_mallButton2 {
    display: inline-block;
    width: 7rem;
    text-align: center;
    vertical-align: middle;
    padding: .6rem 0;
    margin: .45rem 0rem .45rem 0;
    border: .1rem solid
}

#g_web .productMallShop_gb .g_gbButton {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    height: 2rem;
    padding: 0;
    margin: 0;
    border: 0
}

.productImmediatelyBug.g_bookingButton {
    display: inline-block;
    width: 90%;
    text-align: center;
    vertical-align: middle;
    padding: .6rem 0;
    margin: .45rem 0rem .45rem 0;
    border: .1rem solid;
    margin: .45rem 0rem
}

div#J_productBookingBtn.productImmediatelyBug.g_bookingBtnMallTheme {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

#g_web .productMallShop .isNewTheme.g_bookingButton {
    width: 100%
}

.productMallOptionHead .productMallOptionImage {
    left: .5rem;
    background-color: #fff;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #ececec;
    padding: 4px;
    top: -1rem
}

.productMallOptionHead .productMallOptionImageContent {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ececec;
    width: 5.5rem;
    height: 5.5rem
}

.productMallOptionHead .mallOptionImg {
    vertical-align: middle;
    max-height: 100%
}

.productMallOptionContent .productDetail {
    min-height: 5.3rem;
    position: relative;
    padding-left: 6.25rem
}

.productDetailName {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 32%
}

.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
}

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

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

.icon-decrease:before {
    content: "\e724";
    color: #666;
    font-size: 1rem
}

.icon-increase:before {
    content: "\e71d";
    color: #666;
    font-size: 1rem
}

.icon-increase,.icon-decrease {
    position: relative;
    vertical-align: middle;
    background: #fff
}

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

.productDetailName .productName {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2rem;
    overflow: hidden;
    padding-right: 1rem
}

.g_displayClamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    vertical-align: middle
}

@media screen and (min-width: 800px) {
    .g_displayClamp2 {
        min-height:2rem
    }
}

.productMallOptionPanel .optionSelected {
    background-color: red;
    color: #fff!important;
    border: 1px solid transparent
}

.form.formStyle35 {
    top: 0;
    margin: 0 auto;
    padding: 0
}

.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 {
    padding-left: 0;
    font-size: 1rem;
    color: #333
}

.productDetailHeader .icon-noProduct:before {
    padding-left: 0;
    font-size: 1rem;
    color: #333
}

.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
}

.productNewDetail .icon-gGoforward {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    right: 0
}

.icon-gGoforward:before {
    content: "\e672";
    font-size: 1rem;
    left: 1.6rem
}

.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,0.7)
}

.tabBody .showMoreComment {
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.tabBody .userComment {
    text-align: right;
    margin-top: .75rem;
    margin-bottom: 3rem;
    color: red;
    margin-right: .5rem;
    font-size: .6rem
}

.webPagePanel .userCommentPanel {
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 768px;
    top: 0;
    background: #f7f7f7;
    z-index: 99;
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    transform: -moz-translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s
}

.userCommentPanel .userCommentHead {
    text-align: center;
    font-size: .8rem;
    background-color: #fff;
    color: #4e4e4e;
    width: 100%;
    max-width: 768px;
    height: 2.4rem;
    line-height: 2.4rem;
    border-bottom: 1px solid #ddd
}

.userCommentPanel .userCommentHead .icon-gHome:before {
    color: #4e4e4e
}

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

.userCommentGoBack {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    left: 0
}

.userCommentGoHome {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    display: inline-block;
    right: 0
}

.productNewDetailPanel .g_globalLine {
    width: 100%;
    margin: 0 auto
}

.userCommentInfo {
    margin: .5rem .5rem .75rem .5rem;
    border-radius: 2px
}

.userCommentInfo .captchaImg {
    top: .5rem
}

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

.g_locale2052 .userCommentInfo .itemEdit {
    padding-left: 2.1rem
}

.userCommentInfo .g_textArea {
    height: 5.1rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem;
    background-color: #fff
}

.userCommentInfo .upImgSet {
    padding-top: .1rem;
    padding-bottom: .6rem
}

.userCommentInfo .uploadify-button {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(/image/mobi/msgUpImg/upload.png?v=201711250607);
    background-repeat: no-repeat;
    padding: 0!important;
    border-width: 0;
    border-radius: 0;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.userCommentInfo .comm-find-tb {
    width: 2.5rem;
    height: 2.5rem;
    padding-right: .3rem
}

.userCommentInfo .comm-show-td-bd {
    border: solid 1px #aaa;
    width: 2.5rem;
    height: 2.5rem
}

.userCommentInfo .comm-up-set {
    width: 2.5rem;
    display: block
}

.userCommentInfo .comm-up-div {
    position: relative
}

.userCommentInfo .comm-up-div-set {
    width: .8rem;
    height: .8rem;
    position: absolute;
    z-index: 1;
    background-image: url(/image/mobi/msgUpImg/delete.png?v=201711250607);
    background-repeat: no-repeat;
    margin-top: -2.9rem;
    margin-left: 1.95rem;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.userCommentInfo .comm-up-div-set:hover {
    cursor: pointer
}

.userCommentInfo .l-star-list {
    color: #eaeaea;
    line-height: 1.3rem;
    font-size: 1.3rem;
    padding: .35rem 0
}

.g_locale1031 .userCommentInfo .l-star-list .score-tip {
    margin-left: 0
}

.userCommentInfo .l-star-list .score-tip {
    display: none;
    font-size: .7rem;
    vertical-align: top;
    border: 1px solid;
    line-height: .7rem;
    padding: .15rem;
    margin: .2em .5rem
}

#g_body .productNewDetailPanel .g_defaultColor {
    color: #4e4e4e
}

#g_body .productNewDetailPanel .g_mirrorColor {
    color: #999
}

.userCommentGoBack.icon-gClose:before {
    color: #4e4e4e;
    font-size: 1.4rem
}

.commentBoxPanel .commentBox .msgArea {
    border-bottom: 1px solid #f2f2f2
}

.shareListPanel {
    height: 11.25rem!important;
    overflow-x: hidden
}

.proHome,.proShare {
    border: 1px solid #ccc;
    box-sizing: border-box
}

.productNewDetailPanel .g_middleColor {
    color: #333;
    font-size: .75rem
}

.productMallOptionContent .g_middleColor {
    color: #333
}

.shareListPanel .shareListPanelBg {
    height: 100%;
    width: 100%
}

.shareListPanel .shareListContent.shareListContentShow {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: -moz-translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.shareListPanel .shareListContent {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.shareListPanel .shareTitle {
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #999
}

.shareListPanel .shareListShow {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 6.5rem
}

.shareListPanel a:nth-child(1) {
    margin-left: .5rem
}

.shareListPanel a:nth-child(5) {
    margin-left: .5rem
}

.shareListPanel a:nth-child(4) {
    margin-right: 0
}

.shareListPanel a:nth-child(8) {
    margin-right: 0
}

.shareListPanel .shareListCancel {
    height: 3.25rem;
    text-align: center;
    line-height: 3.25rem
}

.shareListPanel .shareListSwipe {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: .5rem
}

.shareListShow .shareBullet {
    position: absolute;
    height: 1.2rem;
    top: auto;
    bottom: 0;
    width: 100%
}

.shareNewIcon {
    color: #fff;
    border-radius: 100%;
    height: 2.15rem;
    position: relative;
    font-size: 2.15rem;
    width: 2.15rem;
    margin: .45rem .75rem;
    vertical-align: middle;
    display: inline-block
}

.icon-Weixin:before {
    content: "\b0142";
    color: #46d42f;
    border-radius: 100%
}

.icon-sina_weibo:before {
    content: "\b0143";
    color: #f44336;
    border-radius: 100%
}

.icon-qq_weibo:before {
    content: "\e716";
    background-color: #0590ce;
    border-radius: 100%
}

.icon-qq_zone:before {
    content: "\b0144";
    color: #ffce01;
    border-radius: 100%
}

.icon-kaixin001:before {
    content: "\b0146";
    color: #fd9525;
    border-radius: 100%
}

.icon-renren:before {
    content: "\e71a";
    background-color: #4a76c0;
    border-radius: 100%
}

.icon-douban:before {
    content: "\b0148";
    color: #43c332;
    border-radius: 100%
}

.icon-sohu_weibo:before {
    content: "\e71c";
    background-color: #fdd100;
    border-radius: 100%
}

.icon-netease_weibo:before {
    content: "\e90b";
    background-color: #028b6b;
    border-radius: 100%
}

.icon-baidu_hi:before {
    content: "\e71e";
    background-color: #3f3fd8;
    border-radius: 100%
}

.icon-baidu_tieba:before {
    content: "\b0149";
    color: #3986fb;
    border-radius: 100%
}

.icon-qq_share:before {
    content: "\a0936";
    color: #1f91ff;
    border-radius: 100%
}

.icon-copy_url:before {
    content: "\b0232";
    color: #03c4b6;
    border-radius: 100%
}

.icon-taojianghu:before {
    content: "\e723";
    background-color: #ff5a00;
    border-radius: 100%
}

.icon-FaceBook:before {
    content: "\b0152";
    color: #4673de;
    border-radius: 100%
}

.icon-Twitter:before {
    content: "\b0154";
    color: #28c1fa;
    border-radius: 100%
}

.icon-LinkedIn:before {
    content: "\b0155";
    color: #22a5f3;
    border-radius: 100%
}

.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-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: "推特"
}

.g_locale2052 .icon-LinkedIn-text:after {
    content: "领英"
}

.g_locale2052 .shareText:after {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.g_locale2052 .shareListPanel {
    height: 13.75rem!important
}

.g_locale2052 .shareListPanel .shareListShow {
    height: 9rem
}

.webPagePanel::-webkit-scrollbar {
    display: none!important
}

.webPagePanel {
    position: fixed;
    min-height: 100%;
    display: none;
    z-index: 1000;
    overflow-y: auto;
    width: 100%;
    -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.25,1);
    transition: transform .2s cubic-bezier(0,0,.25,1);
    max-width: 768px;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

#g_web.gwNoScroll {
    -ms-overflow-style: none;
    overflow: hidden;
    overflow-y: hidden;
    height: 100%
}

#g_web.gwNoScroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none!important
}

.webPagePanelBg {
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    max-width: 768px;
    top: 0;
    z-index: 999
}

.webPagePanel .webPagePanelShow,.webPagePanelShow {
    height: 100%;
    width: 100%;
    max-width: 768px;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    visibility: visible
}

.webPagePanelRight {
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    transform: -moz-translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0)
}

.webPagePanelLeft {
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    transform: -moz-translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0)
}

.webPagePanelTop {
    transform: translate3d(0,-100%,0);
    -webkit-transform: translate3d(0,-100%,0);
    transform: -moz-translate3d(0,-100%,0);
    -ms-transform: translate3d(0,100%,0)
}

.webPagePanelBottom {
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    transform: -moz-translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0)
}

.formMiddleContent19 {
    margin-bottom: 2rem
}

.newsNewDetailPanel .newsContentPanel {
    padding: 0 .45rem .5rem .45rem;
    word-wrap: break-word
}

.newsNewDetailPanel .newsShare {
    right: .45rem;
    top: .4rem
}

.newsNewDetailPanel .newsDetailV3Share {
    float: right;
    line-height: .7rem;
    cursor: pointer
}

.newsNewDetailPanel .newsDetailV3Share:before {
    content: "\eab3";
    font-size: .5rem;
    vertical-align: middle;
    margin-right: .2rem
}

.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 {
    position: relative;
    background-size: cover
}

.newsCustomPanel {
    height: 1rem;
    line-height: 1rem;
    margin-top: .3rem;
    font-size: .6rem
}

.newsNewDetailPanel .newsCustom {
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    margin-right: .55rem;
    color: #666
}

.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 {
    display: inline-block;
    height: .95rem;
    line-height: .95rem;
    min-width: 2.4rem;
    text-align: center;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-right: 12px;
    font-size: .65rem;
    vertical-align: middle;
    padding: 0rem .125rem
}

.newsNewDetailPanel .newsContent {
    padding: 1.2rem 0 1rem 0;
    font-size: .75rem;
    color: #333;
    line-height: 1.2rem
}

.newsNewDetailPanel .newsContent a {
    text-decoration: underline
}

.icon-views::before {
    content: "\e727";
    font-size: .75rem;
    position: relative;
    top: .1rem
}

.icon-group::before {
    content: "\e695";
    font-size: 1.42rem;
    top: .1rem;
    color: #c7c7c7
}

.newsNewDetailPanel .newsContent p {
    line-height: 1.2rem
}

.newsNewDetailPanel .newsFigure img {
    width: 100%
}

.newsNewDetailPanel .newsSource,.newsNewDetailPanel .newsLink {
    font-size: .6rem;
    color: #333;
    margin-bottom: .45rem;
    word-wrap: break-word;
    word-break: normal
}

.newsNewDetailPanel .newsPrev,.newsNewDetailPanel .newsNext {
    font-size: .6rem;
    color: #333;
    margin-top: .45rem
}

.newsNewDetailPanel .prevNextContent {
    width: 81%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.newsNewDetailPanel .prevNextContent .newsLink {
    color: #333
}

.newsNewDetailPanel .prevNextContent .newsLink:visited {
    color: #777
}

.newsNewDetailPanel .prevNextContent span {
    color: #CCC
}

.form .moduleContent .newsNewDetailPanel .newsLink a {
    color: #0591c8
}

.newsBottom {
    height: 2.2rem;
    z-index: 9;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 768px;
    text-align: center;
    background-color: #ddd;
    font-size: .6rem
}

.icon-postComm {
    font-size: .9rem;
    position: relative;
    top: .15rem
}

.icon-postComm:before {
    content: "\e72a"
}

.postComment {
    height: 1.65rem;
    line-height: 1.65rem;
    margin: .3rem .8rem;
    background-color: #fff;
    border-radius: .8rem;
    color: #999
}

.newsNewDetailPanel .commentBox {
    margin: 0;
    padding: 0 .45rem;
    border-top: 1px solid #ddd
}

.newsNewDetailPanel .g_separator {
    border-bottom: 1px solid #ddd
}

.nnewsComHeader {
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: .7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    box-sizing: border-box
}

.newsNewDetailPanel .commentBox .msgArea {
    padding: .75rem 0 1rem 0;
    border-bottom: 1px solid #ddd;
    margin: 0
}

.newsNewDetailPanel .commentBox .msgArea:last-child {
    border-bottom: 0
}

.icon-nUserMsgIcon:before {
    content: "\e6b3";
    padding-right: .2rem;
    font-size: 1rem;
    z-index: 2;
    position: relative;
    top: .2rem
}

.newsNewDetailPanel .msgTitle {
    font-size: .55rem;
    line-height: 1.1rem;
    min-height: .55rem
}

.newsNewDetailPanel .msgArea .msgContent {
    line-height: 1.2rem;
    color: #4e4e4e
}

.newsNewDetailPanel .msgArea .msgTime {
    color: #999
}

.msgUser span {
    opacity: .65
}

.getMoreComments {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .65rem;
    color: #666;
    margin: 0 .45rem;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    text-align: center
}

.icon-noFigure:before {
    content: "\e729";
    display: inline-block;
    font-size: 6rem;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -3rem 0 0 -3rem;
    color: #fff;
    opacity: .5
}

#g_body.noScroll {
    overflow-y: hidden;
    max-height: 100%
}

.newsNewDetailPanel .attachList {
    padding: 1rem 0 .5rem
}

.newsNewDetailPanel .attachListItem {
    width: 14rem;
    height: 1.5rem;
    background-color: #f4f4f4;
    margin-bottom: .5rem;
    padding: .55rem .5rem
}

.newsNewDetailPanel .attachFileType {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block
}

.newsNewDetailPanel .fileType-iconDoc {
    background: url(/image/comm/fai/filetype_word.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconPpt {
    background: url(/image/comm/fai/filetype_ppt.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconXls {
    background: url(/image/comm/fai/filetype_excel.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconPdf {
    background: url(/image/comm/fai/filetype_pdf.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconJpg {
    background: url(/image/comm/fai/filetype_image.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconTxt {
    background: url(/image/comm/fai/filetype_txt.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconUnknown {
    background: url(/image/comm/fai/filetype_unknown.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconAvi {
    background: url(/image/comm/fai/filetype_avi.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconRar {
    background: url(/image/comm/fai/filetype_rar.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconRm {
    background: url(/image/comm/fai/filetype_rm.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileType-iconZip {
    background: url(/image/comm/fai/filetype_zip.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsNewDetailPanel .fileContent {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: top
}

.newsNewDetailPanel .fileContent .fileContentName {
    font-size: .6rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 11.5rem
}

.newsNewDetailPanel .fileContent .fileContentSize {
    font-size: .5rem;
    line-height: .8rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 11.5rem
}

.formMiddleContent27 {
    margin-bottom: 2.325rem
}

.newsDetailV3Panel .newsDetail {
    overflow: hidden
}

.newsDetailV3Panel .newsContentPanel {
    padding: 0 .65rem .6rem .65rem;
    margin-top: .45rem;
    word-wrap: break-word;
    word-break: normal
}

.newsDetailV3Panel .newsBack {
    left: .45rem;
    top: .4rem
}

.newsDetailV3Panel .newsInfoTitle {
    width: 100%;
    font-size: .7rem;
    text-align: left;
    color: #333;
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0
}

.newsDetailV3Panel .newsFigure {
    position: relative;
    background-color: #f6f6f6;
    background-size: cover
}

.newsDetailV3Panel .icon-noFigure:before {
    content: "\eae1";
    display: inline-block;
    font-size: 7rem;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -3.5rem 0 0 -3.5rem;
    color: #d9d9d9;
    opacity: .5
}

.newsDetailV3Panel .newsCustomPanel {
    height: .6rem;
    line-height: .6rem;
    margin: 0 0 .4rem 0;
    font-size: .5rem;
    color: #999
}

.newsDetailV3Panel .newsCustom {
    display: inline-block;
    height: .7rem;
    line-height: .6rem;
    margin-right: .5rem;
    font-size: .5rem;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: normal
}

.newsDetailV3Panel .newsAuthor {
    max-width: 4.7rem
}

.newsDetailV3Panel .newsDate {
    max-width: 3.5rem
}

.newsDetailV3Panel .newsSource {
    max-width: 4.7rem;
    margin-bottom: 0
}

.newsDetailV3Panel .newsView {
    float: right;
    margin-left: .55rem;
    margin-right: 0
}

.newsDetailV3Panel .newsGroup {
    line-height: .8rem;
    margin-bottom: .7rem
}

.newsDetailV3Panel .newsGroup .newsGroupTag {
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    min-width: 1rem;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    margin-right: .5rem;
    font-size: .5rem;
    vertical-align: middle;
    padding: 0rem .3rem;
    color: #999
}

.newsDetailV3Panel .newsContent {
    min-height: 7.5rem;
    padding: 0 0 2rem 0;
    font-size: .6rem;
    color: #666;
    line-height: 1.2rem
}

.newsDetailV3Panel .blankBottom {
    padding: 0
}

.newsDetailV3Panel .newsContent a {
    text-decoration: underline
}

.newsDetailV3Panel .newsContent p {
    line-height: 1.2rem
}

.newsDetailV3Panel .newsLink {
    font-size: .5rem;
    color: #333;
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: normal
}

.newsDetailV3Panel .newsCustomPanel2 {
    height: .5rem;
    line-height: .5rem;
    font-size: .5rem;
    color: #999
}

.newsDetailV3Panel .newsCustomPanel2 .newsCustom a {
    font-size: .5rem;
    color: #4395f5;
    word-wrap: break-word;
    word-break: normal
}

.newsDetailV3Panel .newsContentPanel .next_separator {
    margin-top: .375rem
}

.newsDetailV3Panel .newsPrev {
    font-size: .5rem;
    color: #666;
    margin-top: .5rem
}

.newsDetailV3Panel .newsNext {
    font-size: .5rem;
    color: #666;
    margin-top: .6rem
}

.newsDetailV3Panel .prevNextContent {
    width: 81%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
}

.newsDetailV3Panel .prevNextContent .newsLink {
    color: #666
}

.newsDetailV3Panel .prevNextContent .newsLink:visited {
    color: #999
}

.newsDetailV3Panel .prevNextContent span {
    color: #999
}

.form .moduleContent .newsNewDetailPanel .newsLink a {
    color: #0591c8
}

.newsDetailV3Panel .g_separator {
    border-bottom: 1px solid #f0f0f0
}

.newsDetailV3Panel .commentBox {
    margin: 0;
    padding: 0 .65rem;
    border-top: .25rem solid #fafafa
}

.newsDetailV3Panel .newsV3ComHeader {
    padding: 1rem 0 .45rem 0;
    font-size: .7rem;
    line-height: .7rem;
    text-align: left;
    color: #666;
    box-sizing: border-box
}

.newsDetailV3Panel .commentBox .msgArea {
    padding: .75rem 0 .9rem 0;
    border-bottom: 1px solid #f0f0f0;
    margin: 0
}

.newsDetailV3Panel .commentBox .comment:last-child {
    border-bottom: 0
}

.newsDetailV3Panel .msgArea .userIcon {
    width: 1.625rem;
    height: 1.625rem;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    background-color: #ccc
}

.newsDetailV3Panel .msgArea .userIcon img {
    width: 100%;
    height: 100%
}

.newsDetailV3Panel .msgArea .infoArea {
    padding: .25rem 0 0 2.025rem
}

.newsDetailV3Panel .msgArea .msgTitle {
    height: .7rem;
    line-height: .7rem;
    margin-bottom: .15rem
}

.newsDetailV3Panel .msgArea .msgUser {
    max-width: 30%;
    height: .8rem;
    line-height: .7rem;
    margin: 0;
    font-size: .6rem;
    color: #666;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top
}

.newsDetailV3Panel .msgArea .creatorType {
    margin-left: 5px;
    font-size: .5rem;
    color: #999;
    display: inline-block;
    vertical-align: top;
    opacity: 1
}

.newsDetailV3Panel .msgArea .msgTime {
    height: .7rem;
    line-height: .7rem;
    font-size: .5rem;
    color: #999;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: static
}

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

.newsDetailV3Panel .newsBottom {
    height: 2.3rem;
    width: 100%;
    text-align: center;
    font-size: .6rem;
    border-top: .025px solid #dadada;
    background-color: #fff
}

.newsDetailV3Panel .postComment {
    height: 1.4rem;
    line-height: 1.4rem;
    margin: .45rem .65rem;
    background-color: #f5f5f5;
    border-radius: .8rem;
    color: #999
}

.newsDetailV3Panel .newsBottom .icon-postComm {
    font-size: .9rem;
    position: relative;
    top: .15rem
}

.newsDetailV3Panel .newsBottom .icon-postComm:before {
    content: "\e91b"
}

.getMoreComments {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .65rem;
    color: #666;
    margin: 0 .45rem;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    text-align: center
}

#g_body.noScroll {
    overflow-y: hidden;
    max-height: 100%
}

.newsDetailV3Panel .attachList {
    padding: 1rem 0 .5rem
}

.newsDetailV3Panel .attachListItem {
    width: auto;
    height: 1.5rem;
    background-color: #f4f4f4;
    margin-bottom: .5rem;
    padding: .55rem .5rem
}

.newsDetailV3Panel .attachFileType {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block
}

.newsDetailV3Panel .fileType-iconDoc {
    background: url(/image/comm/fai/filetype_word.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconPpt {
    background: url(/image/comm/fai/filetype_ppt.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconXls {
    background: url(/image/comm/fai/filetype_excel.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconPdf {
    background: url(/image/comm/fai/filetype_pdf.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconJpg {
    background: url(/image/comm/fai/filetype_image.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconTxt {
    background: url(/image/comm/fai/filetype_txt.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconUnknown {
    background: url(/image/comm/fai/filetype_unknown.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconAvi {
    background: url(/image/comm/fai/filetype_avi.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconRar {
    background: url(/image/comm/fai/filetype_rar.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconRm {
    background: url(/image/comm/fai/filetype_rm.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileType-iconZip {
    background: url(/image/comm/fai/filetype_zip.png?v=201711250607) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.newsDetailV3Panel .fileContent {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: top
}

.newsDetailV3Panel .fileContent .fileContentName {
    font-size: .6rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 11.5rem
}

.newsDetailV3Panel .fileContent .fileContentSize {
    font-size: .5rem;
    line-height: .8rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 11.5rem
}

.newsDetailV3Panel .title-textStyle {
    padding: 1rem .65rem 0rem .65rem;
    position: relative
}

.newsDetailV3Panel .title-imgStyle {
    padding: .75rem .65rem 0rem .65rem;
    position: relative
}

.newsDetailV3Panel .displayClamp2Style {
    min-height: 1rem;
    word-break: normal;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsDetailV3Panel .pagenation .pagePrev,.newsDetailV3Panel .pagenation .pageNext {
    margin: .6rem 0
}

.newsDetailV3Panel .pagenation .pagePrev:before {
    content: '上一页';
    width: 3.5rem;
    height: 1.3rem;
    line-height: 1.3rem;
    margin-right: 0;
    font-size: .6rem;
    font-family: 'icomoon',"微软雅黑"
}

.newsDetailV3Panel .pagenation .pageNext:before {
    content: '下一页';
    width: 3.5rem;
    height: 1.3rem;
    line-height: 1.3rem;
    margin-left: 0;
    font-size: .6rem;
    font-family: 'icomoon',"微软雅黑"
}

.newsDetailV3Panel .newsCustomPanel2 .newsShare {
    height: .5rem;
    line-height: .5rem;
    float: right;
    display: inline-block;
    cursor: pointer
}

.newsDetailV3Panel .newsCustomPanel2 .newsShare span {
    font-family: "微软雅黑"
}

#newsDetailV3Share {
    display: none
}

.newsDetailV3Panel .newsCustomPanel2 .icon-share:before {
    content: "\eab3";
    font-size: .5rem;
    margin-right: .2rem
}

.photoGroupAll {
    overflow: hidden;
    padding: .5rem
}

.photoGroup {
    height: 8rem;
    margin-top: 2%
}

.photoGroupAll .photoGroup .photoGroup-a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    color: #fff;
    font-family: 微软雅黑;
    overflow: hidden;
    z-index: 3;
    box-sizing: border-box;
    text-align: center
}

.photoGroup-img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.photoGroup-curtain {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

.photoGroup-curtainDefault {
    background-color: rgba(0,0,0,0.4);
    height: 1.3rem
}

.photoGroup-FontDiv {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.photoGroup-title {
    text-align: left;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 2%;
    bottom: 2%;
    z-index: 2;
    font-size: .7rem
}

.photoGroup-photoNum {
    text-align: right;
    width: 34%;
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 2;
    font-size: .6rem
}

.fk-photoGroupStyle2 {
    float: left;
    width: 49%
}

.fk-photoGroupStyle2:nth-child(1) {
    margin-top: 0
}

.fk-photoGroupStyle2:nth-child(2) {
    margin-top: 0
}

.fk-photoGroupStyle2:nth-child(2n+2) {
    margin-left: 2%
}

.fk-photoGroupStyle1:nth-child(1) {
    margin-top: 0
}

.fk-photoGroupStyle {
    width: 100%;
    height: auto
}

.fk-photoGroupStyle .f-photoGroup-a {
    display: block;
    border: solid #e6e6e6 1px;
    background: #fff;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.fk-photoGroupStyle .f-photoGroup-descWrap {
    padding: 0 .9rem
}

.fk-photoGroupStyle .f-photoGroup-title {
    position: static;
    display: block;
    width: auto;
    height: 2rem;
    line-height: 2rem;
    font-size: .7rem;
    color: #666;
    text-align: center;
    font-weight: normal
}

.fk-photoGroupStyle .f-photoGroup-detail {
    border-top: solid #ededed 1px;
    padding: .8rem 0;
    line-height: .8rem;
    font-size: .6rem;
    color: #999;
    white-space: nowrap;
    text-align: left;
    box-sizing: border-box
}

.fk-photoGroupStyle .f-photoGroup-detailText {
    height: 1.6rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.fk-photoGroupStyle .f-photoGroup-img {
    height: 8.63rem;
    position: relative
}

.fk-photoGroupStyle .f-photoGroup-photoNum {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    background: rgba(0,0,0,0.2);
    font-size: .6rem;
    text-align: right;
    color: #fff
}

.fk-photoGroupAll4 .f-photoGroup-img-mask,.fk-photoGroupAll5 .f-photoGroup-img-mask {
    position: absolute;
    left: 0;
    top: 0;
    zIndex: 1;
    width: 100%
}

.fk-photoGroupAll3 .f-photoGroup-a,.fk-photoGroupAll4 .f-photoGroup-a,.fk-photoGroupAll5 .f-photoGroup-a {
    border: solid #e6e6e6 1px
}

.fk-photoGroupAll3 .f-photoGroup-photoNum,.fk-photoGroupAll4 .f-photoGroup-photoNum,.fk-photoGroupAll5 .f-photoGroup-photoNum {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .25rem
}

.fk-photoGroupAll3 .fk-photoGroupStyle {
    margin: 1rem .5rem;
    width: auto;
    margin-bottom: 0
}

.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 {
    font-size: 0;
    width: 14.5rem;
    max-height: 15rem;
    padding: .5rem 1rem .5rem 1rem;
    white-space: nowrap;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    transition: transform .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fk-photoGroupAll4 .fk-photoGroupStyle {
    display: inline-block;
    vertical-align: middle;
    width: 12.5rem;
    font-size: .6rem;
    margin-top: 0rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.86,0.86);
    -moz-transform: scale(0.86,0.86);
    -ms-transform: scale(0.86,0.86);
    transform: scale(0.86,0.86)
}

.fk-photoGroupAll4 .f-small {
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    transition: transform .3s
}

.fk-photoGroupAll4 .f-active {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

.fk-photoGroupAll5 .fk-photoGroupStyle {
    display: none;
    width: 13.5rem;
    max-height: 14.5rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    z-index: 1;
    transition: transform .3s;
    transform-origin: center center
}

.fk-photoGroupAll5 .f-photoGroupAll-wrap {
    height: 15.2rem;
    position: relative;
    width: auto;
    padding: .5rem 0 .75rem 0;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.fk-photoGroupAll5 .f-photoGroup-img {
    height: 9.55rem
}

.fk-photoGroupAll5 .fk-photoGroupStyle {
    display: none
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(1) {
    z-index: 4;
    transform: translate(0,-0.325rem);
    display: block
}

.fk-photoGroupAll5 .f-toOne.f-toOne.f-toOne {
    z-index: 3;
    transform: translate(0,-0.325rem);
    width: 13.5rem
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(2) {
    transform: translate(0,0);
    width: 12.9rem;
    z-index: 2;
    display: block
}

.fk-photoGroupAll5 .f-toTwo.f-toTwo.f-toTwo {
    transform: translate(0,0);
    width: 12.9rem;
    z-index: 2
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(3) {
    transform: translate(0,0.325rem);
    width: 12.3rem;
    z-index: 1;
    display: block
}

.fk-photoGroupAll5 .f-toThree.f-toThree.f-toThree {
    transform: translate(0,0.325rem);
    width: 12.3rem;
    z-index: 1
}

.fk-photoGroupAll5 .fk-photoGroupStyle:nth-child(4) {
    transform: translate(0,0.325rem);
    width: 12.3rem;
    z-index: 1;
    display: block
}

.fk-photoGroupAll5 .f-toLeft.f-toLeft.f-toLeft {
    transform: translate(-150%,0) rotate(-10deg)
}

.fk-photoGroupAll5 .f-toRight.f-toRight.f-toRight {
    transform: translate(150%,0) rotate(10deg)
}

.fk-photoGroupAll5 .fk-photoGroupStyle .photoGroup-a {
    height: auto;
    border-radius: .2rem
}

.ps-active {
    overflow-y: hidden!important
}

.phoneDiv {
    width: 100%
}

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

.phoneFullBg {
    max-width: 768px;
    background-color: #000;
    position: fixed;
    z-index: 100;
    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%
}

.qqDiv .tableDiv,.phoneDiv .tableDiv {
    width: auto;
    display: block;
    margin: 0 0 0 1.25rem;
    height: 2.25rem
}

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

.qqFullBg {
    max-width: 768px;
    background-color: #000;
    position: fixed;
    z-index: 100;
    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 .qqName,.tableBox .phoneName {
    color: #333;
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    font-size: .6rem
}

.tableBox .qqNumber,.tableBox .phoneNumber {
    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 .qqOperation,.tableBox .phoneOperation {
    height: 2.25rem;
    margin-right: 0;
    padding-left: 0;
    line-height: 2.25rem;
    text-align: right;
    float: right;
    margin-right: 1.25rem
}

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

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

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

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

.qqCancle,.phoneCancle {
    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
}

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

body .serviceListPanel {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 70%;
    overflow-y: auto;
    background: #fff;
    z-index: 1001;
    max-width: 768px;
    left: 0;
    right: 0;
    margin: auto
}

body .serviceListPanel .serviceItem {
    width: auto;
    height: 2.25rem;
    line-height: 2.25rem;
    border-bottom: 1px solid #f5f5f5;
    padding-left: 1.25rem
}

body .serviceListPanel .serviceItem a {
    width: 100%;
    height: 100%
}

body .serviceListPanel .serviceIcon {
    float: left;
    width: auto;
    height: 100%;
    text-align: left;
    font-size: 1rem;
    color: #fff
}

body .serviceListPanel .serviceIconText {
    display: inline-block;
    width: 1.2rem;
    height: 1.75rem;
    line-height: 1.75rem;
    margin-top: .3rem;
    border-radius: .1rem;
    text-align: center;
    overflow: hidden;
    font-size: 1rem;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

body .serviceListPanel .phoneServiceIcon {
    background-color: #2eb063
}

body .serviceListPanel .qqServiceIcon {
    background-color: #ee5266
}

body .serviceListPanel .serviceName {
    float: left;
    width: 2.7rem;
    height: 100%;
    text-align: inherit;
    text-indent: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .6rem;
    color: #333;
    margin-left: .75rem
}

body .serviceListPanel .serviceNumber {
    float: left;
    width: 45%;
    height: 100%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .6rem;
    color: #333;
    text-indent: none;
    margin-left: .75rem
}

body .serviceListPanel .cancleSer {
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    background-color: #f5f5f5;
    font-size: .7rem;
    cursor: pointer;
    color: #585858
}

body .serviceListPanel .operationBox {
    float: right;
    width: auto;
    height: 2.25rem;
    margin-right: 1.25rem;
    line-height: 2.25rem
}

body .serviceListPanel .operationBox .operationIcon {
    width: .7rem;
    height: .7rem;
    display: inline-block
}

body .serviceListPanel .operationBox .operationIcon:before {
    content: '\b0106';
    color: #8f8f8f;
    font-size: .5rem
}

body .icon-qqServiceIcon:before {
    content: "\e6ca"
}

body .icon-phoneServiceIcon:before {
    content: "\e62c"
}

.backTop_box {
    cursor: pointer;
    margin: auto;
    position: fixed;
    bottom: 3rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    margin-left: 14rem;
    z-index: 1
}

.backTop_box .backTop {
    cursor: pointer;
    margin: auto;
    position: fixed;
    bottom: 3rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%
}

.backTop_box .backTop .backTop_icon {
    display: block;
    text-align: center;
    line-height: 1.6rem;
    height: 1.6rem;
    width: 1.6rem;
    font-size: .8rem;
    color: orange;
    border-radius: 50%;
    background-color: #fff
}

.backTop_icon.icon-backTop1 {
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15)
}

.backTop_icon.icon-backTop2 {
    background-color: rgba(255,255,255,0.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'
}

.bgm_icon {
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    border: .25rem solid rgba(0,0,0,0);
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    position: fixed;
    z-index: 1
}

#bgm_icon {
    -webkit-transition: all 150ms;
    -ms-transition: all 150ms;
    -moz-transition: all 150ms;
    transition: all 150ms
}

.bgm_icon_inner {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: url(/image/musicIcon.png?v_20140271750) rgba(0,0,0,0.4) no-repeat;
    background-size: 60%;
    background-position: .2rem .25rem
}

.bgm_rightUp,.bgm_rightDown {
    margin-left: 13.75rem
}

.bgm_leftUp,.bgm_leftDown {
    margin-left: .5rem
}

.bgm_on {
    background-image: url(/image/musicIcon.png?v_20140271750);
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bgm_off {
    background-image: url(/image/musicIcon.png?v_20140271750)
}

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 {
    background: #000
}

div.ps-uilayer {
    background: #000;
    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=201711250607) no-repeat center center
}

div.ps-carousel-item-error {
    background: url(error.gif) no-repeat center center
}

div.ps-caption {
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: .6rem;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    text-align: center
}

div.ps-caption * {
    display: inline
}

div.ps-caption-bottom {
    border-top: 1px solid #42403f;
    border-bottom: 0;
    min-height: 2.2rem
}

div.ps-caption-content {
    padding: .7rem;
    display: block
}

div.ps-caption-content .ps-page {
    display: block;
    text-align: right;
    color: #fff
}

div.ps-caption-content .ps-comm-page {
    position: absolute;
    text-align: left;
    margin-left: 3rem;
    color: #fff;
    left: 0rem;
    font-size: .7rem
}

div.ps-toolbar {
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    text-align: center;
    overflow: visible!important;
    z-index: 1001!important;
    display: table;
    table-layout: fixed
}

div.ps-toolbar * {
    display: block
}

div.ps-toolbar-top {
    border-bottom: 1px solid #42403f;
    border-top: 0
}

div.ps-toolbar-close,div.ps-toolbar-previous,div.ps-toolbar-next,div.ps-toolbar-play {
    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 {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 auto 0;
    background-image: url(/image/icons@2x.png?v=201711250607);
    -moz-background-size: 8.8rem 4.4rem;
    -o-background-size: 8.8rem 4.4rem;
    -webkit-background-size: 8.8rem 4.4rem;
    background-size: 8.8rem 4.4rem;
    background-repeat: no-repeat
}

div.ps-toolbar-base {
    position: relative
}

div.uiDetailChild {
    top: 2rem;
    color: #fff;
    height: 100%;
    position: relative
}

div.uiDetailContent {
    padding: 0 .5rem
}

div.uiDetailTitle {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    background-size: 40%;
    border: 1px solid #faf9f9;
    border-radius: 2px;
    right: .5rem;
    top: .55rem;
    width: 1.8rem;
    height: .8rem;
    cursor: pointer;
    color: #fff
}

div.icon-uiDetailTitle:before {
    content: "\e701";
    font-size: 1rem;
    position: relative;
    left: .4rem;
    bottom: .15rem
}

#ui-detail-title-name-id {
    height: 2rem;
    line-height: 2rem
}

div.uiDetailTitlePanel {
    position: absolute;
    right: 0;
    bottom: 1px;
    height: 2rem;
    width: 100%;
    top: 0
}

div.ps-toolbar-base-detail {
    position: absolute;
    right: .5rem;
    bottom: .4rem;
    background-size: 40%;
    border: 1px solid #faf9f9;
    border-radius: 2px;
    width: 1.8rem;
    height: .8rem;
    cursor: pointer
}

div.icon-toolbar-base-detail:before {
    content: "\e701";
    font-size: 1rem;
    top: -2px;
    position: relative
}

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;
    position: relative;
    text-align: left;
    padding: 0 .5rem
}

div.ps-toolbar-base-title {
    font-size: .7rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: left;
    text-indent: .5rem;
    font-weight: normal;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

div.ps-toolbar-close-style {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    position: fixed;
    top: 0;
    background-size: 70%;
    margin: .15rem;
    padding: inherit
}

div.icon-toolbar-close-style:before {
    content: "\e60e";
    font-size: 1.6rem
}

#g_body.g_viewMode {
    overflow-y: auto;
    -ms-overflow-style: none
}

.g_viewMode .sitetipsTitle {
    position: relative;
    left: -19px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.g_viewMode .fullTableDiv {
    height: 3.2rem
}

.g_viewMode,.g_viewMode * {
    cursor: url(/image/viewCursor.png?v=201711250607) 10 10,all!important
}

.g_viewMode * {
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.g_viewMode .webTips {
    display: none!important
}

.g_viewMode::-webkit-scrollbar,.g_viewMode div::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    display: none
}

.g_viewMode::-webkit-scrollbar-track,.g_viewMode div::-webkit-scrollbar-track {
    background: rgba(0,0,0,0)!important
}

.g_viewMode::-webkit-scrollbar-thumb,.g_viewMode div::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5)!important
}

.fullScreenBackground {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.pagenation .icon-pagePrev.icon-cnNewsP:before {
    content: '上一篇';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-right: 0
}

.pagenation .icon-pageNext.icon-cnNewsN:before {
    content: '下一篇';
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-left: 0
}

.pagenation .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
}

.pagenation .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
}

.g_locale2052 .icon-acctIcon:before,.g_locale2052 .icon-userIcon:before,.g_locale2052 .icon-fastUserIcon:before,.g_locale2052 .icon-pswIcon:before,.g_locale2052 .icon-fastCodeIcon:before,.g_locale2052 .icon-emailIcon:before,.g_locale2052 .icon-phoneIcon:before,.g_locale2052 .icon-msgIcon:before,.g_locale2052 .icon-nameIcon:before,.g_locale2052 .icon-customIcon:before,.g_locale2052 .icon-codeIcon:before,.g_locale2052 .icon-npwdIcon:before,.g_locale2052 .customIcon {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .7rem;
    position: absolute;
    top: .85rem;
    left: .75rem;
    color: #333;
    z-index: 3;
    display: inline-block;
    max-width: 2.8rem;
    height: 1rem;
    overflow: hidden;
    white-space: nowrap!important;
    text-overflow: ellipsis
}

.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 .customIcon {
    display: inline-block;
    top: .8rem;
    left: .75rem
}

.g_locale2052 .icon-customIcon:before {
    display: none
}

.g_locale2052 .icon-iphone2:before {
    display: none
}

.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
}

.g_locale2052 .modifyProfile .g_input {
    padding-left: 3.55rem
}

.g_locale2052 .modifyProfile .icon-pswIcon {
    display: none
}

.g_locale2052 .modifyProfile .icon-fastCodeIcon {
    display: none
}

.g_locale2052 .modifyProfile .icon-cnNewPsw:before {
    content: "新密码";
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .7rem;
    position: absolute;
    top: .9rem;
    left: .75rem;
    color: #333;
    z-index: 3
}

.g_locale2052 .modifyProfile .icon-cnOldPsw:before {
    content: "旧密码";
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    font-size: .7rem;
    position: absolute;
    top: .9rem;
    left: .75rem;
    color: #333;
    z-index: 3
}

.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
}

#addrInfoList .addrInfo {
    height: auto!important;
    border-bottom: 1px solid #f2f2f2;
    background-color: #FFF;
    overflow: hidden;
    margin-bottom: .6rem;
    padding-bottom: .5rem
}

#addrInfoList .addressList {
    padding-top: 0
}

#addrInfoList {
    background-color: #f7f7f7
}

#addrInfoList #addrInfo {
    background-color: #f7f7f7;
    margin-top: 0
}

#addrInfoList .addrInfo .left {
    float: left
}

.selectedArea label {
    position: relative
}

.selectedArea label .checkbox-comp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 999;
    cursor: pointer
}

#addrInfoList .addrInfo .left .text {
    padding-left: 20px;
    position: relative;
    padding-left: 1rem
}

#addrInfoList .addrInfo .left .text:before {
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    content: " ";
    vertical-align: middle;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    font-size: .6rem;
    width: .6rem;
    height: .6rem;
    line-height: .65rem
}

#addrInfoList .addrInfo .left .checkbox-comp:checked+.text:before {
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    content: "\e777";
    color: #fff;
    font-weight: bold;
    border: 0
}

#addrInfoList .addrInfo .right {
    float: right
}

#addrInfoList .addrInfo .right .edit span {
    position: relative
}

#addrInfoList .addrInfo .right .cutOut:before {
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    content: "\e6f8";
    color: #666;
    font-size: .75rem;
    vertical-align: middle;
    margin-right: 3px
}

#addrInfoList .addrInfo .right .edit:before {
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    content: "\e65e";
    color: #666;
    font-size: .75rem;
    vertical-align: middle;
    margin-right: 3px
}

#addrInfoList .addrInfo .right .cutOut,#addrInfoList .addrInfo .right .edit {
    float: left;
    cursor: pointer
}

#addrInfoList .addrInfo .right .cutOut {
    margin-left: 20px;
    cursor: pointer
}

#addrInfoList .shipTopBg {
    width: 100%;
    height: .3rem;
    background: url(/image/mall/shipTopBg.jpg?v=201711250607);
    background-size: 100% 100%;
    background-position: 0rem 0rem
}

#addrInfoList .addrInfo .nameAndPhone {
    height: 1rem;
    padding-top: .5rem;
    font-size: .6rem
}

#addrInfoList .addrInfo {
    font-size: .6rem
}

#addrInfoList .addrInfo .selectedArea {
    color: #666;
    padding-top: .5rem;
    margin: .4rem 1rem 0 1rem;
    border-top: 1px solid #f2f2f2;
    overflow: hidden;
    line-height: .8rem;
    font-size: .55rem;
    height: .8rem
}

#addrInfoList .addrInfo .nameAndPhone .name {
    font-size: .6rem;
    line-height: 1rem;
    margin-left: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 6.5rem;
    display: inline-block;
    white-space: nowrap
}

#addrInfoList .addrInfo .nameAndPhone .phone {
    float: right;
    margin-right: 1rem;
    line-height: 1rem
}

#addrInfoList .addrInfo .address {
    height: auto;
    line-height: 1rem;
    font-size: .55rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .4rem 1rem 0 1rem
}

#addrInfoList .addrInfo .address .defaultAddr {
    display: inline-block;
    width: 3rem;
    height: 1rem;
    line-height: .75rem;
    background-color: #d20001;
    border-radius: 1px;
    color: #fff;
    text-align: center;
    margin-right: .2rem;
    font-size: .5rem;
    padding-top: .3rem
}

#addrInfoList .addAddrInfo {
    padding-top: 1rem;
    text-align: center;
    height: 1.8rem;
    width: 100%;
    color: #FFF;
    font-size: .8rem;
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0;
    line-height: 1rem;
    max-width: 768px;
    margin: 0
}

#addrInfoList .orderAddAddrInfo {
    text-align: center;
    height: 1.8rem;
    width: 14rem;
    font-size: .65rem;
    color: #FFF;
    line-height: 1.8rem;
    max-width: 768px;
    margin: .75rem auto
}

#addrInfoList .addrInfo .opera .delete {
    display: inline-block;
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    float: right;
    z-index: 1;
    margin-left: 1rem;
    margin-right: .7rem
}

#addrInfoList .addrInfo .opera .edit {
    font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;
    display: inline-block;
    float: right;
    z-index: 1;
    margin-left: 1rem;
    margin-right: .7rem
}

#addrInfoList .addrInfo .opera {
    height: 1.7rem;
    overflow: hidden
}

#addrInfoList .addrInfo .opera .delete:before {
    content: "\e6f8";
    color: #666;
    font-size: 1rem
}

#addrInfoList .addrInfo .opera .edit:before {
    content: "\e65e";
    color: #666;
    font-size: 1rem
}

#editAddrInfo .addrSettle {
    color: #666
}

#editCusInfo .editPanel,#editAddrInfo .addrSettle .editPanel {
    background-color: #fff;
    padding: 0;
    overflow: hidden
}

.addrSettle .g_input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7;
    padding-left: .75rem!important
}

#editAddrInfo .saveAddrInfo {
    bottom: 0;
    text-align: center;
    height: 2.6rem;
    width: 100%;
    font-size: .8rem;
    border-top: 1px solid #ccc;
    z-index: 10;
    position: fixed;
    line-height: 2.6rem;
    max-width: 768px
}

#editAddrInfo .orderSaveAddrInfo {
    text-align: center;
    height: 1.8rem;
    width: 14rem;
    font-size: .8rem;
    color: #FFF;
    line-height: 1.8rem;
    max-width: 768px;
    margin: 1rem auto
}

#editAddrInfo .default {
    height: 3.2rem;
    width: 100%
}

#editAddrInfo .default .setDefault {
    padding-top: .5rem;
    padding-left: .2rem;
    float: left
}

#editAddrInfo .default #div1 {
    padding-top: .5rem;
    width: 2.8rem;
    height: 1.1rem;
    border-radius: 1.2rem;
    position: relative;
    float: right;
    margin-right: 1.6rem
}

#editAddrInfo .default #div2 {
    width: 1.5rem;
    height: 1.6rem;
    border-radius: 1rem;
    position: absolute;
    background: white
}

#editAddrInfo .default .open1 {
    background: #d20001
}

#editAddrInfo .default .open2 {
    top: 0rem;
    right: 0rem
}

#editAddrInfo .default .close1 {
    background: #f8f8f8;
    border: .1rem solid #efefef
}

#editAddrInfo .default .close2 {
    left: -0.1rem;
    top: -0.1rem;
    border: .1rem solid rgba(0,0,0,0.1)
}

#editCusInfo .editPanel .edit_line,#editAddrInfo .editPanel .edit_line {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 .8rem;
    margin-bottom: .025rem;
    height: 2.25rem
}

#editCusInfo .editPanel .edit_line .linetitle,#editAddrInfo .editPanel .edit_line .linetitle {
    position: absolute;
    top: .7rem;
    z-index: 3;
    font-size: .6rem;
    color: #333
}

#editCusInfo .editPanel .edit_line .linetitle .editLineItem,#editAddrInfo .editPanel .edit_line .linetitle .editLineItem {
    width: 3rem;
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

#editCusInfo .editPanel .edit_line .icon-addrSelect:before,#editAddrInfo .editPanel .edit_line .icon-addrSelect:before {
    position: absolute;
    top: -0.1rem;
    left: 13.2rem;
    content: "\ea9e";
    font-size: 1.2rem
}

#editCusInfo .orderSettle .g_input,#editAddrInfo .addrSettle .g_input {
    height: 2.24rem;
    line-height: 1.1rem;
    padding-left: 3.2rem!important;
    font-size: .6rem;
    border: 0;
    margin: 0;
    background-color: #fff;
    text-indent: .5rem;
    color: #555
}

#editCusInfo .orderSettle select,#editAddrInfo .addrSettle select {
    padding-left: 3rem!important;
    margin: 0;
    width: 100%;
    background: #fff;
    border: 0;
    font-size: .6rem;
    height: 2.24rem;
    line-height: 1.1rem;
    text-indent: .7rem;
    color: #555;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

#editCusInfo .editPanel .edit_line .mobileInStrClass,#editAddrInfo .editPanel .edit_line .mobileInStrClass {
    width: 80%;
    margin-left: 0;
    border: 0
}

#editCusInfo .orderSettle .g_textArea,#editAddrInfo .addrSettle .g_textArea {
    height: 2.24rem;
    line-height: 1.1rem;
    padding-left: 3.66rem;
    padding-top: .6rem;
    border: 0;
    margin: 0;
    background-color: #fff;
    color: #555;
    font-size: .6rem
}

.sysSearch {
    border-bottom: 1px solid #ddd;
    padding: .4rem 0 .45rem 0;
    text-align: left;
    position: relative
}

.sysSearch .searchBackBtn {
    display: inline-block;
    width: 1.5rem;
    height: 1.65rem;
    line-height: 1.65rem;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #3c414a;
    margin-left: .425rem;
    margin-right: .125rem
}

.sysSearch .searchBackBtn:before {
    content: "\e60e";
    font-size: 1.35rem;
    font-weight: bold;
    color: #3c414a
}

.sysSearch .searchBar {
    display: inline-block;
    width: 12.9rem;
    height: 1.6rem;
    position: relative;
    border: solid 1px #e6e6e6;
    line-height: 1.6rem;
    color: #979797;
    font-size: .6rem;
    padding-left: .3rem
}

.sysSearch .searchBar .searchTip {
    cursor: pointer
}

.sysSearch .icon-mSearchBtn {
    color: #979797
}

.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
}

.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;
    -khtml-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: 0;
    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: 75.5%;
    height: 100%;
    min-height: 100%;
    background-color: #fff;
    overflow: hidden
}

.productNewGroup .unFirstGroup .hideScollBar {
    width: 103%;
    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: -0.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 0rem .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 0rem 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: 0rem;
    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 .notImage,.fk-proGroupThemeStyle .f-itemImg {
    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: 0
}

.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=201807301313) 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: -0.2rem
}

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

.fk-proGroupThemeStyle .f-navHorizon .firstGroup {
    width: 100%;
    height: 2.8rem;
    border-right: 0;
    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: 0;
    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: -0.1rem;
    color: #666;
    border-bottom: 1px solid #f2f2f2
}

.fk-proGroupThemeStyle .f-navMask {
    background: black;
    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: 0
}

.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-addGroupTip3 {
    position: absolute;
    top: 2.5rem;
    margin-left: .5rem;
    color: #999;
    font-size: .55rem
}

.fk-mallColorStyle1 .f-fontColor {
    color: #ff4445
}

.fk-mallColorStyle2 .f-fontColor {
    color: #ff8854
}

.fk-mallColorStyle3 .f-fontColor {
    color: #ff557c
}

.fk-mallColorStyle4 .f-fontColor {
    color: #fcc601
}

.fk-mallColorStyle5 .f-fontColor {
    color: #09ba07
}

.fk-mallColorStyle6 .f-fontColor {
    color: #4bb344
}

.fk-mallColorStyle7 .f-fontColor {
    color: #66c4aa
}

.fk-mallColorStyle8 .f-fontColor {
    color: #555
}

.fk-mallColorStyle9 .f-fontColor {
    color: #1d262f
}

.fk-mallColorStyle1 .f-bgColor {
    background-color: #ff4445
}

.fk-mallColorStyle2 .f-bgColor {
    background-color: #ff8854
}

.fk-mallColorStyle3 .f-bgColor {
    background-color: #ff557c
}

.fk-mallColorStyle4 .f-bgColor {
    background-color: #fcc601
}

.fk-mallColorStyle5 .f-bgColor {
    background-color: #09ba07
}

.fk-mallColorStyle6 .f-bgColor {
    background-color: #4bb344
}

.fk-mallColorStyle7 .f-bgColor {
    background-color: #66c4aa
}

.fk-mallColorStyle8 .f-bgColor {
    background-color: #555
}

.fk-mallColorStyle9 .f-bgColor {
    background-color: #1d262f
}

.quick_in {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 1000;
    top: 2.05rem;
    right: 0;
    display: none;
    background: #557ce1 url(/image/v2/mbg01.png?v=201807301313) -1420px -42px no-repeat
}

.adsPicture {
    width: 100%;
    height: auto
}

.adsPicture a {
    display: block;
    width: 100%;
    height: auto
}

.adsPicture img {
    width: 100%
}

.fkarea-ui-dialog {
    pointer-events: auto;
    display: none;
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: 微软雅黑,sans-serif;
    position: absolute;
    left: 0;
    bottom: 0
}

.fkarea-ui-dialog-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .3;
    display: none;
    filter: alpha(opacity=30)
}

.fkarea-ui-dialog-title {
    background-color: #288df0;
    color: #fff;
    padding: 5px 10px
}

@-webkit-keyframes fkarea-zoomIn {
    0% {
        height: 0
    }

    100% {
        height: 195px
    }
}

@-moz-keyframes fkarea-zoomIn {
    0% {
        height: 0
    }

    100% {
        height: 195px
    }
}

@keyframes fkarea-zoomIn {
    0% {
        height: 0
    }

    100% {
        height: 195px
    }
}

@keyframes fkarea-zoomOut {
    0% {
        height: 195px
    }

    100% {
        height: 0
    }
}

@-webkit-keyframes fkarea-zoomOut {
    0% {
        height: 195px
    }

    100% {
        height: 0
    }
}

@-moz-keyframes fkarea-zoomOut {
    0% {
        height: 195px
    }

    100% {
        height: 0
    }
}

.fkarea-zoomIn {
    -webkit-animation-name: fkarea-zoomIn;
    animation-name: fkarea-zoomIn
}

.fkarea-zoomOut {
    -webkit-animation-name: fkarea-zoomOut;
    animation-name: fkarea-zoomOut;
    display: none\0!important
}

.fkarea-animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.fkarea-ui-confirm-title,.fkarea-ui-alert-title {
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 40px
}

.fkarea-ui-dialog-action {
    pointer-events: auto;
    text-align: center;
    width: 100%;
    border: 0;
    background: #f6f6f6;
    height: 40px
}

.fkarea-ui-dialog-action td {
    text-align: center;
    border: 0
}

.fkarea-ui-dialog-action button {
    width: 60%;
    height: 38px;
    color: #007aff;
    border: 0;
    outline: 0;
    cursor: pointer;
    box-sizing: border-box;
    background: 0;
    font-size: 16px;
    font-family: 微软雅黑
}

.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 {
    text-align: center;
    margin-top: 20px
}

.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 {
    position: relative;
    height: 155px;
    width: 100%;
    min-width: 260px;
    font-size: 14px;
    font-weight: normal
}

.fkarea-ui-scroller-mask .ui-scroller>div {
    width: 33%;
    display: inline-block;
    position: relative;
    height: 155px;
    overflow: hidden;
    box-sizing: border-box
}

.fkarea-ui-scroller-mask .ui-scroller dl {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 30px
}

.fkarea-ui-scroller-mask .ui-scroller dd {
    padding;0;margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 30px;
    line-height: 30px
}

.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(rgba(222,187,71,1)),to(rgba(36,142,36,0)))
}

.fkarea-ui-scroller-mask {
    -webkit-mask: -webkit-gradient(linear,0% 60%,0% 0,from(rgba(222,187,71,1)),to(rgba(36,142,36,0)))
}

.fkarea-ui-scroller-mask .ui-scroller p {
    position: absolute;
    top: 60px;
    height: 30px;
    width: 100%;
    margin: 0;
    z-index: -1;
    border: 1px solid #e2e2e2;
    border-left: none;
    border-right: 0
}

.fkarea-ui-scroller-mask .ui-scroller .ui-dialog-action {
    margin-top: 10px
}

.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
}

.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,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%);
    -moz-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%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.fk_lowIEPlaceholderStyle {
    color: #aaa
}

.siteFormItem .fk_formTextareaStyle {
    font-size: .6rem;
    width: 85%;
    height: 2.5rem;
    margin: 0;
    padding: 0
}

.photoGroupDetailPanel .photoGroupDetailHeader {
    position: fixed;
    width: 100%;
    max-width: 768px;
    z-index: 10;
    height: 2.4rem
}

.photoGroupDetailPanel .photoGroupDetailBack {
    left: .45rem;
    top: .4rem
}

.photoGroupDetailPanel .icon-gClose:before {
    padding-left: 0;
    font-size: 1.4rem;
    color: #333
}

.photoGroupDetailPanel .photoGroupDetailShare {
    right: .45rem;
    top: .4rem
}

.photoGroupDetailPanel .photoGroupDetail {
    overflow: hidden
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPicPanel {
    position: relative;
    width: 100%
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet {
    display: none;
    background: 0;
    height: .65rem;
    line-height: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet .bullets {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet .bullets li {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    margin: 0 .1rem;
    cursor: pointer
}

.photoGroupDetailPanel .photoGroupDetail .photoListBullet .bullets .off {
    background: rgba(0,0,0,0.15);
    background: #999
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPicList {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 100%
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPic {
    height: 100%;
    position: relative;
    float: left
}

.photoGroupDetailPanel .photoGroupDetail .photoGroupPicImg {
    height: 15rem;
    margin: 0;
    background-size: cover;
    background-position: 50% 50%
}

.photoGroupDetailPanel .photoGroupDetailContent {
    padding-bottom: .5rem;
    word-wrap: break-word;
    word-break: break-all
}

.photoGroupDetailPanel .photoGroupDetailContent .title {
    font-family: 微软雅黑;
    color: #1f1f1f;
    padding: 1rem .75rem;
    line-height: 1.6rem;
    font-size: 1.4rem;
    word-break: normal
}

.photoGroupDetailPanel .photoGroupDetailContent .separateLine {
    height: .4rem;
    background-color: #f6f6f6;
    width: 100%;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed
}

.photoGroupDetailPanel .photoGroupDetailContent .photoGroupDesc {
    font-family: 微软雅黑;
    color: #828282;
    padding: 1rem .75rem;
    line-height: 1.4rem;
    font-size: .8rem;
    word-break: normal
}

.photoGroupDetailPanel .f-photoNumber {
    background-color: #000;
    width: 50px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .5;
    text-align: center;
    color: #fff
}

.photoGroupDetailPanel .f-preBtn {
    left: 0
}

.photoGroupDetailPanel .f-nextBtn {
    right: 0
}

.photoGroupDetailPanel .f-btn {
    display: none;
    width: 2.27rem;
    height: 2.27rem;
    background-color: #000;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    opacity: .5;
    font-size: 2.27rem;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.couponContainer {
    font-style: normal;
    padding-top: .5rem;
    width: 16rem;
    margin-left: .4rem
}

.couponContainer .coupon-color-red {
    color: #f35757
}

.couponContainer .coupon-color-orange {
    color: #ff8b3e
}

.couponContainer .coupon-color-yellow {
    color: #fcc545
}

.couponContainer .coupon-color-green {
    color: #5fceb0
}

.couponContainer .coupon-color-blue {
    color: #66b4f7
}

.couponContainer .coupon-color-pink {
    color: #fd6fa7
}

.couponContainer .coupon-color-purple {
    color: #bb80fd
}

.couponContainer .coupon-color-gray {
    color: #c1c1c1
}

.couponContainer .coupon-color-invalid {
    color: #d4d2d4
}

.couponContainer .coupon_background_red {
    background-color: #f35757
}

.couponContainer .coupon_background_orange {
    background-color: #ff8b3e
}

.couponContainer .coupon_background_yellow {
    background-color: #fcc545
}

.couponContainer .coupon_background_green {
    background-color: #5fceb0
}

.couponContainer .coupon_background_blue {
    background-color: #66b4f7
}

.couponContainer .coupon_background_pink {
    background-color: #fd6fa7
}

.couponContainer .coupon_background_purple {
    background-color: #bb80fd
}

.couponContainer .coupon_background_gray {
    background-color: #c1c1c1
}

.couponContainer .coupon_background_invalid {
    background-color: #d4d2d4
}

.coupon1 {
    display: inline-block;
    width: 4.8rem;
    height: 2.4rem;
    position: relative;
    overflow: hidden;
    margin-bottom: .35rem;
    margin-right: .4rem;
    cursor: pointer;
    border-radius: .2rem
}

.coupon1 div {
    display: inline-block
}

.coupon1 .coupon_content1 {
    position: absolute;
    width: 100%;
    height: 100%
}

.coupon1 .coupon_content1 .coupon_content_left {
    width: 3.75rem;
    text-align: center;
    color: #fff;
    margin-top: .2rem;
    position: absolute;
    z-index: 1
}

.coupon1 .coupon_content1 .vertical_line {
    border-left: .05rem dashed rgba(255,255,255,0.5);
    width: .025rem;
    margin-top: .425rem;
    height: 1.5rem;
    position: absolute;
    right: .975rem;
    z-index: 1
}

.coupon1 .coupon_content1 .coupon_content_left .couponSavePrice {
    display: block;
    max-width: 3.75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.coupon1 .coupon_content1 .coupon_content_left .priceSign {
    font-size: .5rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .16rem
}

.coupon1 .coupon_content1 .coupon_content_left .couponPrice {
    font-size: 1rem
}

.coupon1 .coupon_content1 .coupon_content_left .couponUseCondition {
    display: block;
    font-size: .4rem;
    color: #fff;
    opacity: .5;
    text-align: center;
    max-width: 3.75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -0.225rem
}

.coupon1 .coupon_content1 .coupon_content_right {
    width: 1.025rem;
    line-height: 1.025rem;
    float: right;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-lr;
    text-align: center;
    position: relative;
    height: 2.4rem
}

.coupon1 .coupon_content1 .coupon_content_right .coupon_receive {
    font-size: .4rem;
    color: rgba(255,255,255,0.5);
    line-height: .55rem;
    letter-spacing: .075rem;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl
}

.coupon1 .scale_coupon_receive {
    position: absolute;
    top: 0;
    left: .27rem;
    font-size: .4rem;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(.80);
    letter-spacing: 0;
    height: 2.4rem;
    z-index: 1
}

.coupon1 .coupon_content1 .coupon_center {
    position: absolute;
    height: 100%
}

.coupon1 .coupon_content1 .top_point {
    border: 1.05rem solid;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    right: -0.225rem;
    top: -1.25rem
}

.coupon1 .coupon_content1 .bottom_point {
    border: 1.05rem solid;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    right: -0.225rem;
    bottom: -1.25rem
}

.coupon1 .coupon_content1 .couponScreenWidth {
    position: absolute;
    width: 3.25rem;
    height: 100%
}

.coupon1 .coupon_content1 .couponScreenHeight {
    position: absolute;
    width: 100%;
    height: 1.75rem;
    top: .3rem
}

.coupon2 {
    display: inline-block;
    width: 7.3rem;
    height: 3.7rem;
    position: relative;
    overflow: hidden;
    margin-bottom: .4rem;
    margin-right: .4rem;
    margin-left: .05rem;
    cursor: pointer;
    border-radius: .2rem
}

.coupon2 div {
    display: inline-block
}

.coupon2 .coupon_content2 {
    position: absolute;
    width: 100%;
    height: 100%
}

.coupon2 .coupon_content2 .coupon_content_left {
    width: 5.7rem;
    text-align: center;
    color: #fff;
    margin-top: .63rem;
    position: absolute;
    z-index: 1
}

.coupon2 .coupon_content2 .vertical_line {
    width: .05rem;
    height: 2.6rem;
    border-left: .05rem dashed rgba(255,255,255,0.6);
    margin-top: .55rem;
    position: absolute;
    right: 1.525rem;
    z-index: 1
}

.coupon2 .coupon_content2 .coupon_center {
    position: absolute;
    height: 100%
}

.coupon2 .coupon_content2 .coupon_content_right {
    width: 1.6rem;
    float: right;
    height: 3.7rem;
    writing-mode: vertical-lr;
    text-align: center;
    line-height: 1.6rem;
    position: absolute;
    z-index: 1;
    right: 0
}

.coupon2 .coupon_content2 .coupon_content_left .couponSavePrice {
    display: block;
    max-width: 5.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.coupon2 .coupon_content2 .coupon_content_left .priceSign {
    font-size: .65rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .25rem
}

.coupon2 .coupon_content2 .coupon_content_left .couponPrice {
    font-size: 1.35rem
}

.coupon2 .coupon_content2 .coupon_content_left .couponUseCondition {
    display: block;
    font-size: .5rem;
    color: rgba(255,255,255,0.5);
    text-align: center;
    max-width: 5.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -0.275rem
}

.coupon2 .coupon_content2 .coupon_content_right .coupon_receive {
    font-size: .55rem;
    color: rgba(255,255,255,0.5);
    line-height: .58rem;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    letter-spacing: .085rem;
    height: 3.7rem
}

.coupon2 .coupon_content2 .couponBackground {
    position: absolute;
    left: -0.78rem;
    top: -1.58rem;
    font-size: 5.3rem;
    z-index: -1;
    color: black
}

.coupon2 .coupon_content2 .top_point {
    width: 5rem;
    height: 5rem;
    border: 2.2rem solid;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -2.5rem;
    right: -0.9rem
}

.coupon2 .coupon_content2 .bottom_point {
    border: 1.5rem solid;
    width: 5rem;
    height: 5rem;
    border: 2.2rem solid;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    bottom: -2.5rem;
    right: -0.9rem
}

.coupon2 .coupon_content2 .couponScreenWidth {
    position: absolute;
    width: 100%;
    height: 2rem;
    top: .8rem
}

.coupon2 .coupon_content2 .couponScreenHeight {
    position: absolute;
    width: 4.5rem;
    height: 100%
}

.coupon3 {
    display: inline-block;
    width: 15rem;
    height: 4.4rem;
    position: relative;
    overflow: hidden;
    margin-bottom: .4rem;
    margin-left: .1rem;
    cursor: pointer;
    border-radius: .2rem
}

.coupon3 div {
    display: inline-block
}

.coupon3 .coupon_content3 {
    position: relative;
    height: 100%;
    width: 100%
}

.coupon3 .coupon_content3 .coupon_content_left {
    color: #fff;
    width: 9.5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: .85rem;
    position: absolute;
    z-index: 1
}

.coupon3 .coupon_content3 .coupon_content_left .couponSavePrice {
    max-width: 4.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left
}

.coupon3 .coupon_content3 .coupon_content_left .priceSign {
    font-size: .55rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .38rem
}

.coupon3 .coupon_content3 .coupon_content_left .couponPrice {
    font-size: 1.55rem
}

.coupon3 .coupon_content3 .coupon_content_left .conditionContain {
    margin-top: .55rem;
    text-align: left;
    margin-left: .18rem;
    line-height: .59rem;
    width: 5.07rem
}

.coupon3 .coupon_content3 .coupon_content_left .couponUseCondition {
    display: block;
    font-size: .45rem;
    color: rgba(255,255,255,0.5);
    max-width: 5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.coupon3 .coupon_content3 .coupon_content_left .couponUseTime {
    font-size: .45rem;
    color: rgba(255,255,255,0.5);
    white-space: nowrap
}

.coupon3 .coupon_content3 .coupon_content_right {
    width: 4.65rem;
    float: right;
    height: 4.4rem;
    text-align: center;
    position: absolute;
    right: 0;
    z-index: 1
}

.coupon3 .coupon_content3 .coupon_content_right .coupon_receive {
    font-size: .55rem;
    line-height: .58rem;
    width: 3.25rem;
    height: 1.3rem;
    background: rgba(255,255,255,0.8);
    border-radius: .65rem;
    line-height: 1.3rem;
    margin-top: .875rem
}

.coupon3 .coupon_content3 .coupon_center {
    display: block;
    height: .025rem;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 1.35rem
}

.coupon3 .coupon_content3 .coupon_center .vertical_line {
    width: 14rem;
    height: .025rem;
    border-top: .025rem dashed rgba(255,255,255,0.3);
    position: absolute;
    margin-left: .625rem
}

.coupon3 .coupon_content3 .coupon_content_bottom {
    height: 1.35rem;
    display: block;
    line-height: 1.35rem;
    padding-left: .85rem;
    font-size: .45rem;
    color: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 0;
    z-index: 1
}

.coupon3 .coupon_content3 .couponBackground {
    position: absolute;
    left: -0.78rem;
    top: -1.58rem;
    font-size: 5.3rem;
    z-index: -1;
    color: black
}

.coupon3 .coupon_status_received {
    width: 4.4rem;
    height: 4.4rem;
    background: url(/image/coupon/coupon_status_received.png?v=201803191141) 155% 30% no-repeat;
    background-size: 89% 89%
}

.coupon3 .coupon_status_receivedOver {
    width: 4.4rem;
    height: 4.4rem;
    background: url(/image/coupon/coupon_status_receivedOver.png?v=201803191141) 155% 30% no-repeat;
    background-size: 89% 89%
}

.coupon3 .coupon_status_invalid {
    width: 4.4rem;
    height: 4.4rem;
    background: url(/image/coupon/coupon_status_invalid.png?v=201803191141) 155% 30% no-repeat;
    background-size: 89% 89%
}

.coupon3 .coupon_status_receivedEn {
    width: 4.4rem;
    height: 4.4rem;
    background: url(/image/coupon/coupon_status_receivedEn.png?v=201803191141) 155% 30% no-repeat;
    background-size: 89% 89%
}

.coupon3 .coupon_status_receivedOverEn {
    width: 4.4rem;
    height: 4.4rem;
    background: url(/image/coupon/coupon_status_receivedOverEn.png?v=201803191141) 155% 30% no-repeat;
    background-size: 89% 89%
}

.coupon3 .coupon_status_invalidEn {
    width: 4.4rem;
    height: 4.4rem;
    background: url(/image/coupon/coupon_status_invalidEn.png?v=201803191141) 155% 30% no-repeat;
    background-size: 89% 89%
}

.coupon3 .coupon_name {
    color: rgba(255,255,255,0.5)
}

.coupon3 .coupon_content3 .left_point {
    border: 1.55rem solid;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: -1.875rem;
    top: 1.175rem
}

.coupon3 .coupon_content3 .right_point {
    border: 1.55rem solid;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    right: -1.875rem;
    top: 1.175rem
}

.coupon3 .coupon_content3 .couponScreenWidth {
    position: absolute;
    width: 100%;
    height: 2rem
}

.coupon3 .coupon_content3 .couponScreenHeight {
    position: absolute;
    width: 14rem;
    height: 100%;
    left: .5rem
}

.pdDetailCoupon {
    position: absolute;
    right: 1.6rem;
    text-align: right;
    top: 0;
    overflow: hidden;
    height: 2rem;
    max-width: 12rem
}

.productDetailCouponProp {
    width: auto;
    height: .875rem;
    opacity: .65;
    color: white;
    font-size: .45rem;
    top: .5625rem;
    line-height: .875rem;
    text-align: center;
    margin-left: .125rem;
    margin-right: .125rem;
    padding-left: .3rem;
    padding-right: .3rem
}

.CouponPropBorderLeft {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 4;
    width: .7rem;
    height: .875rem;
    background: url(/image/coupon/popPanelBorder.png?v=201801291203) 2.7% 0 no-repeat;
    background-size: 3900% 1260%
}

.CouponPropBorderRight {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    z-index: 4;
    width: .5rem;
    height: .875rem;
    background: url(/image/coupon/popPanelBorder.png?v=201801291203) -1.5% 0 no-repeat;
    background-size: 3900% 1260%
}

.couponBackground {
    color: black;
    position: absolute;
    width: 4.5rem;
    height: 3rem;
    left: 0;
    top: 0;
    font-size: 13px;
    margin-left: .25rem;
    margin-top: .125rem
}

.couponBackground1 {
    width: 4.5rem;
    height: 3rem;
    background: url(/image/coupon/couponBorder.png?v=201801291203) 16.3% -1% no-repeat;
    background-size: 384% 264%
}

.couponBackground2 {
    width: 6.75rem;
    background: url(/image/coupon/couponBorder.png?v=201801291203) 61.5% -1% no-repeat;
    background-size: 259% 264%
}

.couponBackground3 {
    width: 14.575rem;
    height: 3.925rem;
    background: url(/image/coupon/couponBorder.png?v=201801291203) 75% 70% no-repeat;
    background-size: 118.5% 197%;
    pointer-events: auto
}

.couponListBottomPanel {
    background: #f2f2f2;
    position: absolute;
    z-index: 1001;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
    transition: transform .2s cubic-bezier(0,0,.2,1)
}

.couponListAnimation {
    -webkit-transform: translate3d(0,0%,0);
    transform: translate3d(0,0%,0)
}

.couponListTitle {
    font-size: .65rem;
    line-height: 2.75rem;
    color: #333;
    padding-left: .8rem
}

.couponUseListPanel .couponListTitle {
    background-color: #fff
}

.couponItem {
    margin-left: .525rem;
    position: relative;
    margin-bottom: .75rem
}

.shippingItem {
    border-bottom: 1px solid #f2f2f2
}

.couponItemLeftBackground {
    position: absolute;
    width: .45rem;
    height: 4.05rem;
    background: url(/image/coupon/popPanelBorder.png?v=201801291203) 3.1% 17% no-repeat;
    background-size: 5062% 263.5%
}

.couponItem-left {
    display: inline-block;
    position: relative;
    width: 5rem;
    height: 4.05rem;
    text-align: center;
    background: #c1c1c1;
    opacity: .7;
    color: #fff;
    border: 0;
    border-right: .05rem dashed white
}

.couponItem-right {
    display: inline-block;
    width: 9.85rem;
    height: 4.05rem;
    background-color: white;
    position: relative;
    vertical-align: top
}

.couponItemLeftData {
    width: 5rem;
    height: 4.05rem;
    line-height: 2.7rem;
    text-align: center
}

.couponItemLeftCondit {
    font-size: .5rem;
    position: absolute;
    bottom: .8rem;
    width: 5rem
}

.couponItem .coupon-color-invalid {
    background-color: #c7c7c7;
    border-color: white
}

.couponItem .coupon-words-invalid {
    color: #aaa
}

.couponItemRightValidity {
    font-size: .5rem;
    color: #aaa;
    position: absolute;
    left: .5rem;
    bottom: 1.05rem
}

.couponItemRightName {
    position: absolute;
    top: 1.05rem;
    left: .5rem;
    font-size: .6rem;
    margin-right: .75rem;
    line-height: .8rem;
    max-width: 5.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333
}

.couponItem-right .toUseCoupon {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    right: .4rem;
    top: 1.515rem;
    font-size: .5rem;
    width: 2.35rem;
    height: 1.02rem;
    border: 1px solid;
    border-radius: .075rem;
    text-align: center;
    line-height: 1rem
}

.couponState {
    display: inline-block;
    position: absolute;
    width: 2.25rem;
    height: 2.15rem;
    z-index: 5;
    top: .95rem;
    right: .5rem;
    background: url(/image/coupon/popPanelBorder.png?v=201801291203) 42.8% 79% no-repeat;
    background-size: 809% 494%
}

.couponStateUsed {
    background: url(/image/coupon/popPanelBorder.png?v=201801291203) 20.8% 79% no-repeat;
    background-size: 809% 494%
}

.couponStateExpired {
    background: url(/image/coupon/popPanelBorder.png?v=201801291203) .0% 79% no-repeat;
    background-size: 809% 494%
}

.couponStateUsedEn {
    background: url(/image/coupon/popPanelBorderEn.png?v=201802051418) 9.8% 38% no-repeat;
    background-size: 475% 184%
}

.couponStateExpiredEn {
    background: url(/image/coupon/popPanelBorderEn.png?v=201802051418) 47.5% 38% no-repeat;
    background-size: 475% 184%
}

.couponCheckBox {
    display: inline-block;
    position: absolute;
    top: .625rem;
    right: 0;
    height: .875rem;
    font-size: .75rem;
    text-align: center
}

.couponUseListItem {
    position: relative;
    height: 2rem;
    font-size: .6rem;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    margin-left: .8rem;
    margin-right: .8rem;
    line-height: 2rem
}

.couponUseListItem .faisco-icons-shape11:before {
    font-size: 1.025rem;
    margin-right: -0.1375rem
}

.couponUseListItem .faisco-icons-right:before {
    font-size: .75rem
}

.couponUseListContent {
    background-color: white;
    width: 100%;
    max-height: 10rem;
    overflow: hidden
}

.mobiCouponMsgBox {
    position: fixed;
    top: 25%;
    margin: 0 auto;
    height: auto;
    width: 100%;
    z-index: 9999;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    font-weight: 100
}

.mobiCouponMsgPanl {
    width: 15rem;
    margin: auto;
    line-height: 1.75rem;
    color: #fff;
    z-index: 9999;
    height: 5.25rem;
    min-width: 7.15rem;
    max-width: 15rem;
    display: table
}

.mobiCouponMsgPanl2 {
    width: 10rem;
    margin: auto;
    line-height: 1.75rem;
    color: #fff;
    z-index: 9999;
    height: 5.25rem;
    min-width: 7.15rem;
    max-width: 15rem;
    display: table
}

.mobiCouponMsg {
    text-align: center;
    width: auto;
    border-radius: .25rem;
    height: inherit;
    background: rgba(0,0,0,.7);
    padding: .7rem .8rem;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle
}

.mobiCouponMsg div {
    font-size: .9rem;
    line-height: 1.2rem;
    margin-bottom: .2rem;
    text-align: left
}

.mobiCouponMsg .sContent1,.mobiCouponMsg .sContent2,.mobiCouponMsg .sContent3,.mobiCouponMsg .sContent4,.mobiCouponMsg .fBottom {
    font-size: .7rem;
    line-height: .8rem
}

.mobiCouponMsg .fTop,.mobiCouponMsg .fBottom {
    text-align: center
}

.faisco-icons-right:before {
    content: "\ea80"
}

.faisco-icons-shape11:before {
    content: "\ea22"
}

.fk-marqueeContainer {
    position: relative;
    overflow: hidden
}

.fk-marqueeMoveInStyle {
    opacity: 0
}

.fk-marqueeContainer .f-richContentPanel {
    overflow: hidden;
    padding-top: .5rem
}

.fk-marqueeContainer .f-richContentPanel .richContent {
    margin: 0
}

.fk-marqueeContainer {
    position: relative;
    overflow: hidden
}

.fk-marqueeMoveInStyle {
    opacity: 0
}

.fk-marqueeContainer .f-contentPanel .richContent {
    margin: 0
}

.fk-marqueeContainer .f-contentPanel {
    overflow: hidden
}

.formStyle2 .fk-marqueeContainer .f-contentPanel {
    padding-top: .5rem
}

@-webkit-keyframes buttomToTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes buttomToTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-webkit-keyframes topToButtom {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes topToButtom {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rightToLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes rightToLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes leftToRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes leftToRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes buttomToTop_moveIn {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes buttomToTop_moveIn {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes topToButtom_moveIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes topToButtom_moveIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-webkit-keyframes rightToLeft_moveIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes rightToLeft_moveIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes leftToRight_moveIn {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes leftToRight_moveIn {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes buttomToTop_discontinuous {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes buttomToTop_discontinuous {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes topToButtom_discontinuous {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes topToButtom_discontinuous {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes rightToLeft_discontinuous {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes rightToLeft_discontinuous {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes leftToRight_discontinuous {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes leftToRight_discontinuous {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes buttomToTop_moveIn_discontinuous {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes buttomToTop_moveIn_discontinuous {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes topToButtom_moveIn_discontinuous {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes topToButtom_moveIn_discontinuous {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes rightToLeft_moveIn_discontinuous {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes rightToLeft_moveIn_discontinuous {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes leftToRight_moveIn_discontinuous {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes leftToRight_moveIn_discontinuous {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.mallThemeHeader {
    display: none
}

.mallThemeTopBar {
    display: none
}

.footerMenu {
    display: none
}

.mallThemeTopBar {
    display: none
}

.serviceBtn {
    display: none
}

.mallCartBtn {
    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
}

.productNewDetail .proCommPropertyPrice {
    height: 3.67rem
}

.mallThemeSeparator {
    display: none
}

.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 {
    display: block;
    height: 3rem
}

.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 {
    height: 1.6rem;
    font-size: 1rem;
    line-height: 2.1rem;
    color: #333
}

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

.icon-mallFinGroupBuy.mallFinGroupBuy {
    font-size: .8rem
}

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

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

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

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

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

.mallItemText {
    height: 1.4rem;
    line-height: .9rem;
    padding: 0 .2rem;
    font-size: .5rem;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.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
}

.orderSort_line {
    width: 100%;
    height: 2rem;
    background: #fff;
    display: flex
}

.orderDiviceItemLink {
    display: inline-block;
    height: 1.9rem;
    width: 20%;
    text-align: center
}

.mallSortItemText {
    display: inline-block;
    min-width: 70%;
    max-width: 100%;
    margin: 0 auto;
    height: 1.9rem;
    line-height: 1.9rem;
    border-bottom: .1rem solid transparent;
    font-size: .6rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mobiCol15 .g_separator {
    background: #f7f7f7;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.orderList .moreGoods {
    display: none
}

.orderList .icon-seemoreIcon:before {
    content: "\e656";
    font-size: .7rem;
    font-weight: bold;
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.orderList .seeMore .icon-hidemoreIcon:before {
    content: "\e701";
    font-size: .7rem;
    margin-left: .2rem;
    font-weight: bold;
    position: relative;
    top: .1rem
}

.orderList .seeMore {
    width: 90%;
    height: 1.5rem;
    line-height: 1.5rem;
    border: 1px solid #ebebeb;
    margin: .2rem auto;
    background: #f8f8f8;
    text-align: center
}

.mListLoadingPic {
    float: left;
    text-align: center;
    margin-left: 5rem;
    margin-top: .5rem
}

.mListLoadingTxt {
    float: left;
    text-align: center;
    margin-left: .55rem;
    margin-top: .5rem;
    font-size: .6rem;
    color: #666
}

.getMInfo {
    height: 150px;
    background-color: #f4f4f4
}

.uploadButton {
    width: 3.0rem;
    height: 3.0rem
}

.areaBox {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    bottom: 0
}

.areaBox1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    height: 12.8rem;
    color: #666
}

.areaBox1 .pv_head {
    cursor: pointer
}

.areaBox1 .city_head {
    cursor: pointer
}

.areaBox1 .county_head {
    cursor: pointer
}

.areaBox1 .pv {
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 3.9rem;
    border-right: 1px solid #fff;
    background-color: #e6e6e6;
    text-align: center;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.areaBox1 .city {
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 4rem;
    border-right: 1px solid #fff;
    background-color: #e6e6e6;
    text-align: center;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.areaBox1 .county {
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 4rem;
    border-right: 1px solid #fff;
    background-color: #e6e6e6;
    text-align: center;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.areaBox1 .street {
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 3.9rem;
    background-color: #e6e6e6;
    text-align: center;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.areaBox1 .pv_pv {
    background-color: #fff
}

.areaBox1 .city_city {
    background-color: #fff
}

.areaBox1 .county_county {
    background-color: #fff
}

.areaBox1 .street_street {
    background-color: #fff
}

.province_box {
    float: left
}

.province_box .group_head {
    float: left;
    margin-right: 1.4rem
}

.province_box .group_content {
    float: left;
    width: 12rem
}

.province_box .pv_content {
    float: left;
    line-height: 1.2rem;
    overflow-y: auto;
    max-height: 10rem;
    margin-top: .5rem
}

.province_box .pv_group {
    float: left;
    margin-left: 1.2rem;
    font-size: .6rem
}

.province_box .group_item {
    float: left;
    margin-right: 1.6rem;
    cursor: pointer;
    margin-bottom: .2rem
}

.province_box .group_item:hover {
    color: #ff6537
}

.city_box {
    float: left
}

.city_box .city_content {
    float: left;
    font-size: .6rem;
    line-height: 1.2rem;
    margin-left: 1rem;
    overflow-y: auto;
    max-height: 10rem;
    margin-top: .5rem
}

.city_box .city_content .group_item {
    float: left;
    margin-right: 1.2rem;
    cursor: pointer;
    margin-left: .2rem
}

.city_box .city_content .group_item:hover {
    color: #ff6537
}

.county_box {
    float: left
}

.county_box .county_content {
    float: left;
    font-size: .6rem;
    line-height: 1.2rem;
    margin-left: 1rem;
    overflow-y: auto;
    max-height: 10rem;
    margin-top: .5rem
}

.county_box .county_content .group_item {
    float: left;
    margin-right: 1.2rem;
    cursor: pointer;
    margin-left: .2rem
}

.county_box .county_content .group_item:hover {
    color: #ff6537
}

.street_box {
    float: left
}

.street_box .street_content {
    float: left;
    font-size: .6rem;
    line-height: 1.2rem;
    margin-left: 1rem;
    overflow-y: auto;
    max-height: 10rem;
    margin-top: .5rem
}

.street_box .street_content .group_item {
    float: left;
    margin-right: 1.2rem;
    cursor: pointer;
    margin-left: .2rem
}

.street_box .street_content .group_item:hover {
    color: #ff6537
}

.areaBox2 {
    position: absolute;
    width: 16rem;
    background: #fff;
    bottom: 0;
    width: 100%;
    height: 12.8rem;
    color: #666
}

.areaBox2 .sec_head {
    cursor: pointer
}

.areaBox2 .thd_head {
    cursor: pointer
}

.areaBox2 .sec {
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 7.95rem;
    border-right: 1px solid #fff;
    background-color: #f5f5f5;
    text-align: center;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.areaBox2 .thd {
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 8rem;
    background-color: #f5f5f5;
    text-align: center;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.areaBox2 .sec_sec {
    background-color: #fff
}

.areaBox2 .thd_thd {
    background-color: #fff
}

.sec_box,.thd_box {
    float: left
}

.sec_box .sec_content {
    float: left;
    font-size: .6rem;
    line-height: 1.2rem;
    margin-left: 1rem;
    overflow-y: auto;
    max-height: 10rem;
    margin-top: .5rem
}

.sec_box .sec_content .group_item {
    float: left;
    margin-right: 1.2rem;
    cursor: pointer;
    margin-left: .2rem
}

.sec_box .sec_content .group_item:hover {
    color: #ff6537
}

.thd_box .thd_content {
    float: left;
    font-size: .6rem;
    line-height: 1.2rem;
    margin-left: 1rem;
    overflow-y: auto;
    max-height: 10rem;
    margin-top: .5rem
}

.thd_box .thd_content .group_item {
    float: left;
    margin-right: 1.2rem;
    cursor: pointer;
    margin-left: .2rem
}

.thd_box .thd_content .group_item:hover {
    color: #ff6537
}

.webHeaderBox .header .fk-pageTitleFix {
    display: none
}

.refundList .refundLine {
    padding: 0;
    background: #fff;
    clear: both
}

.refundList .refundLineTitle {
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .6rem;
    color: #333
}

.refundList .refundLineItem {
    color: #666;
    font-size: .6rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .7rem;
    border-top: 1px solid #f2f2f2
}

.refundList .refundLineItem .item1 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.refundList .refundLineItem .item1 .pdImg {
    width: 3rem;
    height: 3rem;
    margin: .5rem 0
}

.refundList .refundLineItem .item2 {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #666
}

.refundList .refundLineItem .item2 .pdName {
    line-height: .8rem;
    padding-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    height: 1.6rem
}

.refundList .refundLineItem .item2 .pdOpt {
    line-height: .8rem;
    padding-top: .5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.refundList .refundLineItem .item3 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: .5rem;
    color: #666
}

.refundList .refundLineItem .item3 .pdProp {
    text-align: right;
    line-height: .8rem
}

.refundList .refundLineItem .item3 .grey {
    color: #bebebe
}

.refundList .g_separator {
    background: #f7f7f7;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.refundList .refundCode {
    display: block;
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.refundList .refundStatus {
    display: block;
    font-size: .6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ff6239
}

.g_locale2052 .refundList .refundCode,.g_locale1028 .refundList .refundCode {
    display: inline-block;
    width: 70%
}

.g_locale2052 .refundList .refundStatus,.g_locale1028 .refundList .refundStatus {
    display: inline-block;
    width: 30%;
    text-align: right
}

.refundList .icon-refund {
    height: 1.6rem;
    font-size: .8rem;
    color: #ff6239;
    vertical-align: text-top
}

.refundList .icon-refund:before {
    content: "\eaab"
}

.refundList .noOrderListContent {
    padding: 1px 0;
    background: #fbfbfb
}

.refundList .noOrderListIcon {
    width: 5.5rem;
    height: 4rem;
    margin: 4.3rem auto .8rem auto;
    background: url(/image/v2/defaultIcon03.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.refundList .noOrderListMsg {
    width: 95%;
    margin: 0 auto 4.5rem auto;
    line-height: 1;
    text-align: center;
    font-size: .6rem;
    color: #666
}

.refundDetail {
    background-color: #fff
}

.refundDetail .refundStatusContent {
    padding: .75rem .5rem .75rem 1.35rem
}

.refundDetail .refundStatusContent .title {
    color: #666;
    font-size: .7rem;
    margin-bottom: 1rem;
    position: relative
}

.refundDetail .refundStatusContent .titleWord {
    display: inline-block;
    line-height: 1rem;
    vertical-align: middle;
    width: 85%;
    word-wrap: break-word;
    word-break: break-all
}

.refundDetail .refundStatusContent .titleIcon {
    display: inline-block;
    margin-right: .2rem;
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: top
}

.refundDetail .refundStatusContent .editFlow {
    position: absolute;
    right: 0;
    top: .2rem
}

.refundDetail .refundStatusContent .icon-edit:before {
    content: "\eaaa"
}

.refundDetail .refundStatusContent .icon-success:before {
    content: "\eab0";
    color: #49b344
}

.refundDetail .refundStatusContent .icon-fail:before {
    content: "\eaaf";
    color: #f00
}

.refundDetail .refundStatusContent .icon-attention:before {
    content: "\ea9d";
    color: #ff7200
}

.refundDetail .refundStatusContent .tips {
    color: #999;
    font-size: .55rem;
    line-height: .7rem;
    padding-bottom: .55rem
}

.refundDetail .refundStatusContent .tips .left {
    width: 2.5rem;
    vertical-align: top;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block
}

.refundDetail .refundStatusContent .tips .right {
    width: 9rem;
    margin-left: .5rem;
    vertical-align: top;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block
}

.refundDetail .g_separator {
    background: #f7f7f7;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.refundDetail .refundDetailContent {
    padding: 0 .5rem;
    color: #666
}

.refundDetail .refundDetailContent .refundRemark {
    padding: 0 .5rem;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    line-height: 2rem
}

.refundDetail .refundDetailContent .refundRemark .left {
    width: 50%;
    display: inline-block
}

.refundDetail .refundDetailContent .refundRemark .right {
    width: 50%;
    display: inline-block;
    text-align: right
}

.refundDetail .refundDetailContent .refundRemark .icon-clickIcon {
    vertical-align: middle
}

.refundDetail .refundDetailContent .refundRemark .icon-clickIcon:before {
    content: "\e672";
    font-size: .9rem
}

.refundDetail .refundDetailContent .refundDetail {
    padding: 1rem .5rem .5rem;
    border-bottom: 1px solid #f2f2f2
}

.refundDetail .refundDetailContent .refundDetail .refundDetailLine {
    line-height: 1rem;
    padding-bottom: .55rem
}

.refundDetail .refundDetailContent .refundDetail .refundDetailLine .left {
    display: inline-block;
    width: 30%;
    vertical-align: top
}

.refundDetail .refundDetailContent .refundDetail .refundDetailLine .right {
    display: inline-block;
    width: 70%;
    text-align: right;
    word-wrap: break-word;
    word-break: break-all
}

.refundDetail .refundDetailContent .refundDetail .refundDetailLine .stress {
    color: #ff6239
}

.refundDetail .refundOptContent {
    margin: .5rem;
    overflow: hidden;
    padding-bottom: .5rem
}

.refundDetail .refundOptContent .btn {
    width: 6.4rem;
    margin: 0 .45rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .75rem;
    color: #666;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word
}

.refundDetail .refundOptContent .greyBdColor {
    border-color: #dcdcdc
}

.refundDetail .refundOptContent .stressBtn {
    color: #fff
}

.refundDetail .refundOptContent .refundLink {
    float: right
}

.remarkDatail {
    display: none
}

.remarkDatail .remarkList {
    background-color: #f2f2f2;
    padding: .5rem .5rem 3.6rem .875rem;
    min-height: 20rem
}

.remarkDatail .remarkList .refundItem {
    width: 14.125rem;
    border-radius: 5px;
    font-size: .55rem;
    margin-bottom: .55rem;
    position: relative;
    padding-bottom: 1rem
}

.remarkDatail .remarkList .refundItem .icon-arrow {
    font-size: 1rem;
    position: absolute;
    top: 1.45rem
}

.remarkDatail .remarkList .userContent {
    color: #fff;
    background-color: #fc8453;
    margin-left: .5rem
}

.remarkDatail .remarkList .userContent .icon-arrow {
    left: -0.7rem;
    color: #fc8453
}

.remarkDatail .remarkList .userContent .icon-arrow:before {
    content: "\eaac"
}

.remarkDatail .remarkList .memberContent {
    background-color: #fff
}

.remarkDatail .remarkList .memberContent .icon-arrow {
    right: -0.7rem;
    color: #fff
}

.remarkDatail .remarkList .memberContent .icon-arrow:before {
    content: "\eaad"
}

.remarkDatail .remarkList .refundItem .remarkTitle {
    height: 1.95rem;
    line-height: 1.95rem;
    font-size: .6rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 .3rem;
    margin: 0 .5rem
}

.remarkDatail .remarkList .refundItem .remarkTitle .item1 {
    width: 50%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap
}

.remarkDatail .remarkList .refundItem .remarkTitle .item2 {
    width: 50%;
    display: inline-block;
    text-align: right;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap
}

.remarkDatail .remarkList .userContent .remarkTitle .item2 {
    color: #fff
}

.remarkDatail .remarkList .refundItem .remarkStatus {
    font-size: .6rem;
    padding: .6rem .8rem;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1rem
}

.remarkDatail .remarkList .refundItem .remarkContent {
    margin: .3rem .8rem;
    line-height: .9rem;
    word-wrap: break-word;
    word-break: break-all
}

.remarkDatail .remarkList .refundItem .remarkContent .remarkName {
    width: 25%;
    display: inline-block;
    vertical-align: top
}

.remarkDatail .remarkList .memberContent .remarkContent .remarkName {
    color: #999
}

.remarkDatail .remarkList .refundItem .remarkContent .remarkVal {
    width: 75%;
    display: inline-block
}

.remarkDatail .remarkList .refundItem .remarkContent .remarkImgList {
    display: inline-block;
    width: 70%
}

.remarkDatail .remarkList .refundItem .remarkContent .remarkImgDiv {
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    border: 1px solid #dcdcdc;
    margin-right: .5rem;
    margin-bottom: .5rem;
    text-align: center;
    line-height: 2.5rem
}

.remarkDatail .remarkList .refundItem .remarkContent .remarkImg {
    max-height: 2.5rem;
    max-width: 2.5rem;
    vertical-align: middle
}

.remarkDatail .leaveMsgDiv {
    height: 3.225rem;
    width: 100%;
    color: #FFF;
    max-width: 768px;
    background-color: #fff;
    position: fixed;
    bottom: 0
}

.remarkDatail .leaveMsgDiv .leaveMsgBtn {
    text-align: center;
    height: 2.225rem;
    margin: .5rem;
    color: #fff;
    line-height: 2.225rem;
    border-radius: 3px
}

.editRemark {
    display: none;
    margin-bottom: 1rem
}

.editRemark .submitRemarkDiv {
    height: 100%;
    width: 4rem;
    float: right
}

.editRemark .submitRemarkDiv .submitRemark {
    height: 1.25rem;
    width: 2.9rem;
    border: 2px solid #fff;
    color: #fff;
    font-size: .6rem;
    text-align: center;
    display: inline-block;
    line-height: 1.25rem;
    border-radius: 3px
}

.editRemark .editRemarkContent {
    margin: 1rem .5rem .5rem
}

.editRemark .editRemarkContent .editRemarkArea {
    border: 1px solid #dcdcdc;
    color: #666;
    font-size: .6rem;
    border-radius: 5px;
    width: 14.5rem;
    height: 9.5rem;
    padding: .2rem;
    line-height: .8rem
}

.editRemark .editRemarkContent .editRemarkArea::-webkit-input-placeholder {
    color: #999
}

.editRemark .editRemarkContent .editRemarkArea:-moz-placeholder {
    color: #999
}

.editRemark .editRemarkContent .editRemarkArea::-moz-placeholder {
    color: #999
}

.editRemark .editRemarkContent .editRemarkArea:-ms-input-placeholder {
    color: #999
}

.editRemark .editRemarkSubmit {
    margin: .5rem;
    text-align: center;
    height: 2.225rem;
    color: #fff;
    line-height: 2.225rem;
    border-radius: 3px
}

.refundEdit .refundEditPannel,.refundFlowEdit .refundFlowEditPannel {
    background-color: #fff;
    padding: .5rem
}

.refundEdit .editLine,.refundFlowEdit .editLine {
    margin-bottom: .5rem
}

.refundEdit .lineTitle,.refundFlowEdit .lineTitle {
    margin-bottom: .5rem;
    padding-left: .2rem
}

.refundEdit .tips,.refundFlowEdit .tips {
    color: #999;
    font-size: .5rem
}

.refundEdit .g_input,.refundFlowEdit .g_input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7;
    padding-left: .75rem
}

.refundEdit .g_selectTag,.refundFlowEdit .g_selectTag {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    font-size: .7rem;
    background: 0;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    padding-left: .5rem;
    border-radius: 4px;
    font-family: 微软雅黑
}

.refundEdit .icon-select:before,.refundFlowEdit .icon-select:before {
    content: "\e656";
    color: #666;
    font-size: 1rem;
    float: right;
    position: relative;
    top: 2.25rem;
    right: .85rem
}

.refundEdit .g_textArea,.refundFlowEdit .g_textArea {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7;
    padding: .75rem;
    height: 5.5rem
}

.refundEdit .picDiv,.refundFlowEdit .picDiv {
    height: 2.5rem;
    line-height: 2.3rem;
    width: 2.5rem;
    border: 1px solid #dcdcdc;
    margin-right: .375rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.refundEdit .refundImg,.refundFlowEdit .refundImg {
    background-color: #000;
    max-width: 2.5rem;
    max-height: 2.5rem;
    vertical-align: middle
}

.refundEdit .uploadify-button,.refundFlowEdit .uploadify-button {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(/image/mobi/msgUpImg/upload.png?v=201711250607);
    background-repeat: no-repeat;
    padding: 0!important;
    border-width: 0;
    border-radius: 0;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.refundEdit .uploadBtn,.refundFlowEdit .uploadBtn {
    height: 2.5rem;
    width: 2.5rem;
    display: inline-block;
    vertical-align: middle
}

.refundEdit .delBtn,.refundFlowEdit .delBtn {
    height: .75rem;
    width: .75rem;
    background-color: #f00;
    color: #fff;
    position: absolute;
    border-radius: 50%;
    right: -0.35rem;
    top: -0.15rem;
    text-align: center;
    font-size: 1rem;
    word-wrap: break-word;
    text-overflow: ellipsis;
    vertical-align: top;
    line-height: .75rem
}

.refundEdit .refundDetailSubDiv,.refundFlowEdit .refundDetailSubDiv {
    height: 3.2rem;
    width: 100%
}

.refundEdit .refundDetailSubBtn,.refundFlowEdit .refundDetailSubBtn {
    margin: .5rem;
    height: 2rem;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    line-height: 2rem
}

.bodyProgressWrap {
    display: none
}

.refundFlowEdit {
    display: none
}

.refundHideDiv {
    display: none
}

.refundDetail .refundErrContent {
    padding: 1px 0
}

.refundDetail .refundErrIcon {
    height: 4.8rem;
    width: 5rem;
    margin: 4.3rem auto .8rem auto
}

.refundDetail .noOrder {
    background: url(/image/v2/defaultIcon03.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.refundDetail .noItem {
    background: url(/image/v2/defaultIcon06.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.refundDetail .errStatus {
    background: url(/image/v2/defaultIcon05.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.refundDetail .errTime {
    background: url(/image/v2/defaultIcon05.png?v=201711250607) no-repeat center center;
    background-size: contain
}

.refundDetail .refundErrMsg {
    width: 95%;
    margin: 0 auto 4.5rem auto;
    line-height: 1;
    text-align: center;
    font-size: .6rem;
    color: #666
}

.siteFormName,.fk-siteForm-v .siteFormItemShowName,.fk-siteForm-v .fk-siteFormItemShowVal,.fk-siteForm-v .fk-siteFormTextTipMain,.fk-siteForm-v .siteFormAddButton,.fk-siteForm-v .fk-siteFormTextTipMain,.fk-siteForm-v .fk-siteFormTextTipSecond {
    padding-left: .75rem;
    padding-right: .75rem
}

.fk-siteForm-v .f-siteFormItemTr {
    height: auto
}

.fk-siteForm-v .siteFormItemShowName {
    text-align: left;
    word-break: break-all
}

.fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=text],.fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=number],.fk-siteForm-v .fk-siteFormItemShowVal .fk_formTextareaStyle,.fk-siteForm-v .fk-siteFormItemShowVal .g_selectTag {
    margin-top: .6rem
}

.fk-siteForm-v .fk-importantStar,.fk-siteForm-v .fk-uploadComponent {
    margin-top: .6rem
}

.fk-siteForm-v .fk-importantStar.fromRadio {
    margin-top: 0;
    line-height: 1.9rem
}

.fk-siteForm-v .fk-siteFormItemShowVal .left .g_itext[type=text],.fk-siteForm-v .fk-formValidateUpDiv-left-importantStar {
    margin-top: 0
}

.fk-siteForm-v .fk-codeInputWrap,.fk-siteForm-v .fk-uploadComponent .uploadify-button {
    width: 7rem
}

.fk-siteForm-v .fk-codeInputWrap .g_itext[type=text] {
    width: 100%
}

.fk-importantStar {
    line-height: 1.75rem;
    float: right;
    color: red
}

.fk-uploadComponent .fk-importantStar {
    float: right;
    width: .8rem
}

.fk-uploadComponent .uploadify-button {
    color: #8c8c8c
}

.fk-uploadComponent .uploadify-text {
    display: inline-block;
    margin-left: .5rem;
    height: 1.60rem;
    line-height: 1.6rem
}

.fk-uploadComponent .uploadify-button,.fk-checkCodeComponent .g_itext[type=text] {
    box-sizing: border-box;
    width: 4.5rem
}

.fk-checkCodeComponent .g_itext[type=text] {
    width: 6rem
}

.fk-checkCodeComponent {
    font-size: 0
}

.fk-checkCodeComponent-field,.fk-checkCodeComponent-showVal,.fk-importantStar {
    display: inline-block;
    font-size: .7rem
}

.fk-checkCodeComponent-field {
    width: 25%;
    float: left;
    line-height: 1.7rem
}

.fk-checkCodeComponent-showVal {
    width: 75%
}

.fk-siteForm-v .fk-uploadComponent {
    height: 2rem;
    line-height: 2rem
}

.fk-siteForm-v .fk-uploadComponent .fk-importantStar {
    width: auto
}

.fk-siteForm-v .fk-uploadComponent .uploadify-button {
    width: 7rem;
    padding: 0;
    color: #8c8c8c;
    box-sizing: border-box
}

.fk-siteForm-v .fk-uploadComponent .uploadify-text {
    float: left;
    margin: 0 0 0 .5rem;
    width: 38%;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    overflow: hidden
}

.fk-siteForm-v .fk-checkCodeComponent .fk-importantStar,.fk-siteForm-v .fk-uploadComponent .fk-importantStar {
    margin-top: 0
}

.fk-siteForm-v .fk-importantStar {
    float: right;
    line-height: 1.8rem;
    color: red
}

.fk-siteForm-v .fk-checkCodeComponent {
    display: block
}

.fk-siteForm-v .fk-checkCodeComponent .left {
    display: inline-block
}

.fk-siteForm-v .fk-checkCodeComponent .g_itext[type=text] {
    width: 7rem;
    box-sizing: border-box
}

.fk-siteFormTextTip {
    text-align: left;
    color: #333;
    word-wrap: break-word
}

.fk-siteFormTextTipMain {
    padding: 0 10px 0 10px;
    line-height: 1.5rem;
    font-size: .7rem
}

.fk-siteFormTextTipSecond {
    padding: 0 10px 5px 10px;
    line-height: 1rem;
    color: #666;
    font-size: .6rem
}

.fk-siteForm-v .siteFormAddButton {
    width: auto
}

.fk-siteFormItemCheckWrap {
    display: inline-block;
    margin-right: 0;
    padding-left: 1px;
    width: 10rem;
    overflow: hidden
}

.fk-siteFormItemCheckList {
    width: 10.9rem
}

.fk-siteForm-v .fk-siteFormItemCheckWrap {
    width: 13.6rem
}

.fk-siteForm-v .fk-siteFormItemCheckList {
    width: 14.5rem
}

.fk-photoGroupResult {
    overflow: hidden;
    padding: .5rem
}

.fk-photoGroupResult .f-photoGroupItem {
    float: left;
    width: 49%;
    height: 8rem;
    margin-top: 2%
}

.fk-photoGroupResult .f-photoGroupItem .f-photoGroupR-a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    color: #fff;
    font-family: 微软雅黑;
    overflow: hidden;
    z-index: 3;
    box-sizing: border-box;
    text-align: center
}

.fk-photoGroupResult .f-photoGroupR-img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.fk-photoGroupResult .f-photoGroupR-curtain {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

.fk-photoGroupResult .f-photoGroupR-curtainDefault {
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 30%,rgba(0,0,0,1) 83%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 30%,rgba(0,0,0,1) 83%);
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 30%,rgba(0,0,0,1) 83%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 30%,rgba(0,0,0,1) 83%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 30%,rgba(0,0,0,1) 83%);
    height: 1.5rem
}

.fk-photoGroupResult .f-photoGroupR-FontDiv {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.fk-photoGroupResult .f-photoGroupR-title {
    text-align: left;
    width: 62%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    position: absolute;
    left: 2%;
    bottom: 2%;
    z-index: 2;
    font-size: .7rem
}

.fk-photoGroupResult .f-photoGroupR-photoNum {
    text-align: right;
    width: 34%;
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 2;
    font-size: .6rem
}

.fk-photoGroupResult .f-photoGroupItem:nth-child(1) {
    margin-top: 0
}

.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 {
    width: auto;
    display: inline-block
}

.fk-photoListCard {
    font-size: .65rem;
    color: #666
}

.fk-photoListCard .f-cardContainer {
    width: 13.55rem;
    height: 15.25rem;
    padding: 0;
    margin: 1.25rem;
    position: relative;
    list-style: none;
    text-align: center;
    -webkit-perspective: 1000px;
    -webkit-perspective-origin: 50% -50%;
    perspective: 1000px;
    perspective-origin: 50% -50%
}

.fk-photoListCard .f-cardContainer>li {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    -moz-transition: -moz-transform .25s;
    -webkit-transition: -webkit-transform .25s;
    -o-transition: -o-transform .25s;
    transition: transform .25s
}

.fk-photoListCard .f-cardContainer img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    pointer-events: none
}

.fk-photoListCard .f-imgContainer {
    width: 13.5rem;
    height: 11.25rem;
    position: relative;
    overflow: hidden
}

.fk-photoListCard .f-imgContainer span.f-imageMiddle {
    display: none
}

.fk-photoListCard ul.f-cardContainer a {
    color: #666
}

.fk-photoListCard .f-photoDesc {
    max-width: 12rem;
    max-height: 1.7rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin: .75rem;
    text-align: center
}

.fk-photoListCard div.f-photoDescNoWrap {
    white-space: nowrap;
    word-break: break-all
}

.fk-photoListCard .f-showPic_0 {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0,2.5rem,-80px);
    transform: translate3d(0,2.5rem,-80px)
}

.fk-photoListCard .f-showPic_1 {
    z-index: 3;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fk-photoListCard .f-showPic_2 {
    z-index: 2;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate3d(0,1.25rem,-40px);
    transform: translate3d(0,1.25rem,-40px)
}

.fk-photoListCard .f-showPic_3 {
    z-index: 1;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate3d(0,2.5rem,-80px);
    transform: translate3d(0,2.5rem,-80px)
}

.fk-photoListCard .f-cardAnimation_right {
    z-index: 4;
    -webkit-animation: krisnaAccept .5s forwards;
    animation: krisnaAccept .5s forwards
}

@-webkit-keyframes krisnaAccept {
    to {
        -webkit-transform: translate3d(100vw,0,0) rotate3d(0,0,1,5deg);
        transform: translate3d(100vw,0,0) rotate3d(0,0,1,5deg)
    }
}

@keyframes krisnaAccept {
    to {
        -webkit-transform: translate3d(100vw,0,0) rotate3d(0,0,1,5deg);
        transform: translate3d(100vw,0,0) rotate3d(0,0,1,5deg)
    }
}

.fk-photoListCard .f-cardAnimation_left {
    z-index: 4;
    -webkit-animation: krisnaAccept_left .5s forwards;
    animation: krisnaAccept_left .5s forwards
}

@-webkit-keyframes krisnaAccept_left {
    to {
        -webkit-transform: translate3d(-100vw,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-100vw,0,0) rotate3d(0,0,1,-5deg)
    }
}

@keyframes krisnaAccept_left {
    to {
        -webkit-transform: translate3d(-100vw,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-100vw,0,0) rotate3d(0,0,1,-5deg)
    }
}

.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%
    }

    *::-ms-backdrop,.fk-productListImgWrap {
        max-width: 100%
    }
}

.fade-in-for-lazyload {
    -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-mProductList7 .textAlign_center .f-mallCart,.fk-mProductList8 .textAlign_center .f-mallCart,.fk-mProductList32 .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
}

.fk-mProductList31 .mProductTileForm {
    width: 30.5%;
    margin: 0 .2125rem
}

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
}

.fk-unloadForWechatBg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 100
}

.fk-unloadForWechat {
    width: 10.9rem;
    height: 10.9rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,1);
    border-radius: 8px;
    text-align: center;
    overflow: hidden;
    z-index: 101
}

.fk-unloadForWechat .f-crossWrap {
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    overflow: hidden
}

.fk-unloadForWechat .f-cross {
    width: 20px;
    height: 20px;
    background: url(../image/v2/vbg01.png?v=201711250607);
    background-position: -75px -615px;
    transform-origin: left top
}

.fk-unloadForWechat .f-tipImgWrap {
    width: 3.75rem;
    height: 3.15rem;
    margin: 2.35rem auto 1rem;
    overflow: hidden
}

.fk-unloadForWechat .f-tipImg {
    width: 150px;
    height: 126px;
    background: url(../image/v2/vbg01.png?v=201711250607);
    background-position: -47px -655px;
    transform-origin: left top
}

.fk-unloadForWechat p {
    margin: 0 0 .55rem;
    font-size: .75rem;
    line-height: .75rem;
    color: #222;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.captchaHide {
    display: none
}

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

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

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

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

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

.fixedAreaBox .mallNavText span {
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma
}

.fixedAreaBox .icon-navItemIcon:before {
    content: "\eade"
}

.fk-mallNavStyle5 .icon-navItemIcon:before {
    content: "\eadf"
}

.fk-mallNavStyle5 .navItem_15 .icon-navItemIcon:before {
    content: "\eae5"
}

.fk-mallNavStyle7 .mallNavBtnText,.fk-mallNavStyle3 .mallNavBtnText {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    position: relative
}

div.fk-mallNavStyle7 .f-navCheck .mallNavBtnText,div.fk-mallNavStyle7 .mallNavBtnText,div.fk-mallNavStyle3 .mallNavBtnText {
    color: #666
}

div.fk-mallNavStyle7>.mallNavBtn .icon-navItemIcon,div.fk-mallNavStyle3>.mallNavBtn .icon-navItemIcon {
    display: inline-block;
    height: 1.15rem;
    width: 1.15rem
}

.fk-mallNavStyle7>.mallNavBtn:nth-child(1),.fk-mallNavStyle3>.mallNavBtn:nth-child(1) {
    width: 3.05rem;
    position: absolute;
    left: 0;
    top: 0
}

.fk-mallNavStyle7>.mallNavBtn:nth-child(1) .mallNavText,.fk-mallNavStyle3>.mallNavBtn:nth-child(1) .mallNavText {
    display: none
}

.fk-mallNavStyle7 .mallNavTextWrap,.fk-mallNavStyle3 .mallNavTextWrap {
    overflow: hidden;
    padding-left: 3.05rem
}

.fk-mallNavStyle7 .icon-navItemIcon,.fk-mallNavStyle3 .icon-navItemIcon {
    font-size: 1.15rem;
    vertical-align: middle
}

.fixedAreaBox2000_8 .fk-mallNavStyle3 .f-navCheck .icon-navItemIcon {
    color: #000
}

.fixedAreaBox2000_8 .fixedAreaBox .f-navCheck .mallNavBtnText {
    color: #000
}

div.fk-mallNavStyle7 .f-navCheck .icon-navItemIcon {
    color: #494949
}

div.fk-mallNavStyle4 .mallNavBtnText {
    color: #929292
}

div.fk-mallNavStyle4 .mallNavText {
    font-size: .45rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap
}

div.fk-mallNavStyle4 .mallNavBtnText {
    border: 0;
    position: relative;
    color:
}

div.fk-mallNavStyle4 .mallNavBtn .icon-navItemIcon {
    display: block;
    width: 100%;
    height: .9rem;
    position: absolute;
    top: .4rem;
    left: 0
}

.fk-mallNavStyle4 .icon-navItemIcon {
    color: #929292
}

.fk-mallNavStyle4 .mallNavText {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: .35rem;
    line-height: normal
}

.fixedAreaBox2000_8 .fk-mallNavStyle4 .f-navCheck .icon-navItemIcon {
    color: #000
}

.fixedAreaBox2000_8 .fk-mallNavStyle4 .f-navCheck .mallNavBtnText {
    color: #000
}

div.fixedAreaBox .fk-mallNavStyle5 {
    border-top: 0
}

div.fk-mallNavStyle5 .mallNavBtn .icon-navItemIcon {
    display: inline-block;
    height: 1rem;
    width: 100%;
    opacity: .5
}

div.fk-mallNavStyle5 .f-navCheck .icon-navItemIcon {
    display: block;
    opacity: 1
}

div.fk-mallNavStyle5 .mallNavBtnText {
    border: 0;
    font-size: 1rem
}

div.fk-mallNavStyle5 .mallNavText {
    font-size: .45rem;
    display: none;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap
}

div.fk-mallNavStyle5 .mallNavBtnText {
    color: #fff
}

div.fixedAreaBox .fk-mallNavStyle5 .icon-navItemIcon {
    color: #fff
}

div.fk-mallNavStyle5 .f-navCheck .mallNavBtnText {
    height: 1.75rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff
}

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: "\eacf"
}

.fk-mallNavStyle5 .navItem_12 .icon-navItemIcon:before {
    content: "\eac9"
}

.fk-mallNavStyle5 .navItem_13 .icon-navItemIcon:before {
    content: "\eac5"
}

.fk-mallNavStyle5 .navItem_23 .icon-navItemIcon:before {
    content: "\eacc"
}

.fk-mallNavStyle5 .mallNavBtn {
    position: relative
}

.fk-mallNavStyle5 .f-navCheck .mallNavText {
    display: block;
    padding-top: .1rem;
    line-height: normal;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.fk-mallNavStyle5 .f-navCheck .isNavChck {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.fk-mallNavStyle5 .clickAnimate {
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    top: -2%;
    margin: auto;
    margin-left: -1.25rem;
    left: 50%;
    color: #fff;
    border-radius: 100%;
    background: #fff;
    opacity: .2;
    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s
}

div.fixedAreaBox .fk-mallNavStyle6 {
    border-top: 0
}

div.fk-mallNavStyle6 .mallNavBtn .icon-mallNavBtnText {
    display: inline-block;
    width: 100%;
    height: 1.2rem
}

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: 0;
    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
}

div.fixedAreaBox .fk-mallNavStyle6 {
    overflow: visible
}

div.fk-mallNavStyle6 .bigCircle .icon-navItemIcon {
    color: #fff
}

div.fk-mallNavStyle6 .f-navCheck .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 {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: -0.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: .225rem solid #1d262f;
    border-radius: 2rem
}

.fixedAreaBox .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}

@-moz-keyframes footerAnimateShow {
    from {
        -moz-transform: translateX(1rem) scale(0)
    }

    to {
        -moz-transform: translateX(0) scale(1)
    }
}

@-webkit-keyframes footerAnimateShow {
    from {
        -webkit-transform: translateX(1rem) scale(0)
    }

    to {
        -webkit-transform: translateX(0) scale(1)
    }
}

@-o-keyframes footerAnimateShow {
    from {
        -o-transform: translateX(1rem) scale(0)
    }

    to {
        -o-transform: translateX(0) scale(1)
    }
}

@keyframes footerAnimateShow {
    from {
        -ms-transform: translateX(1rem) scale(0);
        -moz-transform: translateX(1rem) scale(0);
        -webkit-transform: translateX(1rem) scale(0);
        -o-transform: translateX(1rem) scale(0);
        transform: translateX(1rem) scale(0)
    }

    to {
        -ms-transform: translateX(0) scale(1);
        -moz-transform: translateX(0) scale(1);
        -webkit-transform: translateX(0) scale(1);
        -o-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }
}

#fixedAreaBox .mallTextAnimate {
    -webkit-animation: footerAnimateShow .2s linear forwards;
    animation: footerAnimateShow .2s linear forwards
}

@-webkit-keyframes iconAnimateShow {
    from {
        -webkit-transform: translateX(0.2rem)
    }

    to {
        -webkit-transform: translateX(0))
    }
}

@-o-keyframes iconAnimateShow {
    from {
        -o-transform: translateX(0.2rem)
    }

    to {
        -o-transform: translateX(0))
    }
}

@-moz-keyframes iconAnimateShow {
    from {
        -moz-transform: translateX(0.2rem)
    }

    to {
        -moz-transform: translateX(0))
    }
}

@keyframes iconAnimateShow {
    from {
        -webkit-transform: translateX(0.2rem);
        -o-transform: translateX(0.2rem);
        -moz-transform: translateX(0.2rem);
        -ms-transform: translateX(0.2rem);
        transform: translateX(0.2rem)
    }

    to {
        -webkit-transform: translateX(0));
        -o-transform: translateX(0));
        -moz-transform: translateX(0));
        -ms-transform: translateX(0));
        transform: translateX(0))
    }
}

#fixedAreaBox .iconAnimate {
    -webkit-animation: iconAnimateShow .2s linear;
    animation: iconAnimateShow .2s linear
}

.nav_sub_menu_wrap2 {
    max-width: 5.2rem;
    min-width: 2.5rem;
    position: absolute;
    margin-bottom: .3rem;
    padding: 0 .6rem;
    font-size: .6rem;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fff;
    text-align: center
}

.nav_sub_menu_wrap2 .nav_sub_menu_item {
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid #e6e6e6;
    color: #666
}

.nav_sub_menu_item:first-child {
    border: 0
}

.nav_sub_menu_triangle {
    position: absolute;
    width: .375rem;
    height: .175rem
}

.nav_sub_menu_triangle:before {
    content: "";
    position: absolute;
    bottom: -0.6rem;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: .3rem solid transparent;
    border-right-width: .3rem;
    border-left-width: .3rem;
    border-top-color: #ccc
}

.nav_sub_menu_triangle:after {
    content: "";
    position: absolute;
    bottom: -0.58rem;
    left: .02rem;
    top: 0;
    width: 0;
    height: 0;
    border: .29rem solid transparent;
    border-right-width: .29rem;
    border-left-width: .29rem;
    border-top-color: #fff
}

.nav_style5_color1 .nav_sub_menu_wrap2 {
    background-color: #f23030
}

.nav_style5_color2 .nav_sub_menu_wrap2 {
    background-color: #ff478d
}

.nav_style5_color3 .nav_sub_menu_wrap2 {
    background-color: #ff7214
}

.nav_style5_color4 .nav_sub_menu_wrap2 {
    background-color: #fcc601
}

.nav_style5_color5 .nav_sub_menu_wrap2 {
    background-color: #42bd56
}

.nav_style5_color6 .nav_sub_menu_wrap2 {
    background-color: #06c1ae
}

.nav_style5_color7 .nav_sub_menu_wrap2 {
    background-color: #3285ff
}

.nav_style5_color8 .nav_sub_menu_wrap2 {
    background-color: #6e41c9
}

.nav_style5_color9 .nav_sub_menu_wrap2 {
    background-color: #4c4c4c
}

.nav_style5_color1 .nav_sub_menu_triangle:after {
    border-top-color: #f23030
}

.nav_style5_color2 .nav_sub_menu_triangle:after {
    border-top-color: #ff478d
}

.nav_style5_color3 .nav_sub_menu_triangle:after {
    border-top-color: #ff7214
}

.nav_style5_color4 .nav_sub_menu_triangle:after {
    border-top-color: #fcc601
}

.nav_style5_color5 .nav_sub_menu_triangle:after {
    border-top-color: #42bd56
}

.nav_style5_color6 .nav_sub_menu_triangle:after {
    border-top-color: #06c1ae
}

.nav_style5_color7 .nav_sub_menu_triangle:after {
    border-top-color: #3285ff
}

.nav_style5_color8 .nav_sub_menu_triangle:after {
    border-top-color: #6e41c9
}

.nav_style5_color9 .nav_sub_menu_triangle:after {
    border-top-color: #4c4c4c
}

.nav_style5 .nav_sub_menu_item {
    border-top-color: rgba(240,240,240,0.3)
}

.nav_style6 .nav_sub_menu_item {
    border-top-color: rgba(240,240,240,0.2)
}

.fixedAreaBox2001_1 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff8400
}

.fixedAreaBox2001_2 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fe444d
}

.fixedAreaBox2001_3 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fd5294
}

.fixedAreaBox2001_4 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fcc601
}

.fixedAreaBox2001_5 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #42bd56
}

.fixedAreaBox2001_6 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #3285ff
}

.fixedAreaBox2001_7 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #caa34d
}

.fixedAreaBox2001_8 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #02b6cd
}

.fixedAreaBox2001_9 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #1d2024
}

.fixedAreaBox2001_1 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff8400
}

.fixedAreaBox2001_2 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fe444d
}

.fixedAreaBox2001_3 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fd5294
}

.fixedAreaBox2001_4 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fcc601
}

.fixedAreaBox2001_5 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #42bd56
}

.fixedAreaBox2001_6 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #3285ff
}

.fixedAreaBox2001_7 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #caa34d
}

.fixedAreaBox2001_8 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #02b6cd
}

.fixedAreaBox2001_9 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #1d2024
}

.fixedAreaBox2000_1 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff4445
}

.fixedAreaBox2000_2 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff8854
}

.fixedAreaBox2000_3 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #ff557c
}

.fixedAreaBox2000_4 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #fcc601
}

.fixedAreaBox2000_5 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #09ba07
}

.fixedAreaBox2000_6 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #4bb344
}

.fixedAreaBox2000_7 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #66c4aa
}

.fixedAreaBox2000_8 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #555
}

.fixedAreaBox2000_9 .nav_style5 .nav_sub_menu_wrap2 {
    background-color: #1d262f
}

.fixedAreaBox2000_1 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff4445
}

.fixedAreaBox2000_2 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff8854
}

.fixedAreaBox2000_3 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #ff557c
}

.fixedAreaBox2000_4 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #fcc601
}

.fixedAreaBox2000_5 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #09ba07
}

.fixedAreaBox2000_6 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #4bb344
}

.fixedAreaBox2000_7 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #66c4aa
}

.fixedAreaBox2000_8 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #555
}

.fixedAreaBox2000_9 .nav_style5 .nav_sub_menu_triangle:after {
    border-top-color: #1d262f
}

.fixedAreaBox .nav_style6 .nav_sub_menu_wrap2 {
    background-color: #1d262f
}

.fixedAreaBox .nav_style6 .nav_sub_menu_triangle:after {
    border-top-color: #1d262f
}

.fixedAreaBox .nav_style5 .nav_sub_menu_item,.fixedAreaBox .nav_style6 .nav_sub_menu_item {
    color: #fff
}

.fixedAreaBox .nav_style5 .nav_sub_menu_wrap2,.fixedAreaBox .nav_style6 .nav_sub_menu_wrap2 {
    border: 0
}

.fixedAreaBox .nav_style5 .nav_sub_menu_triangle:before,.fixedAreaBox .nav_style6 .nav_sub_menu_triangle:before {
    display: none
}

.fixedAreaBox .icon-subMenuIcon:before {
    content: "\b0234";
    vertical-align: middle;
    font-size: .7rem;
    position: absolute;
    top: .1rem;
    color: #ccc;
    left: 50%;
    margin-left: -0.35rem
}

.jz_subMenuSeoGhost {
    display: none
}

.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%);
    -o-transform: translateY(-38%);
    -moz-transform: translateY(-38%);
    -ms-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;
    -ms-transition: unset;
    -moz-transition: unset;
    transition: unset
}

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

.jz_subMenu_fold .navbarList div.subMenuOpen:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-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;
    -ms-transition: all .4s;
    -moz-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%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.jz_subMenu_fold2 .navbarList div.subMenuOpen:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-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: -0.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;
    -ms-transition: unset;
    -moz-transition: unset;
    transition: unset
}

.nav_sub_layout_bubble .nav_offical_sub_menu_wrap2,.nav_sub_layout_dragDown .nav_offical_sub_menu_wrap2 {
    margin-top: -0.9rem
}

.nav_sub_layout_bubble,.nav_sub_layout_dragDown {
    position: absolute;
    margin-top: .55rem;
    padding: .75rem;
    background-color: #fff;
    border-radius: .2rem;
    box-shadow: 0 0 .75rem 0 rgba(0,0,0,0.10);
    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: -0.48rem;
    left: 50%;
    margin-left: -0.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,0.05)
}

.nav_sub_layout_bubble_horizon .nav_offical_sub_menu_wrap2 {
    margin-top: -0.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: -0.3rem;
    right: -1.048780487804878rem;
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-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);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-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 {
    margin-left: .28rem;
    float: none;
    margin-bottom: 1.25rem;
    text-align: left;
    padding-left: 1.1rem;
    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 {
    transition: margin 0s
}

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

.jz_subMenu_panel .icon-parentMenu {
    display: none
}

.jz_subMenu_panel .parent_menu {
    margin-left: 0
}

.jz_subMenu_panel .nav_offical_sub_menu_wrap2 div.parent_menu a {
    display: table;
    font-size: 0
}

.jz_subMenu_panel .parent_menu .navItemName {
    display: table-cell;
    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: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.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,0.18)
}

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

.jz_subMenu_panel2 .nav_sub_layout_panel2 a {
    width: 100%;
    color: rgba(255,255,255,0.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: normal;
    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;
    -ms-transition: margin 0s;
    -moz-transition: margin 0s;
    transition: margin 0s
}

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

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

.jz_subMenu_panel2 .parent_menu a {
    color: rgba(255,255,255,0.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,0.65)
}

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

.jz_subMenu_panel2 .parent_menu .icon-parentMenu {
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-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: 0
}

.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: normal;
    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: -0.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 {
    transition-delay: 0ms
}

.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: normal;
    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: -0.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 {
    transition-delay: 0ms
}

.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_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: -0.048780487804878rem
}

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

.jz_subMenu_1013.navbarList {
    overflow-x: hidden
}

.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: -0.048780487804878rem
}

.jz_subMenu_1013.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open>div {
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-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: -0.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: 0rem
}

.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%);
    -o-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-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: 0
}

.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: -0.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: 0rem
}

.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%);
    -o-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-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
}

.g_web .jz_subMenu_panel.jz_subMenu_1028 .jz_navbar_sub_menu_open>div {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    -o-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
    -ms-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%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-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
}

.g_web .jz_subMenu_panel.jz_subMenu_1000 .jz_navbar_sub_menu_open>div {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    -o-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
    -ms-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%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-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%);
    -o-transform: rotate(90deg) translateY(50%);
    -moz-transform: rotate(90deg) translateY(50%);
    -ms-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%);
    -o-transform: rotate(90deg) translateY(50%);
    -moz-transform: rotate(90deg) translateY(50%);
    -ms-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%);
    -o-transform: rotate(90deg) translateY(50%);
    -moz-transform: rotate(90deg) translateY(50%);
    -ms-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%);
    -o-transform: rotate(90deg) translateY(50%);
    -moz-transform: rotate(90deg) translateY(50%);
    -ms-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%);
    -o-transform: rotate(90deg) translateY(50%);
    -moz-transform: rotate(90deg) translateY(50%);
    -ms-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%);
    -o-transform: rotate(90deg) translateY(50%);
    -moz-transform: rotate(90deg) translateY(50%);
    -ms-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,0.5)
}

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

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

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

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

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

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

#g_web .jz_subMenu_322.jz_subMenu_fold .g_mainColor {
    color: rgba(255,255,255,0.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
}

.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%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    opacity: 1;
    -webkit-transition: left .4s;
    -ms-transition: left .4s;
    -moz-transition: left .4s;
    transition: left .4s;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-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%);
    -o-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-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;
    -ms-transition: top .4s;
    -moz-transition: top .4s;
    transition: top .4s;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-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
    }
}

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

    100% {
        top: 0
    }
}

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

    100% {
        top: 0
    }
}

@-ms-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
    }
}

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

    100% {
        left: 0
    }
}

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

    100% {
        left: 0
    }
}

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

    100% {
        left: 0
    }
}

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

    100% {
        left: 0
    }
}

.fk-formTab {
    overflow: hidden
}

.fk-formTab .f-formTabModuleContent {
    height: 2rem;
    overflow: hidden
}

.fk-formTab .f-formTabButtonWrap {
    width: 100%;
    height: 150%;
    overflow-y: hidden;
    overflow-x: auto;
    position: relative
}

.fk-formTab .wrapOpen .f-formTabButtonWrap {
    height: auto
}

.fk-formTab .f-formTabButton {
    height: 1.95rem;
    float: left;
    padding: 0 .55rem
}

.fk-formTab .f-formTabButtonList {
    width: 500%;
    line-height: 2rem;
    font-size: .65rem;
    color: #666;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: left .4s;
    -ms-transition: left .4s;
    -moz-transition: left .4s;
    transition: left .4s
}

.fk-formTab .wrapOpen .f-formTabButtonList {
    height: auto;
    width: 100%
}

.fk-formTab .f-formTabMiddle {
    cursor: default;
    max-width: 14rem;
    max-height: 1.95rem;
    word-break: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fk-formTab .f-formTabContent {
    display: none
}

.fk-formTab .formTabCntIdClick {
    display: block
}

.fk-formTab .formBannerTitle {
    display: none
}

.fk-formTab .f-formTabContentList {
    position: relative
}

.fk-formTab .f-preBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: .75rem;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    line-height: 2rem
}

.fk-formTab .f-nextBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: .75rem;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    line-height: 2rem
}

.fk-formTab .f-preBtn:before {
    content: "\e60e";
    vertical-align: middle;
    color: #fff;
    font-size: .75rem
}

.fk-formTab .f-nextBtn:before {
    content: "\e672";
    vertical-align: middle;
    color: #fff;
    font-size: .75rem
}

.fk-formTab .form {
    border: 0;
    margin: 0;
    padding: 0
}

.fk-formTab .form .formBannerMore {
    display: none
}

.fk-formTab .f-hideTabModule {
    width: 100%;
    position: absolute;
    top: 0;
    left: 150%
}

.fk-formTab .disable {
    pointer-events: none
}

#g_body .f-formTabButtonList {
    color: #666
}

.fk-tabStyle1 .f-formTabModuleContent {
    height: 2.5rem;
    border: 0
}

.fk-tabStyle1 .f-formTabModuleContent.wrapOpen,.fk-tabStyle2 .f-formTabModuleContent.wrapOpen {
    height: auto
}

.fk-tabStyle1 .f-formTabButtonList {
    height: 2.5rem;
    line-height: 2.5rem
}

.fk-tabStyle1 .f-formTabButton {
    height: auto;
    border: 0;
    padding: 0 .15rem
}

.fk-tabStyle1 .f-formTabMiddle {
    height: 1.5rem;
    line-height: 1.5rem;
    margin: .5rem 0;
    padding: 0 .8rem;
    text-align: center
}

.fk-tabStyle1 .formTabButtonClick .f-formTabMiddle {
    padding: 0 .8rem;
    background-color: #f23030;
    border-radius: .75rem;
    color: #fff
}

.fk-tabStyle1 .f-preBtn,.fk-tabStyle1 .f-nextBtn {
    line-height: 2.5rem
}

.fk-tabStyle1 .formTabButtonClick .f-formTabMiddle {
    background-color: #333
}

.fk-tabStyle2 .formTabButtonClick {
    border-bottom: .05rem solid #333;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

@media only screen and (min-width: 1280px) {
    .g_web {
        max-width:512px
    }

    div.fixedAreaBox {
        max-width: 512px
    }

    .webBackgroundFix {
        max-width: 512px
    }

    .webTop {
        max-width: 512px
    }

    .webHeader {
        max-width: 512px
    }

    .webHeaderBox {
        max-width: 512px
    }

    .scroll_fix {
        max-width: 512px
    }

    .headerScroll_fix {
        max-width: 512px
    }

    .webTips .mobitips {
        max-width: 512px
    }

    .webTips .mobiScrollbar {
        max-width: 512px
    }

    .g_web .loading {
        max-width: 512px
    }

    .searchWindow {
        max-width: 512px
    }

    .navExistOffPanel {
        max-width: 512px
    }

    .shareCoverImg {
        max-width: 512px
    }

    .shareCoverContent {
        max-width: 512px
    }

    .webCustomerServiceBox .customerServiceDiv {
        max-width: 512px
    }

    .fk-webMapServiceBox {
        max-width: 512px
    }

    .photoListDetailShow {
        max-width: 512px
    }

    .photoListDetailLoadingDom {
        max-width: 512px
    }

    .webFooterBox .mobiCalendarPlugins {
        max-width: 512px
    }

    .mallCart .bottom {
        max-width: 512px
    }

    .fk-coupon-opera {
        max-width: 512px
    }

    .orderSettle .order_bottom {
        max-width: 512px
    }

    .orderDetail .orderDetail_line .fixedInBottom {
        max-width: 512px
    }

    .order-ext-panel {
        max-width: 512px
    }

    .fullScreenDiv {
        max-width: 512px
    }

    .voteResultDiv {
        max-width: 512px
    }

    .productDetailHeader {
        max-width: 512px
    }

    .tabUl {
        max-width: 512px
    }

    .productMallShop {
        max-width: 512px
    }

    .webPagePanel .userCommentPanel {
        max-width: 512px
    }

    .userCommentPanel .userCommentHead {
        max-width: 512px
    }

    .webPagePanel {
        max-width: 512px
    }

    .webPagePanelBg {
        max-width: 512px
    }

    .webPagePanel .webPagePanelShow,.webPagePanelShow {
        max-width: 512px
    }

    .newsBottom {
        max-width: 512px
    }

    .tablesDiv {
        max-width: 512px
    }

    .phoneFullBg {
        max-width: 512px
    }

    .qqFullBg {
        max-width: 512px
    }

    #addrInfoList .addAddrInfo {
        max-width: 512px
    }

    #addrInfoList .orderAddAddrInfo {
        max-width: 512px
    }

    #editAddrInfo .saveAddrInfo {
        max-width: 512px
    }

    #editAddrInfo .orderSaveAddrInfo {
        max-width: 512px
    }

    .popupWXQrCode {
        max-width: 512px
    }

    .photoGroupDetailPanel .photoGroupDetailHeader {
        max-width: 512px
    }

    .remarkDatail .leaveMsgDiv {
        max-width: 512px
    }

    .g_web .webBackground {
        max-width: 512px
    }

    .g_web .navbar {
        max-width: 512px
    }

    .g_web .fixedAreaBox {
        max-width: 512px
    }

    .g_web .serviceListPanel,body .serviceListPanel {
        max-width: 512px
    }

    .g_web .mobiCol16 .fixedInBottom {
        max-width: 512px
    }

    .g_web .mobiCol3 .webBackground {
        max-width: 512px
    }

    .wxPublicAttentionService {
        max-width: 512px
    }
}

.f-packContentList {
    position: relative;
    overflow: hidden;
    height: 9.75rem
}

.fk-editor {
    position: relative;
    left: 0;
    top: 0;
    width: 180px;
    height: 30px;
    margin: 0;
    word-wrap: break-word;
    word-break: break-all;
    clear: both;
    overflow: hidden;
    font-size: .7rem;
    color: #666;
    font-family: "微软雅黑"
}

.form .fk-editor.fk-editor-vertical-rl {
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    height: 100%;
    word-break: break-all;
    width: auto;
    max-width: 1000px;
    min-width: 40px;
    min-height: 10px
}

.webContainerBox .formStyle52.form,.webContainerBox .formStyle52.form .formMiddle {
    background: 0;
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0
}

.webContainerBox .formStyle53.form,.webContainerBox .formStyle54.form {
    margin: 0
}

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

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

.formStyle52 .formBannerTitle {
    display: none!important
}

.fk-editor-break-word {
    word-break: normal
}

ins#newBridge {
    display: none
}

ins#nb_invite_wrap {
    z-index: 1
}

.navbarList-horizontalLayout {
    width: 1024px
}

.formStyle53.form {
    width: 4.39024rem;
    height: 4.39024rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: 0;
    overflow: visible;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.formStyle53.form .formMiddle {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0
}

.formStyle53.form .formMiddle .middleCenter {
    height: 100%
}

.formStyle53.form .formMiddle .formMiddleContent {
    height: 100%
}

.formStyle53.form .formMiddle .fk-floatImgContainer {
    height: 100%
}

.formStyle53 .formMiddle .formMiddleContent {
    overflow: visible;
    overflow-y: visible;
    background: 0
}

.formStyle53 img {
    max-width: none;
    max-height: none
}

.formStyle53 .floatImgWrap {
    overflow: hidden;
    height: 100%
}

.formStyle53 .float_img_default {
    width: 3.8814rem;
    height: 3.8814rem;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle
}

.formStyle53 .f-fonticon {
    text-align: center
}

.form.formStyle54 {
    padding: 0;
    background: 0;
    overflow: visible;
    box-shadow: none
}

.form.formStyle54 .formMiddle {
    overflow: visible;
    background: 0
}

.form .floatBtnBox .middle {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form .floatBtnStyle .middle {
    width: 5.853658536585366rem;
    height: 1.951219512195122rem;
    line-height: 2.048780487804878rem;
    color: #fff;
    display: block;
    outline: 0
}

.form .floatBtnStyle0 .middle {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.form .floatBtnStyle1 .middle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form .floatBtnStyle2 .middle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-width: 1px;
    border-style: solid
}

.form .floatBtnStyle3 .middle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2)
}

.form .floatBtnStyle4 .middle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1.5px 5px -1px #fff inset;
    border-width: 1px;
    border-style: solid
}

.forFastLogin {
    display: none
}

.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
}

.wxPublicAttentionService .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.wxPublicAttentionService .tip {
    position: absolute;
    color: #f5f5f5;
    font-size: .54rem;
    top: .52rem;
    left: 2.4rem;
    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;
    left: 11.45rem;
    top: .41rem;
    cursor: pointer
}

.wxPublicAttentionService .close {
    position: absolute;
    color: #fff;
    left: 14.6rem;
    top: .4rem;
    font-size: 1.05rem;
    cursor: pointer;
    z-index: 1
}

.wxPublicAttentionService .clickContent {
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2
}

.wxTopTip {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0rem;
    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
}

.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
}

.moduleHttpTip {
    padding: 10px 0;
    font-size: 13px;
    color: red
}

.orderPropUtil {
    color: #999;
    line-height: 2.25rem;
    margin-right: .42rem;
    font-size: .6rem
}

.orderPropTimeEndInput {
    font-size: .6rem;
    border: 0;
    margin: 0;
    background-color: #fff;
    text-indent: .5rem;
    color: #555;
    width: 6rem;
    position: relative;
    top: .55rem
}

.fk_groupBuyList {
    width: calc(100% - 1.2rem);
    padding: 0 .6rem;
    padding-top: .6rem
}

.fk_groupBuyList .pdItem {
    cursor: pointer;
    vertical-align: top
}

.groupBuyListStyle1 .pdItem {
    width: 47.5%;
    height: 10.7rem;
    display: inline-block;
    position: relative;
    margin-bottom: .6rem
}

.groupBuyListStyle1 .pdItem:nth-child(odd) {
    margin-right: 4.5%
}

.groupBuyListStyle1 .pdItem .pdImg {
    width: 7.05rem;
    height: 7.05rem;
    margin-bottom: .62rem;
    object-fit: cover;
    border: 1px solid #f1f1f1
}

.groupBuyListStyle1 .pdItem .pdInfo .pdName {
    font-size: .6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    height: 1.7rem
}

.groupBuyListStyle1 .pdItem .pdInfo .priceAndNum {
    position: absolute;
    left: 0;
    bottom: 0
}

.groupBuyListStyle1 .pdItem .pdInfo .priceAndNum .price {
    font-size: .6rem;
    line-height: .6rem;
    width: 4.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -0.1rem
}

.groupBuyListStyle1 .pdItem .pdInfo .priceAndNum .num {
    font-size: .45rem;
    line-height: .45rem;
    color: #999;
    width: 4.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .1rem
}

.groupBuyListStyle1 .pdItem .pdInfo .ptBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    height: .95rem;
    line-height: .95rem;
    text-align: center;
    border-radius: .1rem;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
    padding: 0 .27rem
}

.groupBuyListStyle1 .pdItem .pdInfo .ptBtn.greyBtn {
    background: #c1c1c1
}

.groupBuyListStyle2 .pdItem {
    width: 100%;
    height: 4.575rem;
    display: inline-block;
    position: relative;
    margin-bottom: .325rem
}

.groupBuyListStyle2 .pdItem .pdImg {
    width: 4.3rem;
    height: 4.3rem;
    display: inline-block;
    object-fit: cover;
    border: 1px solid #f1f1f1
}

.groupBuyListStyle2 .pdItem .pdInfo {
    width: calc(100% - 5.3rem);
    height: 4.575rem;
    margin-left: .7rem;
    display: inline-block;
    border-bottom: 1px solid #f0f0f0;
    position: relative
}

.groupBuyListStyle2 .pdItem .pdInfo .pdName {
    font-size: .6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    width: 100%;
    height: 1.7rem
}

.groupBuyListStyle2 .pdItem .pdInfo .priceAndNum {
    position: absolute;
    left: 0;
    bottom: .625rem;
    height: .95rem;
    line-height: .95rem
}

.groupBuyListStyle2 .pdItem .pdInfo .priceAndNum .price {
    font-size: .6rem;
    line-height: .6rem;
    max-width: 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -0.1rem;
    display: inline-block;
    margin-right: .2rem
}

.groupBuyListStyle2 .pdItem .pdInfo .priceAndNum .num {
    font-size: .45rem;
    line-height: .45rem;
    color: #999;
    max-width: 3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.groupBuyListStyle2 .pdItem .pdInfo .ptBtn {
    position: absolute;
    right: 0;
    bottom: .625rem;
    height: .95rem;
    line-height: .95rem;
    text-align: center;
    border-radius: .1rem;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
    padding: 0 .27rem
}

.groupBuyListStyle2 .pdItem .pdInfo .ptBtn.greyBtn {
    background: #c1c1c1
}

.groupBuyListStyle3 .pdItem {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: .75rem;
    border-bottom: 1px solid #f0f0f0
}

.groupBuyListStyle3 .pdItem .pdImg {
    width: 100%;
    height: 7.5rem;
    margin-bottom: .6rem;
    object-fit: cover;
    border: 1px solid #f1f1f1
}

.groupBuyListStyle3 .pdItem .pdInfo .pdName {
    height: 1.6rem;
    font-size: .6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    width: 100%;
    height: 1.7rem
}

.groupBuyListStyle3 .pdItem .pdInfo .priceAndNum {
    margin-top: .4rem;
    height: .95rem;
    line-height: .95rem;
    display: inline-block;
    margin-bottom: .6rem
}

.groupBuyListStyle3 .pdItem .pdInfo .priceAndNum .price {
    font-size: .6rem;
    line-height: .6rem;
    max-width: 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -0.1rem;
    display: inline-block;
    margin-right: .2rem
}

.groupBuyListStyle3 .pdItem .pdInfo .priceAndNum .num {
    font-size: .45rem;
    line-height: .45rem;
    color: #999;
    max-width: 3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.groupBuyListStyle3 .pdItem .pdInfo .ptBtn {
    margin-top: .5rem;
    height: .95rem;
    line-height: .95rem;
    text-align: center;
    border-radius: .1rem;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
    float: right;
    padding: 0 .27rem
}

.groupBuyListStyle3 .pdItem .pdInfo .ptBtn.greyBtn {
    background: #c1c1c1
}

.fk-groupBuyDetail .gbHeader {
    position: relative
}

.fk-groupBuyDetail .gbHeader .gbBack {
    display: inline-block;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-right: .3rem;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer
}

.fk-groupBuyDetail .gbHeader .hName {
    display: inline-block;
    height: 2.25rem;
    line-height: 2.25rem;
    vertical-align: top;
    font-size: .6rem;
    color: #fff;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.fk-groupBuyDetail .gbHeader .gbShare {
    position: absolute;
    right: .75rem;
    top: 0;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-right: .3rem;
    font-size: 1.1rem;
    color: #fff;
    margin: 0;
    cursor: pointer
}

.fk-groupBuyDetail .pdBox {
    height: 4.375rem;
    background: #fff;
    padding: .6rem;
    display: block
}

.fk-groupBuyDetail .pdBox .pdImg {
    height: 4rem;
    width: 4rem;
    display: inline-block;
    margin-right: .6rem
}

.fk-groupBuyDetail .pdBox .pdInfo {
    height: 4rem;
    width: 10.2rem;
    display: inline-block;
    position: relative
}

.fk-groupBuyDetail .pdBox .pdInfo .pdName {
    font-size: .6rem;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    width: 100%;
    height: 1.66rem
}

.fk-groupBuyDetail .pdBox .pdInfo .groupNum {
    font-size: .45rem;
    color: #999;
    display: inline-block;
    margin-top: .55rem
}

.fk-groupBuyDetail .pdBox .pdInfo .groupBuyNum {
    font-size: .45rem;
    color: #999;
    display: inline-block;
    margin-top: .55rem;
    margin-left: .2rem
}

.fk-groupBuyDetail .pdBox .pdInfo .priceBox {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: .7rem
}

.fk-groupBuyDetail .pdBox .pdInfo .priceBox .groupPrice {
    display: inline-block;
    font-size: .7rem;
    line-height: .7rem
}

.fk-groupBuyDetail .pdBox .pdInfo .priceBox .oldPrice {
    display: inline-block;
    font-size: .45rem;
    color: #999;
    text-decoration: line-through;
    margin-left: .2rem;
    line-height: .45rem
}

.fk-groupBuyDetail .contentBox {
    background: #fff;
    padding: 1.2rem 0 1.3rem 0;
    border-top: .4rem solid #f4f4f4
}

.fk-groupBuyDetail .contentBox .memberList {
    text-align: center;
    min-height: 2.1rem
}

.fk-groupBuyDetail .contentBox .memberList .memberItem {
    border-radius: 3rem;
    width: 2.1rem;
    height: 2.1rem;
    margin-left: .5rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: .2rem
}

.fk-groupBuyDetail .contentBox .memberList .memberItem.emptyItem {
    width: 2rem;
    height: 2rem;
    border: .0285rem dashed #cbcbcb;
    line-height: 2rem;
    text-align: center;
    font-size: 1.2rem;
    color: #cbcbcb
}

.fk-groupBuyDetail .contentBox .memberList .memberItem .memberImg {
    border-radius: 3rem;
    width: 2.1rem;
    height: 2.1rem
}

.fk-groupBuyDetail .contentBox .memberList .memberItem .tzSign {
    border-radius: .3rem;
    width: 1.1rem;
    height: .65rem;
    position: absolute;
    left: -0.2rem;
    top: 0;
    color: #fff;
    font-size: .4rem;
    line-height: .65rem;
    text-align: center;
    white-space: nowrap
}

.fk-groupBuyDetail .contentBox .tips {
    text-align: center;
    width: 100%;
    font-size: .6rem;
    color: #333;
    margin-top: .75rem
}

.fk-groupBuyDetail .contentBox .successTips {
    text-align: center;
    width: 100%;
    font-size: .6rem;
    color: #77bc51;
    margin-top: .75rem
}

.fk-groupBuyDetail .contentBox .failTips {
    text-align: center;
    width: 100%;
    font-size: .6rem;
    color: #ff4f49;
    margin-top: .55rem
}

.fk-groupBuyDetail .contentBox .failTips .errIcon {
    display: inline-block;
    vertical-align: middle;
    font-size: .8rem;
    margin-right: .3rem
}

.fk-groupBuyDetail .contentBox .btn {
    display: block;
    width: 10rem;
    height: 1.75rem;
    border-radius: .1rem;
    color: #fff;
    line-height: 1.75rem;
    text-align: center;
    margin-top: .9rem;
    margin-left: 3rem;
    font-size: .6rem;
    cursor: pointer
}

.fk-groupBuyDetail .tipsBox {
    height: 6.05rem;
    background: #fff;
    border-top: .4rem solid #f4f4f4;
    padding: 0 .6rem
}

.fk-groupBuyDetail .tipsBox .tipsHeader {
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    font-size: .6rem;
    color: #333;
    height: 2.45rem;
    line-height: 2.45rem
}

.fk-groupBuyDetail .tipsBox .tipsContent {
    padding-top: .75rem
}

.fk-groupBuyDetail .tipsBox .tipsContent .tipsItem {
    width: 3.7rem;
    display: inline-block
}

.fk-groupBuyDetail .tipsBox .tipsContent .tipsItem .tipsNum {
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    margin-left: 1.35rem;
    font-size: .5rem;
    margin-bottom: .35rem;
    border: .0285rem dashed;
    border-radius: 3rem
}

.fk-groupBuyDetail .tipsBox .tipsContent .tipsItem .tipsTxt {
    font-size: .45rem;
    color: #999;
    line-height: .45rem;
    text-align: center;
    white-space: nowrap
}

.fk-groupBuyDetail .otherGbBox {
    background: #fff;
    border-top: .4rem solid #f4f4f4;
    padding: 0 .6rem
}

.fk-groupBuyDetail .otherGbBox .otherGbHeader {
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    font-size: .6rem;
    color: #333
}

.fk-groupBuyDetail .otherGbBox .otherGbContent {
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .275rem
}

.fk-groupBuyDetail .otherGbBox .gbItem {
    height: 1.6rem;
    width: 100%;
    margin-bottom: .6rem;
    position: relative
}

.fk-groupBuyDetail .otherGbBox .gbItem .leaderImg {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 2rem;
    margin-right: .6rem;
    display: inline-block
}

.fk-groupBuyDetail .otherGbBox .gbItem .gbItemInfo {
    width: calc(100% - 2.2rem);
    height: 1.6rem;
    display: inline-block
}

.fk-groupBuyDetail .otherGbBox .gbItem .gbItemInfo .leaderName {
    font-size: .6rem;
    color: #333;
    margin-bottom: .125rem
}

.fk-groupBuyDetail .otherGbBox .gbItem .gbItemInfo .otherInfo {
    font-size: .45rem;
    color: #999
}

.fk-groupBuyDetail .otherGbBox .gbItem .joinGroupBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .45rem;
    color: #fff;
    border-radius: .1rem;
    text-align: center;
    width: 2rem;
    height: .85rem;
    line-height: .85rem;
    cursor: pointer
}

.newGuestGiftBtnContainer {
    text-align: right
}

.newGuestGiftBtn {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    background: url(/image/newGuestGift/giftBtn.gif?v=201805231101) no-repeat;
    background-size: 100%;
    position: fixed;
    margin-left: -2.95rem;
    bottom: 2.8rem
}

.newGuestGiftSreen {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    top: 0;
    background: black;
    opacity: .7;
    max-width: 16rem;
    display: none
}

.newGuestGiftContainer {
    position: fixed;
    top: 0;
    z-index: 999;
    top: 2%;
    max-width: 13.75rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    display: none
}

.newGuestGiftContainer .closeBtn {
    display: inline-block;
    background: url(/image/newGuestGift/colse.png?v=201805211226) no-repeat;
    background-size: 100%;
    width: 1.35rem;
    height: 1.85rem;
    margin-bottom: -0.19rem;
    margin-right: -0.3rem
}

.newGuestGiftContainer .giftTopImage {
    position: relative;
    background: url(/image/newGuestGift/header.png?v=201805211226) no-repeat;
    width: 100%;
    height: 7.4rem;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    background-size: 100%
}

.newGuestGiftContainer .giftList {
    background: #fd4f43;
    position: relative;
    text-align: center;
    line-height: 0;
    padding-bottom: .9rem;
    top: -0.1rem;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.newGuestGiftContainer .closeBtnContain {
    text-align: right
}

.newGuestGiftContainer .giftListContent {
    position: relative;
    top: -1rem;
    max-height: 12.5rem;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: .8rem
}

.newGuestGiftContent .giftTip {
    font-size: .5rem;
    color: #fffae1;
    text-align: center;
    position: relative;
    top: 5.45rem
}

.giftList .firstGiftTop {
    display: inline-block;
    width: 9.9rem;
    height: .324rem;
    background: url(/image/newGuestGift/counterfoil.png?v=201805211226) no-repeat;
    background-size: 100%
}

.giftList .giftItem {
    display: inline-block;
    position: relative;
    width: 10.75rem;
    height: 3.95rem;
    margin-top: .05rem;
    text-align: left;
    cursor: pointer
}

.giftList .giftItemVail {
    background: url(/image/newGuestGift/couponBg.png?v=201805211226) no-repeat;
    background-size: 100%
}

.giftList .giftItemInvail {
    background: url(/image/newGuestGift/couponInvailBg.png?v=201805211226) no-repeat;
    background-size: 100%
}

.giftItem .couponLeft {
    margin-left: .8rem;
    display: inline-block;
    width: 4rem;
    height: 3.95rem;
    line-height: 3.95rem
}

.giftItem .couponRight {
    display: inline-block;
    width: 5.85rem;
    float: right;
    height: 3.95rem;
    line-height: .9rem
}

.giftItem .couponStatus {
    display: inline-block;
    width: 2.25rem;
    height: 2.3rem;
    position: absolute;
    right: .38rem;
    top: .3rem
}

.giftItem .couponInvailStatus {
    background: url(/image/newGuestGift/couponInvailFlag.png?v=201805211226) no-repeat;
    background-size: 100%
}

.giftItem .couponZeroStatus {
    background: url(/image/newGuestGift/countZeroFlag.png?v=201805211226) no-repeat;
    background-size: 100%
}

.giftItem .couponSavePrice {
    color: #fd4f43;
    display: inline-block;
    max-width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.giftItem .priceSign {
    font-size: .6rem;
    letter-spacing: -0.1rem
}

.giftItem .couponPrice {
    font-size: 1.5rem;
    font-weight: bold
}

.giftItem .couponInfo {
    margin-top: .6rem
}

.giftItem .couponName {
    font-size: .6rem;
    color: #fd4f43;
    width: 4.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.giftItem .useCondition {
    font-size: .6rem;
    color: #333;
    width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.giftItem .validTime {
    font-size: .45rem;
    width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    white-space: nowrap
}

.giftList .giftItem .coin {
    display: inline-block;
    width: 1.25rem;
    height: 1rem;
    background: url(/image/newGuestGift/coin.png?v=201805211226) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -0.4rem;
    right: .1rem
}

.newGuestGiftContainer .giftReceiveBtn {
    display: inline-block;
    width: 12rem;
    height: 2.5rem;
    background: url(/image/newGuestGift/button.png?v=201805211226) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 1.1rem;
    left: .875rem;
    font-size: .7rem;
    color: #fff;
    line-height: 2.8rem
}

.newGuestGiftContainer .giftMsgBtn {
    display: inline-block;
    width: 10.75rem;
    height: 1.95rem;
    background: url(/image/newGuestGift/buttonR.png?v=201805211226) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: .6rem;
    left: 1.5rem;
    font-size: .7rem;
    color: #fff;
    line-height: 1.8rem
}

.newGuestGiftContainer .giftMsgBtn,.newGuestGiftContainer .giftReceiveBtn,.newGuestGiftContainer .closeBtn,.newGuestGiftBtn {
    cursor: pointer
}

.giftItem .fontColorInvalid {
    color: #aaa
}

.mobiCol32 #g_web {
    padding-bottom: 0;
    height: 100%
}

.mobiCol32 #g_web #webHeaderBox {
    display: none
}

.mobiCol32 #g_web #webFooter {
    display: none
}

.couponPromotionContain {
    width: 16rem;
    position: absolute;
    height: 100%;
    background: linear-gradient(#ff611b,#ff2a3e)
}

.couponPromotionContain .topCouponPic {
    width: 16rem;
    height: 11.15rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) -4% 0 no-repeat;
    background-size: 210%
}

.couponPromotionContain .topCouponReceiveSucPic {
    width: 16rem;
    height: 6.5rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) -4% 39% no-repeat;
    background-size: 210%
}

.couponPromotionContain .topCouponReceiveFailPic {
    width: 16rem;
    height: 6.5rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) -4% 65% no-repeat;
    background-size: 210%
}

.middleCouponContain {
    position: relative;
    text-align: center;
    top: -3.6rem
}

.middleCouponContainStatus {
    top: -2.08rem
}

.middleCouponContain .couponContent {
    display: inline-block;
    width: 15.15rem;
    height: 8rem
}

.middleCouponContain .validBg {
    background: url(/image/coupon/couponPromotion.png?v=201806041141) 83.5% -0.7% no-repeat;
    background-size: 241%
}

.middleCouponContain .invalidBg {
    background: url(/image/coupon/couponPromotion.png?v=201806041141) 83.5% 30.1% no-repeat;
    background-size: 241%
}

.middleCouponContain .statusBg {
    height: 11.05rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) 83.5% 72% no-repeat;
    background-size: 241%
}

.middleCouponContain .coin {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) -0.5% 82.5% no-repeat;
    background-size: 1482%;
    position: absolute;
    right: 3.5rem;
    top: -0.5rem
}

.couponContent .topContent {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem
}

.couponContent .topContentStatus {
    padding-top: 1rem
}

.topContent .topLeftLine,.topContent .topRightLine,.bottomContent .bottomLeftLine,.bottomContent .bottomRightLine {
    border-top: .025rem solid #ddd;
    display: inline-block;
    flex-grow: 5
}

.topContent .couponName {
    flex-grow: 1;
    margin-left: .4rem;
    margin-right: .4rem;
    font-size: .7rem;
    color: #353535;
    display: inline-block;
    max-width: 8.75rem;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.middleContent {
    font-size: 1.25rem;
    color: #353535;
    line-height: 2.85rem
}

.middleContent span {
    color: #ff392e
}

.bottomContent {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .125rem
}

.bottomContent .validTime {
    font-size: .5rem;
    color: #666;
    flex-grow: 1;
    margin-left: .25rem;
    margin-right: .25rem;
    display: inline-block
}

.bottomContent .validTimeStatus {
    margin-top: .6rem
}

.couponPromotionContain .couponReceive {
    height: 3.25rem;
    width: 16rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) -0.9% 93.5% no-repeat;
    background-size: 230%;
    position: relative;
    top: -3rem;
    font-size: .85rem;
    line-height: 3rem;
    text-align: center;
    color: #a33701;
    cursor: pointer
}

.couponPromotionContain .notReceive {
    height: 1.9rem;
    width: 14.7rem;
    font-size: .85rem;
    color: #ffc2c0;
    position: relative;
    top: -3rem;
    line-height: 1.8rem;
    text-align: center;
    margin-left: .65rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) 82.1% 91.78% no-repeat;
    background-size: 240%
}

.toMallIndexContain {
    text-align: center;
    line-height: 1.6rem;
    padding-bottom: 1rem;
    margin-top: -1rem
}

.toMallIndexContain .toMallIndex {
    display: inline-block;
    width: 7rem;
    height: 1.65rem;
    border: .05rem solid rgba(255,255,255,0.7);
    border-radius: .825rem;
    font-size: .65rem;
    color: #fff;
    cursor: pointer
}

.toMallIndexContain .arrowPoint {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(/image/coupon/couponPromotion.png?v=201806041141) 9% 79.7% no-repeat;
    background-size: 3087%;
    margin-left: .25rem;
    margin-bottom: -0.27rem
}

.couponPromotionContain .invalidWordsColor span {
    color: #999
}

.couponPromotionContain .invalidWordsColor {
    color: #999
}

.middleCouponContain .toUseCoupon {
    display: inline-block;
    width: 8.1rem;
    height: 1.4rem;
    color: #fff;
    font-size: .65rem;
    background: #ff3f28;
    border-radius: .2rem;
    line-height: 1.35rem;
    margin-top: .25rem;
    cursor: pointer
}

.middleCouponContain .toUseCouponInvalid {
    background: #666
}

.middleCouponContain .toMallIndexContent {
    position: absolute;
    bottom: .3rem;
    height: 2rem;
    line-height: 2rem;
    width: 15.15rem;
    text-align: left;
    cursor: pointer
}

.toMallIndexContent div {
    display: inline-block
}

.middleCouponContain .statusToMallIndex {
    font-size: .65rem;
    color: #353535;
    margin-left: 1rem
}

.middleCouponContain .statusToMallIndexForword {
    position: absolute;
    right: .7rem;
    color: #999;
    top: .475rem
}

.mobiCol32 .webContainerBox,.mobiCol32 .webModuleContainer {
    height: 100%
}

.notThisCoupon {
    position: absolute;
    width: 100%;
    height: 100%
}

.notThisCoupon .noCouponPic {
    width: 9rem;
    height: 8rem;
    background: url(/image/v2/defaultIcon09.png?v=201711250607) no-repeat center;
    margin: auto;
    margin-top: 4rem
}

.notThisCoupon .noCouponWords {
    text-align: center;
    width: 100%;
    color: #7f7f7f
}

.fk_cutPriceList {
    width: calc(100% - 1.2rem);
    padding: 0 .6rem;
    padding-top: .6rem
}

.fk_cutPriceList .pdItem {
    cursor: pointer;
    vertical-align: top
}

.cutPriceListStyle2 .pdItem {
    width: 100%;
    height: 4.575rem;
    display: inline-block;
    position: relative;
    margin-bottom: .325rem
}

.cutPriceListStyle2 .pdItem .imgWrapper {
    display: inline
}

.cutPriceListStyle2 .pdItem .imgWrapper .pdImg {
    width: 4.3rem;
    height: 4.3rem;
    display: inline-block;
    object-fit: cover;
    border: 1px solid #f1f1f1
}

.cutPriceListStyle2 .pdItem .pdInfo {
    width: calc(100% - 5.3rem);
    height: 4.575rem;
    margin-left: .7rem;
    display: inline-block;
    border-bottom: 1px solid #f0f0f0;
    position: relative
}

.cutPriceListStyle2 .pdItem .pdInfo .pdName {
    font-size: .6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    width: 100%;
    height: 1.7rem
}

.cutPriceListStyle2 .pdItem .pdInfo .denote {
    position: absolute;
    left: 0;
    bottom: .625rem;
    height: .95rem;
    line-height: .95rem;
    font-size: .5rem;
    max-width: 6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -0.1rem;
    display: inline-block;
    margin-right: .2rem
}

.cutPriceListStyle2 .pdItem .pdInfo .price {
    font-size: .6rem;
    display: inline-block
}

.cutPriceListStyle2 .pdItem .pdInfo .ptBtn {
    position: absolute;
    right: 0;
    bottom: .625rem;
    height: .95rem;
    line-height: .95rem;
    text-align: center;
    border-radius: .1rem;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
    padding: 0 .27rem
}

.cutPriceListStyle2 .pdItem .pdInfo .ptBtn.greyBtn {
    background: #c1c1c1
}

.cutPriceListStyle3 .pdItem {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: .75rem;
    border-bottom: 1px solid #f0f0f0
}

.cutPriceListStyle3 .pdItem .imgWrapper .pdImg {
    width: 100%;
    height: 7.5rem;
    margin-bottom: .6rem;
    object-fit: cover
}

.cutPriceListStyle3 .pdItem .imgWrapper {
    overflow: hidden
}

.cutPriceListStyle3 .pdItem .imgWrapper .imgRibbon {
    position: absolute;
    width: 100%;
    background: rgba(20,20,20,0.6);
    height: 1.25rem;
    top: 6.285rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .5rem;
    color: #fff
}

.cutPriceListStyle3 .pdItem .imgWrapper .imgRibbon .clock {
    width: .85rem;
    height: .5rem
}

.cutPriceListStyle3 .pdItem .imgWrapper .imgRibbon .clock:before {
    content: "\b0238";
    font-family: "icomoon";
    font-style: normal;
    position: relative;
    top: -0.0445rem
}

.cutPriceListStyle3 .pdItem .pdInfo .pdName {
    font-size: .6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    width: 100%;
    height: 1.7rem
}

.cutPriceListStyle3 .pdItem .pdInfo .denote {
    font-size: .5rem;
    max-width: 6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    margin: .55rem .2rem .6rem -0.1rem
}

.cutPriceListStyle3 .pdItem .pdInfo .price {
    font-size: .6rem;
    display: inline-block
}

.cutPriceListStyle3 .pdItem .pdInfo .ptBtn {
    margin-top: .5rem;
    height: .95rem;
    line-height: .95rem;
    text-align: center;
    border-radius: .1rem;
    color: #fff;
    font-size: .5rem;
    cursor: pointer;
    float: right;
    padding: 0 .27rem
}

.cutPriceListStyle3 .pdItem .pdInfo .ptBtn.greyBtn {
    background: #c1c1c1
}

.cpProcedure {
    width: 100%;
    height: 6.75rem
}

.cpProcedure .cpProHeader {
    width: 100%;
    height: 2rem;
    font-size: .6rem;
    color: #333;
    display: flex;
    align-items: center;
    padding-left: .5rem;
    border-bottom: 1px solid #eee
}

.cpProcedure .cpProBody {
    width: 100%;
    height: 4.75rem;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.cpProcedure .cpProBody .cpPro {
    display: flex;
    flex-flow: column;
    text-align: center
}

.cpProcedure .cpProBody .cpPro .cpProTxt {
    text-align: center;
    font-size: .55rem;
    color: #666;
    flex-grow: 1
}

.cpProcedure .cpProBody .cpPro .cpProIcon {
    padding: .15rem;
    box-sizing: border-box
}

#cpPro1:after {
    content: '\b0239';
    font-family: 'icomoon';
    font-size: 1.7rem;
    flex-grow: 2
}

#cpPro2:after {
    content: '\b0240';
    font-family: 'icomoon';
    font-size: 1.7rem;
    flex-grow: 2
}

#cpPro3:after {
    content: '\b0241';
    font-family: 'icomoon';
    font-size: 1.7rem;
    flex-grow: 2
}

#cpPro4:after {
    content: '\b0242';
    font-family: 'icomoon';
    font-size: 1.7rem;
    flex-grow: 2
}

.cpHeader .headerBgArea .cpAvator {
    width: 2.25rem;
    height: 2.25rem;
    border: .025rem solid #eee;
    border-radius: 50%;
    overflow: hidden;
    margin: .45rem auto
}

.cpHeader .headerBgArea .cpAvator img {
    width: 100%;
    height: 100%
}

.cpHeader .cpCreatorName {
    font-size: .55rem;
    color: rgba(255,255,255,0.7);
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .45rem
}

.cpHeader .cpPdInfo {
    width: 15rem;
    height: 5.75rem;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    padding: .45rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.cpHeader .cpPdInfo .cpPdPic {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 3px;
    object-fit: cover;
    display: inline-block;
    overflow: hidden
}

.cpHeader .cpPdInfo .cpPdPic img {
    width: 100%;
    height: 100%
}

.cpHeader .cpPdInfo .cpPdName {
    display: -webkit-box;
    font-size: .6rem;
    color: #333;
    width: 9rem;
    height: 1.5rem;
    line-height: .7rem;
    position: absolute;
    top: 4.86rem;
    left: 6rem;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.cpHeader .cpPdInfo .cpCountDown {
    display: inline-block;
    font-size: .55rem;
    color: #999;
    width: 9rem;
    height: .8rem;
    line-height: .8rem;
    position: absolute;
    top: 6.7rem;
    left: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cpHeader .cpPdInfo .cpOriPrice {
    display: inline-block;
    font-size: .5rem;
    color: #999;
    width: 4.5rem;
    height: .6rem;
    line-height: .6rem;
    position: absolute;
    top: 8.85rem;
    left: 6rem;
    overflow: hidden
}

.cpHeader .cpPdInfo .cpMinPrice {
    display: inline-block;
    font-size: .6rem;
    width: 4.5rem;
    height: .8rem;
    line-height: .8rem;
    position: absolute;
    top: 8.7rem;
    left: 10.5rem;
    overflow: hidden
}

.cpBody {
    background: #fff;
    padding-bottom: 1rem;
    padding-top: 1.5rem
}

.cpProgress {
    display: flex;
    align-items: center;
    justify-content: center
}

.cpProgress .cpProgressPrice {
    display: inline-block;
    font-size: .55rem;
    color: #999;
    text-align: center;
    width: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cpProgress .cpProgressWrap {
    position: relative;
    display: inline-block;
    width: 9.55rem;
    height: .4rem
}

.cpProgress .cpProgressWrap .cpProgressBar {
    display: inline-block;
    width: 9.55rem;
    height: .4rem;
    border-radius: .2rem;
    opacity: .12;
    position: absolute
}

.cpProgress .cpProgressWrap .cpActualProgressBar {
    display: inline-block;
    height: .4rem;
    border-radius: .2rem;
    position: absolute
}

.cpProgress .cpCurrPriceTip {
    display: inline-block;
    width: auto;
    height: .9rem;
    font-size: .5rem;
    color: #fff;
    line-height: .9rem;
    border-radius: 3px;
    padding-left: .15rem;
    padding-right: .25rem;
    position: absolute;
    top: 10.8rem
}

.cpProgress .cpCurrPriceTip .cpCurrPriceTipTriangle {
    display: none;
    position: absolute;
    border: .25rem solid transparent
}

.cpTeaser {
    color: #333;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .8rem;
    margin-bottom: .95rem;
    text-align: center
}

.cpBtnPanel {
    width: 100%;
    height: 1.75rem;
    display: flex;
    justify-content: space-around;
    padding: 0 .5rem;
    box-sizing: border-box
}

.cpBtnPanel .cpInviteBtn {
    width: 7rem;
    height: 1.75rem;
    color: #fff;
    font-size: .65rem;
    text-align: center;
    line-height: 1.65rem;
    border-radius: 2rem;
    flex-grow: 0;
    cursor: pointer
}

.cpBtnPanel .cpImmeBuyBtn {
    width: 7rem;
    height: 1.75rem;
    color: #fff;
    font-size: .65rem;
    text-align: center;
    line-height: 1.65rem;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    border-radius: 2rem;
    flex-grow: 0;
    cursor: pointer
}

.cpBtnPanel .cpExpiredBtn {
    height: 1.75rem;
    color: #fff;
    background: #ccc;
    font-size: .65rem;
    text-align: center;
    line-height: 1.65rem;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    border-radius: 2rem;
    flex-grow: 1;
    cursor: pointer
}

.cpBtnPanel .cpHelpCutBtn {
    width: 7rem;
    height: 1.75rem;
    color: #fff!important;
    font-size: .65rem;
    text-align: center;
    line-height: 1.65rem;
    border-radius: 2rem;
    flex-grow: 1
}

.cpRecordPanel {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: .5rem
}

.cpRecordPanel .cpRecordHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5rem
}

.cpRecordPanel .cpRecordHeader .cpRHLine {
    width: 5.5rem;
    height: 1px;
    background-color: #e3e3e3
}

.cpRecordPanel .cpRecordHeader .cpRHText {
    font-size: .65rem;
    line-height: .65rem;
    width: auto;
    height: .65rem;
    color: #999
}

.cpRecordPanel .cpRecord {
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.cpRecordPanel .cpRecord.cpMultiRecord {
    border-bottom: 1px solid #eee
}

.cpRecordPanel .cpRecord .cpSRLeft {
    height: 1.7rem;
    width: 1.7rem;
    margin-right: .45rem;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #eee;
    flex-shrink: 0
}

.cpRecordPanel .cpRecord .cpSRLeft img {
    width: 100%;
    height: 100%
}

.cpRecordPanel .cpRecord .cpSRCentre {
    height: 1.7rem;
    width: 8.5rem;
    display: flex;
    flex-flow: column;
    overflow: hidden
}

.cpRecordPanel .cpRecord .cpMemName {
    font-size: .6rem;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-grow: 1
}

.cpRecordPanel .cpRecord .cpRecordCT {
    font-size: .5rem;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-grow: 1
}

.cpRecordPanel .cpRecord .cpSRRight {
    height: 1.7rem;
    width: 4.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: .6rem;
    color: #333;
    line-height: 1.6rem
}

.cpPanelHeader {
    background: #fff;
    color: #333;
    height: 2rem
}

.cpPanelHeader .cpPanelText {
    display: flex;
    justify-content: space-around
}

.cpPanelHeader .cpPanelText .cpPanelChoose {
    display: inline-block;
    box-sizing: border-box;
    height: 2rem;
    line-height: 2rem;
    width: 2.25rem;
    text-align: center;
    font-size: .6rem
}

.cpPanelHeader .cpUnderline {
    display: inline-block;
    position: absolute;
    width: 2.25rem;
    height: .1rem;
    top: 4.15rem;
    left: 1.55rem;
    transition: left .5s cubic-bezier(0.175,0.885,0.320,1.325)
}

.cpListContent .cpEmpty {
    padding: 7rem 0;
    box-sizing: border-box
}

.cpListContent .cpEmpty .cpEmptyIcon {
    background: url(/image/cutPriceEmpty.png?v=201806041141);
    background-size: cover;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    margin: 0 auto
}

.cpListContent .cpEmpty .cpEmptyText {
    font-size: .6rem;
    color: #888;
    text-align: center;
    text-indent: .7rem
}

.cpList .cpRecord {
    height: 6.75rem;
    margin-top: .35rem;
    padding: .75rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    background: #fff
}

.cpList .cpRecord .cpStatusIcon {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.8rem;
    height: 2.8rem
}

.cpSucc {
    background-image: url(/image/cpSucc.png?v=201806041141);
    background-repeat: no-repeat;
    background-size: cover
}

.cpFail {
    background-image: url(/image/cpFail.png?v=201806041141);
    background-repeat: no-repeat;
    background-size: cover
}

.cpList .cpRecord .cpPdImg {
    display: inline-block;
    width: 5.05rem;
    height: 5.05rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin-right: .55rem
}

.cpList .cpRecord .cpDetail {
    display: flex;
    flex-grow: 1;
    flex-flow: column;
    height: 5.05rem;
    max-width: 8.9rem
}

.cpList .cpRecord .cpDetail .cpPdName {
    display: inline-block;
    color: #333;
    font-size: .6rem;
    height: 1.5rem;
    line-height: .8rem;
    overflow: hidden;
    word-break: break-all
}

.cpList .cpRecord .cpDetail .cpPro {
    position: relative;
    width: 8.9rem;
    height: .4rem;
    display: inline-block;
    margin-top: .5rem;
    margin-bottom: .2rem
}

.cpList .cpRecord .cpDetail .cpPro .cpRecProBar {
    width: 8.9rem;
    height: .4rem;
    display: inline-block;
    border-radius: 2rem;
    opacity: .12;
    position: absolute
}

.cpList .cpRecord .cpDetail .cpPro .cpActualRecProBar {
    width: 8rem;
    height: .4rem;
    display: inline-block;
    border-radius: 2rem;
    opacity: .40;
    position: absolute
}

.cpList .cpRecord .cpDetail .cpCurPrice {
    color: #888;
    font-size: .5rem;
    line-height: .5rem;
    height: .5rem;
    margin-top: .25rem
}

.cpList .cpRecord .cpDetail .cpPrice {
    position: relative;
    flex-grow: 1;
    display: flex
}

.cpList .cpRecord .cpDetail .cpMinPriceTxt {
    color: #888;
    font-size: .5rem;
    line-height: .5rem;
    display: inline-block;
    align-self: flex-end
}

.cpList .cpRecord .cpDetail .cpMinPriceVal {
    font-size: .65rem;
    line-height: .65rem;
    display: inline-block;
    align-self: flex-end
}

.promPoster {
    background: url(/image/promoter/1.png?v=201807301313) no-repeat;
    background-size: contain;
    height: 8rem
}

.promWelcomeTxt {
    display: flex;
    width: auto;
    padding: 1.65rem 1rem 1.65rem 1rem;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.promWelcomeTxt .promHeader {
    font-size: .8rem;
    color: #333
}

.promWelcomeTxt .promDivider {
    display: inline-block;
    margin-top: .45rem;
    height: .1rem;
    width: .9rem
}

.promWelcomeTxt .promgibberish {
    font-size: .65rem;
    color: #333;
    margin-top: 1.22rem;
    text-indent: 1.12rem
}

.promBtnWrapper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.promBtnWrapper .promInterBtn {
    display: inline-block;
    width: 15rem;
    height: 1.9rem;
    border-radius: 8px;
    font-size: .65rem;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 1.9rem;
    margin: 0 auto
}

.promoPageHeader {
    background: #fff;
    padding: 1rem .9rem 0 .9rem
}

.promoPageHeader .accumulateIncomeIndicator {
    font-size: .55rem;
    color: #999
}

.promoPageHeader .accumulateIncome {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: .75rem;
    margin-top: .75rem
}

.promoPageHeader .promoSeparateLine {
    height: 1px;
    background: #eee
}

.promoPageHeader .withdrawPanel {
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promoPageHeader .withdrawPanel .withdrawIndicator {
    font-size: .6rem;
    color: #666
}

.promoPageHeader .withdrawPanel .withdrawIndicator .withdrawNum {
    font-size: .7rem;
    color: #666;
    position: relative;
    top: 2px
}

.promoPageHeader .withdrawPanel .withdrawBtn {
    display: inline-block;
    width: 3.5rem;
    height: 1.25rem;
    border-radius: 50px;
    text-align: center;
    line-height: 1.2rem;
    font-size: .65rem;
    cursor: pointer
}

.promoPageFeaturesEntry {
    margin-top: .4rem;
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 4.4rem;
    background: #fff
}

.promoPageFeaturesEntry .promoPageFeature {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 2.7rem;
    cursor: pointer
}

.promoPageFeaturesEntry .promoPageFeature .promTxt {
    font-size: .6rem;
    color: #666
}

.promoPageFeaturesEntry .promoPageFeature .promImg {
    width: 1.4rem;
    height: 1.4rem
}

.promoPageFeaturesEntry #promoOrders .promImg {
    background: url(/image/promoter/2.png?v=201807301313);
    background-size: contain
}

.promoPageFeaturesEntry #myInvitations .promImg {
    background: url(/image/promoter/3.png?v=201807301313);
    background-size: contain
}

.promoPageFeaturesEntry #balanceDetail .promImg {
    background: url(/image/promoter/4.png?v=201807301313);
    background-size: contain
}

.promoPageFeaturesEntry #withdrawNotification .promImg {
    background: url(/image/promoter/5.png?v=201807301313);
    background-size: contain
}

.promoPagePosters {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 4.75rem;
    background: #fff
}

.promoPagePosters .promoPoster {
    width: 7.06rem;
    height: 3.4rem;
    display: inline-block;
    cursor: pointer
}

.promoPagePosters .promoPosterOnly {
    width: 15.06rem;
    height: 3.94rem;
    display: inline-block;
    cursor: pointer
}

.promoPagePosters #promo {
    background: url(/image/promoter/6.png?v=201807301313) no-repeat;
    background-size: contain
}

.promoPagePosters #invite {
    background: url(/image/promoter/7.png?v=201807301313) no-repeat;
    background-size: contain
}

.promoPagePosters #promoOnly {
    background: url(/image/promoter/8.png?v=201807301313) no-repeat;
    background-size: contain
}

.aPromoOrder {
    background-color: #fff;
    margin-bottom: .4rem
}

.promoOrderHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.8rem;
    border-bottom: 1px solid #eee;
    padding: 0 .75rem 0 .75rem
}

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

.promoOrderHeader .orderStatus {
    font-size: .6rem!important;
    color: #ff7214
}

.promoOrderHeader .orderStatus.finished {
    font-size: .6rem!important;
    color: #4ab344
}

.promoOrderBody {
    display: flex;
    flex-flow: column;
    align-items: center
}

.aItem {
    display: flex;
    flex-flow: column;
    width: 100%
}

.aItem .itemWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 4.5rem;
    padding: 0 .75rem 0 .75rem;
    box-sizing: border-box
}

.itemWrapper .itemImg {
    width: 3.5rem;
    height: 3.5rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 4px;
    object-fit: contain;
    overflow: hidden;
    display: flex;
    align-items: center
}

.itemWrapper .itemInfo {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 72%;
    height: 3.5rem
}

.itemWrapper .itemInfo .itemName {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: .6rem;
    color: #333
}

.itemWrapper .itemInfo .itemOptions {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 10rem;
    font-size: .5rem;
    color: #888;
    margin-top: .45rem
}

.itemWrapper .itemInfo .itemPriceAndAmount {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.itemWrapper .itemInfo .itemPriceAndAmount .itemPrice {
    display: inline-block;
    font-size: .6rem;
    color: #333
}

.itemWrapper .itemInfo .itemPriceAndAmount .itemAmount {
    display: inline-block;
    font-size: .6rem;
    color: #333
}

.itemSeparateLine {
    display: block;
    height: 1px;
    width: 100%;
    background: #eee
}

.promoOrderFooter {
    width: 100%;
    height: 2.35rem;
    display: flex
}

.promoOrderFooter .promoOrderTotalPrice {
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.promoOrderFooter .promoOrderTotalPrice .totalPriceNum {
    font-size: .6rem;
    color: #ff7214
}

.promoOrderFooter .promoOrderTotalPrice .totalPriceNum.finished {
    font-size: .6rem;
    color: #4ab344
}

.promoOrderFooter .promoOrderTotalPrice .totalPriceNum .promoShipPrice {
    color: #666;
    font-size: .35rem
}

.promoOrderFooter .promoOrderTotalPrice .totalPriceTxt {
    font-size: .6rem;
    color: #666
}

.promoOrderFooter .promoOrderCommission {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.promoOrderFooter .promoOrderCommission .commissionNum {
    font-size: .6rem;
    color: #ff7214
}

.promoOrderFooter .promoOrderCommission .commissionNum.finished {
    font-size: .6rem;
    color: #4ab344
}

.promoOrderFooter .promoOrderCommission .commissionTxt {
    font-size: .6rem;
    color: #666
}

.expandWrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.expandWrapper .expandPanel {
    width: 14.75rem;
    height: 1.25rem;
    background: #f9f9f9;
    font-size: .6rem;
    color: #999;
    text-align: center;
    line-height: 1.25rem;
    margin-bottom: .5rem;
    cursor: pointer
}

.expandWrapper .expandArrow:before {
    color: #999;
    font-size: .45rem;
    margin-left: .3rem
}

.promoOrdersSwitch {
    background: #fff;
    width: 100%;
    height: 2.15rem;
    display: flex;
    flex-flow: column;
    margin-bottom: .4rem
}

.promoOrdersSwitch .switches {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .7rem;
    color: #999;
    height: inherit;
    padding: 0 3rem 0 3rem
}

.promoOrdersSwitch .switches .myOrders,.promoOrdersSwitch .switches .othersOrders {
    height: 2rem;
    display: flex;
    align-items: center;
    cursor: pointer
}

.promoOrdersSwitch .switches .highlight {
    color: #333
}

.promoOrdersSwitch .switchUnderline {
    display: inline-block;
    width: .9rem;
    height: .1rem;
    position: relative;
    left: 3.95rem;
    transition: left .5s cubic-bezier(0.175,0.885,0.320,1.325)
}

.promoOrderListWrapper {
    display: none
}

.invitationWrapper {
    background: #fff
}

.invitationWrapper .aInvitee {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 2.55rem;
    padding: 0 1.5rem 0 1.5rem;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    box-sizing: border-box
}

.invitationWrapper .aInvitee .leftPart {
    display: flex;
    align-items: center;
    justify-content: center
}

.invitationWrapper .aInvitee .leftPart .inviteeAvator {
    border: 1px solid #eee;
    border-radius: 50%;
    object-fit: contain;
    overflow: hidden;
    width: 1.7rem;
    height: 1.7rem;
    margin-right: .5rem
}

.invitationWrapper .aInvitee .leftPart .inviteeName {
    font-size: .6rem;
    color: #353535
}

.invitationWrapper .aInvitee .inviteeJoinedDate {
    font-size: .5rem;
    color: #999
}

.balanceDetailWrapper {
    background: #fff
}

.aFlow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 2.75rem;
    box-sizing: border-box;
    padding: 0 .9rem 0 .9rem;
    border-bottom: 1px solid #eee
}

.aFlow .leftPart {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: inherit
}

.aFlow .leftPart .flowTitle {
    font-size: .6rem;
    color: #333;
    margin-bottom: .2rem
}

.aFlow .leftPart .flowDate {
    font-size: .5rem;
    color: #999
}

.aFlow .flowAmount {
    font-size: .6rem
}

.aFlow .flowAmount.plus {
    color: #ff7214
}

.aFlow .flowAmount.minus {
    color: #4ab344
}

.promoNotifyWrapper {
    background: #fff
}

.aWithdraw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 2.75rem;
    box-sizing: border-box;
    padding: 0 .9rem 0 .9rem;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.aWithdraw .leftPart {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: inherit
}

.aWithdraw .leftPart .withdrawTitle {
    font-size: .6rem;
    color: #333;
    margin-bottom: .2rem
}

.aWithdraw .leftPart .unreadSymbol {
    display: inline-block;
    height: .2rem;
    width: .2rem;
    background: #f13a3a;
    position: relative;
    top: -1rem;
    left: 3.575rem;
    border-radius: 100%
}

.aWithdraw .leftPart .withdrawDate {
    font-size: .5rem;
    color: #999
}

.aWithdraw .withdrawAmount {
    font-size: .6rem
}

.aWithdraw .withdrawAmount.succ {
    color: #4ab344
}

.aWithdraw .withdrawAmount.fail {
    color: #999
}

.withdrawDetail {
    display: flex;
    align-items: center;
    flex-flow: column
}

.withdrawBg {
    height: 8.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.withdrawBg .withdrawTitleWrapper {
    width: 5rem;
    height: 4.2rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between
}

.withdrawBg .withdrawTitleWrapper .withdrawIcon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block
}

.withdrawBg .withdrawTitleWrapper .withdrawIcon.succ {
    background: url(/image/promoter/10.png?v=201807301313) no-repeat;
    background-size: contain
}

.withdrawBg .withdrawTitleWrapper .withdrawIcon.fail {
    background: url(/image/promoter/11.png?v=201807301313) no-repeat;
    background-size: contain
}

.withdrawBg .withdrawTitleWrapper .withdrawTxt {
    font-size: .7rem;
    color: #fff
}

.withdrawInfo {
    background: #fff;
    width: 15rem;
    height: 9.6rem;
    box-sizing: border-box;
    border-radius: .1rem;
    position: relative;
    top: -1.3rem
}

.withdrawInfo .withdrawInfoTitle {
    padding: 0 1.05rem 0 1.05rem;
    height: 3.4rem;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: .6rem;
    color: #666;
    display: flex;
    align-items: center
}

.withdrawInfo .withdrawInfoBody {
    padding: 1.05rem 1.05rem 1.05rem 1.05rem;
    font-size: .6rem;
    color: #333;
    box-sizing: border-box;
    height: 6.2rem;
    display: flex;
    flex-flow: column;
    justify-content: space-around
}

.withdrawInfo .withdrawInfoBody .applyAmount .succ {
    color: #4ab344;
    position: relative;
    left: -0.29rem
}

.withdrawInfo .withdrawInfoBody .applyAmount .fail {
    color: #ff7214;
    position: relative;
    left: -0.29rem
}

.withdrawInfo .withdrawInfoBody .withdrawAcct span {
    display: inline-block;
    width: 9.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: .175rem
}

.withdraw {
    display: flex;
    flex-flow: column
}

.withdrawForm {
    display: flex;
    flex-flow: column;
    align-items: center
}

.withdrawForm .withdrawFormCtrl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.25rem;
    width: 100%;
    border-bottom: 1px solid #eee;
    box-sizing: border-box
}

.withdrawForm .withdrawFormCtrl .ctrlBadge {
    font-size: .6rem;
    color: #333
}

.withdrawForm .withdrawFormCtrl input {
    outline: 0;
    border: 0;
    background: #f7f7f7;
    font-size: .6rem;
    color: #333;
    text-align: right
}

.withdrawForm .withdrawFormCtrl input::placeholder {
    font-size: .6rem;
    color: #999
}

.withdrawForm .withdrawFormFooter {
    font-size: .5rem;
    color: #999;
    margin-top: .75rem;
    align-self: flex-start;
    margin-left: .6rem
}

.withdraw .withdrawBtn {
    display: inline-block;
    width: 15rem;
    height: 1.9rem;
    border-radius: .4rem;
    color: #fff;
    text-align: center;
    line-height: 1.9rem;
    margin: 1.5rem auto;
    cursor: pointer
}

.withdraw .manualPanel {
    width: 90%
}

.withdraw .alipayPanel,.withdraw .wechatPanel {
    display: none;
    width: 90%
}

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

.withdraw .aquireWechatAcct {
    width: 5.35rem;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    height: 1.1rem;
    line-height: 1.1rem
}

.withdraw .drawToOnlineAcct {
    cursor: pointer
}

.withdraw .drawToAcctSwitch {
    font-size: .5rem;
    color: #333;
    position: relative;
    top: -0.02rem;
    left: .1rem
}

.posterHeader {
    display: flex;
    flex-flow: column;
    height: 4.65rem;
    background: #fff;
    align-items: center;
    margin-bottom: .4rem
}

.posterHeader .iconPart {
    display: flex;
    padding: .6rem 1.5rem 0 1.5rem;
    align-items: center;
    justify-content: space-around;
    height: 3.2rem;
    width: 100%;
    box-sizing: border-box
}

.posterHeader .iconPart .iconIndicator {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    font-size: .75rem;
    font-weight: bold;
    border-radius: 100%;
    border-width: .1rem;
    border-style: solid;
    text-align: center;
    line-height: 1.7rem
}

.posterHeader .iconPart .iconSeparate {
    display: inline-block;
    width: 2.9rem;
    height: 1px;
    border-top: 1px solid #e3e3e3;
    border-top-style: dashed;
    box-sizing: border-box
}

.posterHeader .txtPart {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 2.5rem
}

.posterHeader .txtPart .aPosterTxt {
    display: inline-block;
    width: 4rem;
    font-size: .55rem;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center
}

.posterBody {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
    padding-top: .6rem;
    background: #fff
}

.posterBody .actualPoster {
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    -webkit-border-shadow: 0 4px 15px rgba(0,0,0,0.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border-radius: 20px
}

.posterBody .actualPoster.promoPoster {
    background-size: contain
}

.posterBody .actualPoster.invitePoster {
    background-size: contain
}

.posterBody .posterBodyBtn {
    display: inline-block;
    width: 15rem;
    height: 1.9rem;
    border-radius: .4rem;
    color: #fff;
    text-align: center;
    line-height: 1.9rem;
    margin: 1.5rem auto;
    cursor: pointer
}

.withdrawSubmitSucc {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around
}

.withdrawSubmitSucc .withdrawSubMain {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding-top: 2.5rem;
    padding-bottom: .8rem
}

.withdrawSubmitSucc .withdrawSubMain .withdrawSubIcon {
    width: 7rem;
    height: 6rem;
    background: url(/image/promoter/9.png?v=201807301313) no-repeat;
    background-size: contain;
    margin-bottom: .5rem
}

.withdrawSubmitSucc .withdrawSubMain .withdrawSubTxt {
    font-size: .7rem;
    color: #333
}

.withdrawSubmitSucc .withdrawSubComplete {
    display: inline-block;
    width: 15rem;
    height: 1.9rem;
    border-radius: .4rem;
    color: #fff;
    text-align: center;
    line-height: 1.9rem;
    margin: 1.5rem auto;
    cursor: pointer
}

.promoterPdShare {
    color: #666;
    font-size: .55rem;
    box-sizing: border-box;
    border-bottom: 1px #eee dashed;
    height: 2.3rem;
    width: 90%;
    margin: 0 auto;
    padding-top: .1rem
}

.promoEmpty {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85vh;
    background: #f7f7f7
}

.promoEmpty .promoEmptyIcon {
    display: inline-block;
    height: 6rem;
    width: 5.7rem
}

.promoEmpty .promoEmptyTxt {
    color: #999;
    font-size: .65rem
}

.promoOrderListEmpty .promoEmptyIcon {
    background: url(/image/promoter/promoEmpty.png?v=201807301313) no-repeat;
    background-size: contain;
    height: 8rem;
    width: 4.7rem
}

.promoInviteEmpty .promoEmptyIcon {
    background: url(/image/promoter/inviteEmpty.png?v=201807301313) no-repeat;
    background-size: contain
}

.promoBalanceEmpty .promoEmptyIcon {
    background: url(/image/promoter/detailEmpty.png?v=201807301313) no-repeat;
    background-size: contain;
    height: 8rem;
    width: 4.7rem
}

.promoWithdrawEmpty .promoEmptyIcon {
    background: url(/image/promoter/infoEmpty.png?v=201807301313) no-repeat;
    background-size: contain
}

#promoShareIcon,#promoShareIconForNotOpenShare {
    display: inline-block;
    position: fixed;
    width: 2.7rem;
    height: 2.85rem;
    z-index: 9999;
    bottom: 7rem;
    background: url(/image/promoter/shareIconGif.gif?v=201808021534) no-repeat;
    background-size: auto 100%;
    cursor: pointer;
    margin-left: -2.85rem
}

@keyframes promoShareIconAnime {
    0%,11.2% {
        background-position: 0 0
    }

    11.3%,22.6% {
        background-position: -3.625rem 0
    }

    22.7%,33.9% {
        background-position: -7.25rem 0
    }

    34%,45.3% {
        background-position: -10.875rem 0
    }

    45.4%,56.6% {
        background-position: -14.5rem 0
    }

    56.7%,67.9% {
        background-position: -18.125rem 0
    }

    68%,79.3% {
        background-position: -21.8rem 0
    }

    79.4%,90.7% {
        background-position: -25.25rem 0
    }

    90.8%,100% {
        background-position: -28.8rem 0
    }
}

@-webkit-keyframes promoShareIconAnime {
    0%,11.2% {
        background-position: 0 0
    }

    11.3%,22.6% {
        background-position: -3.625rem 0
    }

    22.7%,33.9% {
        background-position: -7.25rem 0
    }

    34%,45.3% {
        background-position: -10.875rem 0
    }

    45.4%,56.6% {
        background-position: -14.5rem 0
    }

    56.7%,67.9% {
        background-position: -18.125rem 0
    }

    68%,79.3% {
        background-position: -21.8rem 0
    }

    79.4%,90.7% {
        background-position: -25.25rem 0
    }

    90.8%,100% {
        background-position: -28.8rem 0
    }
}

.productDetail_v3 .productNameSwipBox .g_displayClamp2 {
    display: none
}

.productDetail_v3 .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
}

.productDetail_v3 .pd3NoCollection .pd3ProductName {
    padding: .8rem .45rem 0 .45rem;
    width: 95%
}

.productDetail_v3 .proName,.productDetail_v3 .propInfoCell {
    color: #666
}

.productDetail_v3 .propInfoCell {
    top: 1.8rem
}

.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 .productDetailHeader .icon-noProduct:before {
    content: "\b0058";
    font-size: .8rem
}

.productDetail_v3 .productNameSwipBox {
    background: 0
}

.productDetail_v3 .productPrice .mallCollectionIcon {
    display: none
}

.productDetail_v3 .productMallOptionHead .productMallOptionImageContent {
    width: 5rem;
    height: 5rem
}

.productDetail_v3 .productMallOptionContent .productDetail {
    padding-left: 5.8rem
}

.productDetail_v3 .productDetailName .productName {
    margin-bottom: .2rem
}

.productDetail_v3 .productDetailClose {
    top: .3rem;
    right: .3rem;
    background-color: #ccc;
    border: 0
}

.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: 0
}

.productDetail_v3 .g_decrease {
    border-right: 0
}

.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 .shareBlockTop2,.productDetail_v3 .productNewDetail .shareBlockTop1 {
    font-size: .5rem
}

.productDetail_v3 .productNewDetail .proCommProperty .ptInfo {
    right: .45rem
}

.productDetail_v3 .productNewDetail .proCommProperty .ptInfo .ptNum {
    text-align: right
}

.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
}

.newCountDownProductName .pd3NoCollection .pd3ProductName {
    padding: .8rem .45rem 0 .45rem;
    width: 95%
}

.newCountDownProductName .proCommProperty .mallCollectionIcon {
    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 .proListBookingBtn,.mProductList .jz_productScr .textAlign_center .f-mallCart {
    position: absolute;
    right: 0;
    bottom: 0
}

.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
}

.fk-formFold {
    overflow: hidden
}

.formStyle58 .formMiddleContent {
    margin-bottom: 0!important
}

.fk-formFold .f-formFoldItem {
    overflow: hidden;
    height: 2rem;
    transition: height .5s;
    -moz-transition: all .5s ease;
    -webkit-transition: height .5s;
    -o-transition: height .5s
}

.formStyle58.fk-nullModuleInFoldStyle .formBannerTitle {
    display: none
}

.fk-formFold .f-formFoldItem .f-formFoldContent .form {
    margin: 0;
    background: 0
}

.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 {
    width: 92%;
    cursor: default;
    word-break: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fk-foldStyle1 .f-formFoldItem {
    margin: .5rem .3rem;
    border: .5px solid #e5e5e5;
    height: 2.2rem;
    border-radius: .2rem
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton {
    height: 2.2rem;
    line-height: 2.2rem;
    padding-left: .8rem;
    border-bottom: .5px solid #e5e5e5
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton .icon-fold {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .6rem;
    top: .85rem;
    color: #ccc
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton .icon-fold:before {
    content: "\b0237";
    display: inline-block;
    transition: all .2s;
    font-size: .5rem;
    position: absolute;
    top: 0
}

.fk-foldStyle1 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {
    transform: rotate(90deg)
}

.fk-foldStyle1 .f-formFoldItem .form .productCrossedSlide:nth-child(2n+1) {
    margin-left: .2rem
}

.fk-foldStyle1 .f-formFoldItem .form .productCrossedSlide:nth-child(2n) {
    margin-right: .2rem
}

.fk-foldStyle1 .f-formFoldItem .form .productWaterFall:nth-child(2n+1) {
    margin-left: .3rem
}

.fk-foldStyle1 .f-formFoldItem .form .productWaterFall:nth-child(2n) {
    right: .3rem
}

.fk-foldStyle2 .f-formFoldItem {
    margin: .5rem .3rem;
    height: 1.9rem
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton .icon-fold {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    position: absolute;
    left: .5rem;
    top: .7rem
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton .icon-fold:before {
    content: "\b0237";
    display: inline-block;
    transition: all .2s;
    font-size: .5rem;
    position: absolute;
    top: 0;
    color: #ccc
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {
    transform: rotate(90deg);
    color: #fff
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton {
    height: 1.9rem;
    line-height: 1.9rem;
    padding-left: 1.5rem;
    background-color: #f5f5f5
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.active {
    color: #fff
}

.fk-foldStyle2 .f-formFoldItem .f-formFoldContent {
    background-color: #f7f7f7
}

.fk-foldStyle2 .f-formFoldItem .form .productCrossedSlide:nth-child(2n+1) {
    margin-left: .2rem
}

.fk-foldStyle2 .f-formFoldItem .form .productCrossedSlide:nth-child(2n) {
    margin-right: .2rem
}

.fk-foldStyle2 .f-formFoldItem .form .productWaterFall:nth-child(2n+1) {
    margin-left: .3rem
}

.fk-foldStyle2 .f-formFoldItem .form .productWaterFall:nth-child(2n) {
    right: .3rem
}

.fk-foldStyle3 .f-formFoldItem {
    border-bottom: 1px solid #f0f0f0;
    height: 2.2rem
}

.fk-foldStyle3 .f-formFoldItem:last-child {
    border: 0
}

.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;
    width: .6rem;
    height: .6rem;
    position: absolute;
    right: .6rem;
    top: .85rem
}

.fk-foldStyle3 .f-formFoldItem .f-formFoldButton .icon-fold:before {
    content: "\b0106";
    display: inline-block;
    transition: all .2s;
    font-size: .6rem;
    position: absolute;
    top: 0
}

.fk-foldStyle3 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {
    transform: rotate(90deg)
}

.videoDialog {
    background-color: black;
    height: 100%;
    width: 100%;
    position: fixed;
    box-sizing: border-box;
    z-index: 99999;
    top: 0
}

.mobiVideo {
    width: 100%
}

.cancelVideo {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 15px;
    color: white;
    cursor: pointer
}

.cancelVideo:before {
    content: "\b0118"
}

.videoPlay {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,0.4);
    border-radius: 1.1rem;
    color: white;
    text-align: center
}

.videoPlay:before {
    content: "\b0237";
    font-size: .9rem;
    line-height: 2.2rem;
    margin-left: .2rem
}

.videoDiv {
    cursor: pointer;
    height: 8.1rem;
    width: 100%;
    position: relative
}

.videoDiv .videoPoster {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.mobiVideoDialog {
    position: absolute;
    top: 50%;
    margin-top: -105px;
    height: 9rem;
    width: 100%
}

.mobiVideoDialogOl {
    position: absolute;
    top: 50%;
    margin-top: -125px;
    height: 9rem;
    width: 100%
}