@charset "utf-8";

@font-face {

    font-family: icomoon;

    src: url(/css/fontsIco/icomoon.eot?-2mgmdr&v=154);

    src: url(/css/fontsIco/icomoon.eot?#iefix-2mgmdr&v=154) format('embedded-opentype'), url(/css/fontsIco/icomoon.woff?-2mgmdr&v=154) format('woff'), url(/css/fontsIco/icomoon.ttf?-2mgmdr&v=154) format('truetype');

    font-weight: 400;

    font-style: normal

}



[class*=" icon-"], [class*=faisco-icons-], [class^=icon-] {

    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



* {

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

    -webkit-touch-callout: none;

    margin: 0

}



::-webkit-scrollbar {

    width: 4px;

    height: 4px

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);

    border-radius: 0;

    background: rgba(0, 0, 0, .1)

}



::-webkit-scrollbar-thumb {

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);

    background: rgba(0, 0, 0, .2)

}



::-webkit-scrollbar-thumb:hover {

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);

    background: rgba(0, 0, 0, .4)

}



.clearFix:after, .clearFix:before {

    content: "";

    display: table

}



.clearFix:after {

    clear: both

}



html {

    height: 100%

}



input, textarea {

    -webkit-user-select: text

}



a {

    color: #000;

    padding: 0;

    text-decoration: none;

    cursor: pointer;

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma

}



video {

    width: 100%

}



img {

    border: none;

    max-width: 100%;

    vertical-align: top

}



input[type=checkbox], input[type=radio] {

    vertical-align: -2px

}



.g_textArea {

    text-indent: .25rem;

    height: 2.5rem;

    line-height: 1.1rem;

    font-size: .7rem;

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    width: 100%;

    border: 1px solid #ccc;

    background: #fff;

    -webkit-appearance: none;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    margin-top: -1px;

    outline: 0;

    z-index: 1;

    position: relative;

    text-indent: 0;

    padding-top: .6rem;

    padding-right: .5rem;

    color: #999

}



.g_textArea:focus {

    border-color: #9dbff6;

    color: #333

}



.g_border {

    border-bottom: 1px solid #ccc

}



.g_separator {

    background: #ccc

}



.g_panel {

    background: #d5f8f4

}



.g_replyPanel {

    background: #b8deea

}



.g_panelArrow {

    color: #b8deea

}



.g_dashed {

    border-bottom: 1px dashed #e1e1e1

}



.g_input {

    padding: .75rem;

    height: 2.5rem;

    line-height: 1.1rem;

    font-size: .7rem;

    background-color: #fff;

    border: 1px solid #ccc;

    margin-top: -1px;

    width: 100%;

    color: #999;

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -webkit-appearance: none;

    outline: 0;

    z-index: 1

}



.g_select {

    padding-left: .75rem;

    height: 2.5rem;

    line-height: normal !important;

    font-size: .7rem;

    background-color: #fff;

    border: 1px solid #ccc;

    margin-top: -1px;

    width: 100%;

    color: #999;

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -webkit-appearance: none;

    outline: 0;

    z-index: 1;

    position: relative

}



.fk-selectStyle {

    font-family: 微软雅黑;

    color: #8c8c8c

}



.itemEdit {

    padding-left: 2.1rem

}



.g_locale2052 .itemEdit {

    padding-left: 3.5rem

}



.g_input:focus {

    color: #333;

    border-color: #9dbff6;

    z-index: 2

}



.fk-inputFontColor {

    color: #333

}



.g_select:focus {

    color: #333;

    border-color: #9dbff6;

    z-index: 2

}



.g_close {

    bottom: 0;

    top: 0;

    float: left;

    background-size: 70%;

    background-repeat: no-repeat;

    background-position: center center;

    position: absolute;

    left: 0;

    display: table;

    height: 100%

}



.icon-gClose {

    font-size: 1.6rem;

    color: #fff;

    cursor: pointer

}



.icon-gClose:before {

    content: "\e60e";

    display: table-cell;

    vertical-align: middle

}



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

}



.fullWidthClass {

    max-width: 768px;

    width: 100%

}



div.fixedAreaBox {

    left: 0;

    margin-left: 0

}



@media only screen and (min-width: 768px) {

    div.fixedAreaBox {

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



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

    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

}





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

    -webkit-transition: all .2s ease-in-out;

    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;

    -webkit-transition: left .2s ease-in-out, width .2s ease-in-out;

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

    white-space: nowrap

}



.jz-webTips .j-marquee {

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%

}



.jz-webTips .j-marqueeContainer li {

    position: relative;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0 !important

}



.jz-webTips .j-marqueeContainer li:not(:first-child) {

    padding-left: 20px

}



.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%);

    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);

    transform: rotate(360deg);

    -webkit-animation: spin 1s infinite;

    animation: spin 1s infinite

}



@-webkit-keyframes spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.mobi_notice_right_to_left_normal {

    -webkit-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;

    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;

    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%)

    }

}



@keyframes mobi_notice_right_to_left {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%)

    }

}



.mobi_notice_right_to_left_50_fast {

    -webkit-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;

    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;

    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%)

    }

}



@keyframes mobi_notice_right_to_left_50 {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



.mobi_notice_left_to_right_normal {

    -webkit-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;

    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;

    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%)

    }

}



@keyframes mobi_notice_left_to_right {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        -webkit-transform: translateX(100%);

        transform: translateX(100%)

    }

}



.mobi_notice_left_to_right_50_fast {

    -webkit-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;

    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;

    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%)

    }

}



@keyframes mobi_notice_left_to_right_50 {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        -webkit-transform: translateX(50%);

        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 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: 100% 100%

}



.bannerHidden {

    display: none

}



.bannerSwipeContainer {

    overflow: hidden;

    position: relative;

    height: 100%;

    background-repeat: no-repeat;

    background-size: contain;

    -webkit-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, .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, .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:not(.p_footer_nav), .mobiCol12 .g_web .webContainerBox .webModuleContainer, .mobiCol13 .g_web .moveAnimation:not(.p_footer_nav), .mobiCol13 .g_web .webContainerBox .webModuleContainer, .mobiCol14 .g_web .moveAnimation:not(.p_footer_nav), .mobiCol14 .g_web .webContainerBox .webModuleContainer, .mobiCol26 .g_web .moveAnimation:not(.p_footer_nav), .mobiCol26 .g_web .webContainerBox .webModuleContainer {

    -webkit-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 .form, .mobiCol10 #g_web .webContainerBox, .mobiCol10 #g_web .webModuleContainer, .mobiCol13 #g_web .form, .mobiCol13 #g_web .webContainerBox, .mobiCol13 #g_web .webModuleContainer, .mobiCol14 #g_web .form, .mobiCol14 #g_web .webContainerBox, .mobiCol14 #g_web .webModuleContainer, .mobiCol16 #g_web .form, .mobiCol16 #g_web .webContainerBox, .mobiCol16 #g_web .webModuleContainer {

    height: 100%;

    background: #f7f7f7;

    background-color: #f7f7f7;

    border-bottom: none;

    border-top: none

}



.mobiCol11 #g_web .form, .mobiCol12 #g_web .form, .mobiCol14 #g_web .form, .mobiCol20 #g_web .form, .mobiCol21 #g_web .form {

    border-bottom: none;

    border-top: none

}



.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, .mobiCol33 .webFooterBox, .mobiCol34 .webFooterBox, .mobiCol35 .webFooterBox, .mobiCol36 .webFooterBox, .mobiCol37 .webFooterBox, .mobiCol38 .webFooterBox, .mobiCol39 .webFooterBox, .mobiCol40 .webFooterBox, .mobiCol41 .webFooterBox, .mobiCol43 .webFooterBox, .mobiCol44 .webFooterBox, .mobiCol45 .webFooterBox, .mobiCol46 .webFooterBox, .mobiCol47 .webFooterBox, .mobiCol48 .webFooterBox, .mobiCol49 .webFooterBox, .mobiCol50 .webFooterBox, .mobiCol51 .webFooterBox, .mobiCol52 .webFooterBox, .mobiCol55 .webFooterBox, .mobiCol60 .webFooterBox {

    display: none

}



.webFooterBox {

    margin: 0 auto

}



.webFooterBox .bottomdiv {

    height: auto

}



.mobiCol12 .jz_theme_1025 .webFooterBox {

    display: block

}



.mobiCol12 .jz_theme_1025 .webFooterBox > div {

    display: none

}



.mobiCol12 .jz_theme_1025 .webFooterBox .navbar {

    display: block

}



.webFooterBox .bottomdiv .bottom {

    position: relative;

    background: #999;

    height: 1.5rem

}



.webFooterBox .bottomdiv .bottom .backtop {

    width: 2rem;

    float: right;

    color: #fff;

    position: relative;

    text-transform: capitalize;

    text-align: right;

    padding-right: 1rem;

    line-height: 1.5rem;

    transition: all 350ms;

    -webkit-transition: all 350ms;

    font-family: verdana;

    font-weight: 700;

    cursor: pointer

}



.webFooterBox .bottomdiv .bottom .backtop:active {

    background: rgba(0, 0, 0, .5)

}



.webFooterBox .bottomdiv .bottom .backtop b {

    position: absolute;

    width: 0;

    height: 0;

    top: .5rem;

    right: .35rem;

    border: .2rem transparent solid;

    border-bottom-color: #fff

}



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

    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;

    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 0;

    font-size: .7rem;

    line-height: 150%

}



.mPhotoList {

    margin-top: .5rem

}



.drag_resize_wrap {

    position: relative

}



.form .mProductList a {

    color: #333;

    font-size: .7rem;

    text-decoration: none

}



.form .mProductList .nameWrap {

    word-break: normal;

    white-space: normal;

    overflow: visible;

    text-overflow: clip

}



.form .mProductList .textAlign_center {

    text-align: center

}



.form .mProductList .textAlign_left {

    text-align: left

}



.f-mallPriceWrap .proListBookingBtn, .mProductList .proListBookingBtn {

    height: 1.15rem;

    line-height: 1.15rem;

    width: auto;

    min-width: 1.8rem;

    max-width: 2.9rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 .25rem;

    margin: 0;

    float: right;

    border-radius: 2px;

    color: #fff;

    display: inline-block;

    text-align: center;

    cursor: pointer;

    font-size: .55rem;

    position: relative;

    top: -.1rem

}



.fk-mProductList9 .proListBookingBtn {

    top: .1rem

}



.fk-mProductList3 .f-mallPriceWrap .proListBookingBtn {

    margin-right: 1rem

}



.fk-mProductList3 .paramNowrap .proListBookingBtn {

    margin: .5rem 1rem 0 0

}



.fk-mProductList7 .paramPadding .proListBookingBtn {

    margin: .5rem 0 .2rem 0

}



.mProductList .bookingBtnPlaceholder {

    display: inline-block;

    height: .9rem

}



.fk-mProductList9 .bookingBtnPlaceholder {

    height: 1rem

}



#mProductList3 .productPicListForm .proListBookingBtn {

    margin: .5rem 1rem 0 0

}



#mProductList3 .mProductTileForm .bookingBtnPlaceholder {

    display: block;

    height: .25rem

}



.proDetailDiv .buyNumber::-webkit-inner-spin-button {

    -webkit-appearance: none

}



.productScreenFilterPanel .productScreenFilterContentPanel {

    width: 13.5rem;

    max-width: 18rem;

    background-color: #fff;

    position: absolute;

    right: 0;

    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: 0

}



.productScreenFilterPanel .productScreenFilterOptionContenter {

    overflow-y: auto;

    overflow-x: hidden;

    width: 100%;

    position: absolute;

    -webkit-overflow-scrolling: touch;

    left: 0;

    -ms-overflow-style: none;

    bottom: 0;

    top: 0

}



.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 0 .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: 0 .2rem

}



.productScreenFilterPanel .productScreenFilterContent {

    background-color: #fff

}



.productScreenFilterPanel .noScreenProp {

    color: #666;

    padding: 5rem 0;

    text-align: center;

    font-size: .7rem

}



.productScreenFilterPanel .productScreenFilterLine {

    padding: .7rem 0 0 .5rem;

    height: 1.8rem;

    font-size: .8rem;

    color: #666

}



.productScreenFilterPanel .productScreenFilterLineCheck {

    padding: .7rem .5rem 0;

    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: 0;

    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;

    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, left top, left bottom, color-stop(0, #fff), to(#eeefee));

    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, left top, left bottom, color-stop(0, #fff), to(#eeefee));

    background-image: linear-gradient(180deg, #fff 0, #eeefee 100%);

    border: 1px solid #d5d5d5;

    margin-left: -.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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    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: 700

}



.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 .mProductTileForm .imgClass {

    font-size: 0

}



.form .formMiddle .imgClass_160 {

    height: 8rem;

    text-align: center

}



.form .formMiddle .mProductTileForm.mProductTileFormForStyle1 {

    vertical-align: top

}



.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

}



.searchWindow {

    position: fixed;

    overflow-y: auto;

    top: 0;

    background-color: #fff;

    width: 100%;

    max-width: 768px;

    margin: 0 auto;

    height: 100%;

    z-index: 9031;

    -webkit-animation: popupSearchWindow .25s both;

    animation: popupSearchWindow .25s both

}



@-webkit-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;

    animation: closeSearchWindow .25s both

}



@-webkit-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;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



.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.83rem;

    line-height: 1.83rem;

    width: 100%;

    border: none;

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

}



.newSearchWindow #icon-delete {

    display: none

}



.popupSearchWrap5 .icon-popupSearchIcon {

    display: none

}



.historyTopicWrap, .hotTopicWrap {

    padding: .8rem .8rem 0 .8rem

}



.historyTopicWrap {

    overflow-y: scroll;

    max-height: 9.5rem;

    padding-top: .8rem

}



.newSearchWindow .historyTopicWrap {

    max-height: 11.5rem

}



.historyTopicWrap::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 0 #fff;

    background-color: #fff

}



.historyTopicWrap::-webkit-scrollbar {

    width: 0;

    background-color: #ff0

}



.historyTopicWrap::-webkit-scrollbar-thumb {

    border-radius: 0;

    background-color: #0f0

}



.hotTopicWrap ~ .historyTopicWrap {

    padding-top: .4rem

}



.searchWindow h3 {

    color: #333;

    font-weight: 400;

    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

}



.newSearchWindow .searchInputBar {

    position: relative;

    height: 2.22rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0;

    border-bottom: 1px solid rgba(238, 238, 238, 1);

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



.searchInputBar .subMenu {

    position: absolute;

    top: calc(100% + .64rem);

    left: .83rem;

    line-height: 1.28rem;

    background: rgba(0, 0, 0, 1);

    opacity: .75;

    border-radius: 5px

}



.searchInputBar .subMenu .subMenuItem {

    cursor: pointer;

    padding: 0 .45rem;

    min-width: 2.6rem;

    max-width: 3.5rem;

    text-align: center;

    height: 1.4rem;

    line-height: 1.4rem;

    border-bottom: 1px solid #333

}



.subMenuItem .subMenuItem-span {

    display: inline-block;

    width: 100%;

    max-width: 3.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: .6rem;

    font-weight: 500;

    color: rgba(255, 255, 255, 1)

}



.searchInputBar .subMenu .subMenuItem:first-child {

    position: relative

}



.searchInputBar .subMenu .subMenuItem:first-child::after {

    position: absolute;

    content: "";

    height: 0;

    width: 0;

    top: -6px;

    left: 50%;

    margin-left: -.38rem;

    border-bottom: .38rem solid rgba(0, 0, 0, 1);

    border-left: .38rem solid transparent;

    border-right: .38rem solid transparent

}



.searchInputBar .subMenu .subMenuItem:last-child {

    border: none

}



.newPopupSearchWrap {

    border: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    padding: 0 .75rem

}



.newPopupSearchWrap form {

    width: 77%;

    padding-right: 1.5rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.newPopupSearchWrap .popupSearchInput {

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.newPopupSearchWrap .popupSearchInput::-webkit-input-placeholder {

    font-size: .6rem;

    font-weight: 500;

    color: rgba(188, 188, 188, 1)

}



.historyTopicWrap .deleteSvg, .newPopupSearchWrap .searchSvg {

    width: .7rem;

    height: .7rem

}



.historyTopicWrap .deleteSvg {

    position: absolute;

    right: .75rem;

    cursor: pointer

}



.newPopupSearchWrap .icon-closeSearch {

    width: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    right: .75rem;

    font-size: .6rem;

    font-weight: 500;

    color: rgba(59, 59, 59, 1)

}



.newPopupSearchWrap .icon-closeSearch:before {

    display: none

}



.newPopupSearchWrap .icon-delete {

    width: .7rem;

    height: 100%;

    position: relative;

    right: 1rem;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.newSearchWindow .topicItem {

    background: rgba(246, 246, 246, 1);

    border-radius: 4px;

    font-size: .5rem;

    font-weight: 500;

    color: rgba(51, 51, 51, 1);

    border: 0

}



.newSearchWindow h3 {

    font-size: .6rem;

    margin-bottom: .7rem;

    font-weight: 500;

    color: rgba(181, 182, 183, 1)

}



.newPopupSearchWrap .popupSearchInput::-webkit-input-placeholder {

    width: 85%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



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

    -webkit-box-shadow: rgba(247, 239, 239, .5) 0 0 1.2rem inset;

    box-shadow: rgba(247, 239, 239, .5) 0 0 1.2rem inset;

    padding: .25rem

}



.lastPageButton {

    border-radius: .5rem;

    margin-left: -.25rem;

    margin-top: .75rem;

    float: left;

    width: 1.6rem;

    height: 2.5rem;

    background-color: rgba(0, 0, 0, .3);

    background-image: url(/image/Pc.png?v=201711250607);

    background-repeat: no-repeat;

    background-position: 2px -78px

}



.nextPageButton {

    margin-right: -.25rem;

    border-radius: .5rem;

    margin-top: .75rem;

    float: right;

    width: 1.6rem;

    height: 2.5rem;

    background-color: rgba(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 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 0;

    padding-left: .5rem

}



.tableBox .phonebox, .tableBox .qqbox {

    display: inline-block;

    vertical-align: middle;

    padding: 0 0;

    padding-left: .5rem

}



.tableBox .tableCell-30 {

    width: 30%

}



.tableBox .tableCell-70 {

    width: 70%

}



.tableBox .paramNowrap {

    overflow: hidden;

    text-overflow: ellipsis

}



.tableBox .paramWrap {

    word-break: normal

}



.mProductList .tableBox {

    table-layout: fixed

}



.newsDetail .title {

    float: none;

    line-height: 1.5rem;

    background: 0 0;

    height: auto

}



.textAreaLine {

    height: auto

}



.formStyle24 .newsList .line:before {

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    content: ""

}



.newsList .line:before {

    content: ""

}



.newsList .line.wWLineOne:before {

    content: "";

    background: 0 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    border: none

}



.newsList .line.wWLineOne:nth-last-child(2):before {

    content: "";

    background: 0 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    border: none

}



.newsList .line.wWLineOne:after {

    content: "";

    border: none;

    background: 0 0

}



.newsList .line.wWLineOne:nth-last-child(2):after {

    content: "";

    border: none;

    background: 0 0;

    border: none

}



.newsList .line.One:before {

    content: "";

    background: 0 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    border: none

}



.newsList .line.One:nth-last-child(2):before {

    content: "";

    background: 0 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    border: none

}



.newsList .line.One:after {

    content: "";

    border: none;

    background: 0 0

}



.newsList .line.One:nth-last-child(2):after {

    content: "";

    border: none;

    background: 0 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: auto;

    line-height: normal;

    font-size: .7rem;

    font-weight: 400;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.separatorLine {

    clear: both;

    margin: 0;

    font-size: 0;

    border-top: none;

    border-left: none;

    border-right: none;

    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 .picAndTextFlex .topFlagTableCell {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.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: 400;

    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 .articleStyle2 .fontTableCell {

    height: auto;

    line-height: 1rem;

    padding-left: .25rem;

    padding-right: .15rem;

    display: block;

    width: auto;

    height: auto;

    overflow: hidden;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-all

}



.newsList .articleStyle2 .articleFlexWrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%

}



.newsList .articleStyle2 .picAndTextFlex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.newsList .articleStyle2 .textFlexWrap {

    width: 100%;

    overflow: hidden

}



.newsList .articleStyle2 .settingShow {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.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 .articleStyle2 .description {

    font-size: .6rem;

    color: #999

}



.newsList .articleStyle2 {

    padding-left: .75rem !important;

    padding-right: .75rem !important

}



.newsList .articleStyle2 .imgLeft {

    padding-right: .97rem;

    margin-bottom: .35rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.newsList .articleStyle2 .imgRight {

    padding-left: 1.1rem;

    margin-bottom: .35rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.newsList .articleStyle2 .titleLine {

    font-size: .7rem;

    line-height: .94rem;

    margin-bottom: .21rem;

    overflow: hidden;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-all;

    white-space: normal

}



.newsList .articleStyle2 .noTitleLine {

    font-size: .7rem;

    line-height: .94rem;

    margin-bottom: .21rem;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-all;

    white-space: normal

}



.newsList .articleStyle2 .defaultDescriptionLine {

    font-size: .6rem;

    line-height: .9rem;

    margin-bottom: .75rem;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    white-space: normal

}



.newsList .articleStyle2 .descriptionLine {

    font-size: .6rem;

    line-height: 1rem;

    margin-bottom: .75rem;

    overflow: hidden;

    word-break: break-all;

    -webkit-box-orient: vertical;

    white-space: normal;

    -webkit-line-clamp: unset

}



.newsList .articleStyle2 .noDescriptionLine {

    font-size: .6rem;

    line-height: 1rem;

    margin-bottom: .75rem;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    white-space: normal

}



.newsList .One .fontTableCell {

    display: table-cell;

    vertical-align: middle;

    padding-left: .25rem;

    padding-right: .15rem

}



.isNewAddModule .newsList .One .fontTableCell {

    vertical-align: top

}



.newsList .articleStyle2 + .separatorLine {

    border-style: none;

    height: 1px;

    margin-left: .75rem;

    margin-right: .75rem

}



.newsList .articleStyle2 + .separatorLine:last-child {

    display: none

}



.newsList .articleStyle2 + .g_separator {

    background: #e5e5e5

}



.newsList .articleStyle2 + .g_separator:last-child {

    display: none

}



.newsList .articleStyle2 .One {

    display: block;

    padding-left: .25rem;

    padding-right: .15rem

}



.newsList .articleStyle2 .One .fontTableCell {

    vertical-align: middle;

    padding-left: .25rem;

    padding-right: .15rem

}



.newsList .articleStyle2 .onlyTitle {

    margin-top: .25rem

}



.newsList .articleStyle2 .hasSettingNoDescription {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.isNewAddModule .newsList .articleStyle2 .hasSettingNoDescription {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.newsList .articleStyle2 .felxTextItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    word-break: break-all

}



.newsList .articleStyle2 .lineBodyPic .description {

    white-space: pre-wrap

}



.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 .articleStyle2 .lineBody {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 0;

    margin-top: .5rem

}



.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 div, .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 img {

    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;

    -webkit-box-sizing: border-box;

    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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 1%;

    background-size: 100% 100%;

    background-color: #f2f2f2

}



.isNewAddModule .icon-noFigureB:before, .isNewAddModule .three_pic_text .icon-noFigureB:before, .newsList .mixNewsStyleLine .icon-noFigureB:before, .newsList .three_pic_mix_text_list .icon-noFigureB:before, .newsList .up_down_pic_text .icon-noFigureB:before {

    content: "\e729";

    background-color: transparent;

    display: inline-block;

    border-radius: 100%;

    font-size: 6.5rem;

    position: relative;

    top: 50%;

    left: 50%;

    color: #c4c4c4;

    opacity: 1;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.isNewAddModule .newsList .three_pic_mix_pic_text_list .icon-noFigureB:before, .isNewAddModule .newsList .three_pic_mix_text_list .icon-noFigureB:before, .isNewAddModule .three_pic_mix_pic_text_list::before {

    font-size: 2rem

}



.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: 400;

    color: #fff;

    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: 400;

    color: #fff;

    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: 700

}



.g_locale1033 .newsList .mixNewsStyleLine .mixNewsStyleTitle1 {

    padding-left: .25rem;

    padding-right: .25rem;

    width: auto;

    display: block;

    font-weight: 700;

    word-wrap: break-word

}



.newsList .mixNewsStyleLine .mixNewsStyleTitle2 {

    padding-left: .25rem;

    width: 50%;

    height: auto;

    font-weight: 700;

    line-height: 1.3rem

}



.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {

    padding-left: .25rem;

    padding-right: .25rem;

    width: auto;

    display: block;

    font-weight: 400;

    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: 400;

    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: 400;

    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: 400;

    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: 400;

    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: 400;

    line-height: 1.3rem;

    overflow: hidden;

    text-overflow: ellipsis

}



.newsList .mixNewsStyleLine .mixNewsStyleSummary {

    padding-left: .25rem;

    padding-right: .25rem;

    color: grey;

    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: grey;

    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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%

}



.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 .articleStyle2 .newsLeftImg {

    width: 2.5rem;

    height: 2.5rem;

    border-radius: .15rem

}



.newsList .articleStyle2 .newsRightImg {

    width: 2.5rem;

    height: 2.5rem;

    border-radius: .15rem

}



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

    vertical-align: middle

}



.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

}



.isNewAddModule .newsList .cardGraphicNewsStyle .lineBody {

    padding: .4rem 0 .45rem .7rem !important

}



.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: 400;

    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: 400;

    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: 400;

    font-size: .7rem;

    color: #666;

    letter-spacing: .02rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: auto;

    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;

    -webkit-box-sizing: border-box;

    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: 100%;

    height: 9rem;

    -webkit-box-sizing: border-box;

    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: 400;

    color: #fff;

    width: 100%;

    height: 100%;

    padding: 0;

    bottom: 0

}



.newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {

    width: auto;

    display: block;

    font-weight: 400;

    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: 400;

    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: 400;

    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: silver;

    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

}



.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: 400;

    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:after, .newsList .clearFix:before {

    content: "";

    display: table

}



.newsList .clearFix:after {

    clear: both

}



.newsList .articleStyle2 .newsElementsPanel {

    padding-left: 0 !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-bottom: .3rem

}



.newsList .articleStyle2 .newStyleTop {

    display: inline-block;

    min-width: 1.2rem

}



.newsList .articleStyle2 .newsTextPosition2 {

    margin-bottom: .21rem

}



.newsList .articleStyle2 .newsTextPositionTitle {

    display: block

}



.newsList .articleStyle2 .newsElementsPanel .ne_newsSort, .newsList .articleStyle2 .newsElementsPanel .ne_newsTime, .newsList .articleStyle2 .newsElementsPanel .ne_separatorLine {

    line-height: 1.5

}



.newsList .articleStyle2 .newsElementsPanel .ne_newsSort, .newsList .articleStyle2 .newsElementsPanel .ne_newsTime {

    position: relative;

    top: .023rem

}



.newsList .articleStyle2 .newsElementsPanel .ne_separatorLine {

    margin: 0 .7rem

}



.newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName {

    margin-left: .2rem

}



.newsList .One .newsElementsPanel, .newsList .wWLineOne .newsElementsPanel {

    padding-left: .25rem

}



.isNewAddModule .newsList .One .newsElementsPanel, .isNewAddModule.newsList .wWLineOne .newsElementsPanel {

    padding-left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.isNewAddModule .newsList .big_pic_text_list .One .newsElementsPanel {

    padding-bottom: 0

}



.newsList .newsElementsPanel {

    padding-bottom: .5rem;

    font-size: .6rem;

    color: #ababab;

    cursor: pointer;

    letter-spacing: -.3rem

}



.newsList .newsElementsPanel .ne_newsComment {

    display: inline-block;

    max-width: 3rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    letter-spacing: 0;

    margin-bottom: .15rem

}



.newsList .newsElementsPanel .ne_newsAuthor:before, .newsList .newsElementsPanel .ne_newsComment:before {

    font-size: .8rem;

    display: inline-block;

    vertical-align: middle;

    margin-right: -.2rem

}



.newsList .newsElementsPanel .ne_newsComment .newsCommentCount {

    margin-left: .3rem;

    vertical-align: middle;

    line-height: 1

}



.newsList .articleStyle2 .newsElementsPanel .ne_newsComment .newsCommentCount {

    margin-left: .3rem;

    vertical-align: middle;

    line-height: 1

}



.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 .articleStyle2 .newsElementsPanel .ne_newsAuthor {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.newsList .articleStyle2 .newsElementsPanel .ne_newsComment {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0

}



.newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName {

    vertical-align: middle;

    line-height: 1.1rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.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_newsAuthor:before, .newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_newsComment:before {

    vertical-align: middle

}



.newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 .newsElementsPanel .ne_separatorLine {

    background: #ababab

}



.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel {

    text-align: center

}



.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 .newsSortPanel:before {

    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: 0;

    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;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.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 .attachListItem--item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: .5rem 0 .5rem .5rem;

    background-color: #f4f4f4;

    margin-bottom: .5rem

}



.newsDetail .attachListItem {

    width: 14rem;

    height: 1.5rem;

    background-color: #f4f4f4;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.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: 10.5rem

}



.newsDetail .fileContent .fileContentSize {

    font-size: .5rem;

    line-height: .8rem;

    color: #999;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 10.5rem

}



.newsList .isNewAddModule .mixNewsStyleImgBox5 .newsTitlePic {

    width: 100%;

    height: 5.75rem;

    border-radius: .2rem;

    background-color: #f2f2f2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.newsList .isNewAddModule .mixNewsStyleImgBox5.backgroundColor .newsTitlePic, .newsList .isNewAddModule .mixNewsStyleImgBox5.border .newsTitlePic, .newsList .isNewAddModule .mixNewsStyleImgBox5.shadow .newsTitlePic {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5 {

    width: 10.25rem;

    border-radius: .2rem

}



.newsList .isNewAddModule .mixNewsStyleImgBox5 .icon-noFigureB:before {

    -webkit-transform: none;

    transform: none;

    height: auto;

    margin: 0;

    border-radius: .2rem;

    background-color: transparent;

    position: relative;

    left: auto;

    top: auto;

    font-size: 3.5rem

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitle1 {

    font-size: .7rem;

    font-weight: 700

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 .newsElementsPanel {

    color: #848e98;

    font-size: .45rem

}



.newsList .cardGraphicNewsStyle .isNewAddModule .f_mixNewsStyleImgBox5_link {

    border-radius: .2rem

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5 {

    border: 0

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 .newsElementsPanel {

    margin-top: .52rem

}



.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor .newsAuthorName, .isNewAddModule .newsList .newsElementsPanel .ne_newsComment, .isNewAddModule .newsList .newsElementsPanel .ne_newsSort, .isNewAddModule .newsList .newsElementsPanel .ne_newsTime, .isNewAddModule .newsList .newsElementsPanel .newsCommentCount, .isNewAddModule .newsList + .newsElementsPanel .ne_newsAuthor .newsAuthorName, .isNewAddModule .newsList + .newsElementsPanel .ne_newsComment, .isNewAddModule .newsList + .newsElementsPanel .ne_newsSort, .isNewAddModule .newsList + .newsElementsPanel .ne_newsTime, .isNewAddModule .newsList + .newsElementsPanel .newsCommentCount {

    padding: 0 .3rem 0 0;

    line-height: normal;

    color: #848e98;

    font-size: .45rem;

    margin-left: 0;

    margin-right: 0

}



.isNewAddModule .newsList .newsElementsPanel .ne_newsComment .newsCommentCount {

    padding-right: 0

}



.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor:before, .isNewAddModule .newsList .newsElementsPanel .ne_newsComment:before {

    display: none

}



.isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor, .isNewAddModule .newsList .newsElementsPanel .ne_newsComment {

    margin-left: 0 !important;

    line-height: normal;

    font-size: .45rem;

    margin-right: 0;

    margin: 0;

    color: #848e98

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.border {

    border: 1px solid rgba(238, 238, 238, 1);

    margin-top: .3rem;

    margin-bottom: .3rem

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.shadow {

    margin: .75rem;

    margin-right: .15rem;

    margin-top: .3rem;

    margin-bottom: .3rem

}



.newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.backgroundColor, .newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleImgBox5.transparent {

    margin-right: .15rem;

    margin-top: .3rem;

    margin-bottom: .3rem

}



.isNewAddModule .newsList .cardGraphicNewsStyle:last-child .mixNewsStyleImgBox5.shadow {

    margin-right: .5rem

}



.isNewAddModule.news_list_wrap .newsList .cardGraphicNewsStyle .lineBody.shadowWrap {

    padding-left: 0 !important

}



.isNewAddModule .newsList .cardGraphicNewsStyle .mixNewsStyleTitleContainer5 {

    padding: .35rem 0

}



.isNewAddModule .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1 {

    max-height: none

}



.isNewAddModule .newsList .cardGraphicNewsStyle .mixNewsStyleTitle1.news_title {

    margin-bottom: .3rem;

    font-size: .6rem

}



.isNewAddModule .newsList .cardGraphicNewsStyle .isNewAddModule .mixNewsStyleTitleContainer5 .newsElementsPanel {

    margin-top: .3rem

}



.isNewAddModule .newsList .cardGraphicNewsStyle .f_mixNewsStyleImgBox5_link {

    background: 0 0

}



.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 {

    background: rgba(0, 0, 0, .5)

}



.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleImgBox6 .newsElementsPanel .ne_newsComment {

    margin-left: 0;

    margin-right: .5rem

}



.newsList .isNewAddModule .newsElementsPanel {

    letter-spacing: 0

}



.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {

    font-size: .7rem;

    max-width: 9.75rem;

    text-align: center;

    margin: 0 auto

}



.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleSummary {

    opacity: .8;

    font-size: .55rem;

    color: #fff;

    max-height: none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitlePanel {

    border-radius: 2.5rem;

    margin-top: 2.325rem;

    padding-top: 0

}



.newsList .largeImageNewsStyle .isNewAddModule .f_mixNewsStyleImgBox6_link {

    border-radius: .2rem

}



.newsList .largeImageNewsStyle .mixNewsStyleImgBox6 {

    padding: .75rem .75rem .5rem .75rem

}



.newsList .largeImageNewsStyle .isNewAddModule .mixNewsStyleTitleContainer6 .mixNewsStyleTitle1 {

    display: -webkit-box;

    max-height: none;

    max-width: none

}



.newsList .largeImageNewsStyle .lineBody .noDescriptionLine {

    white-space: unset

}



.newsList .isNewAddModule .newsElementsPanel .ne_newsTime.fix1 {

    line-height: normal

}



.isNewAddModule .newsList .largeImageNewsStyle .lineBody {

    padding: .75rem;

    padding-bottom: 0

}



.isNewAddModule .newsList .largeImageNewsStyle {

    margin-bottom: 0

}



.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleImgBox6 {

    padding: 0;

    padding-bottom: .1rem

}



.isNewAddModule .newsList .largeImageNewsStyle .icon-noFigureB:before {

    background: 0 0;

    border-radius: 50%;

    font-size: 6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: static;

    margin: 0 auto;

    -webkit-transform: none;

    transform: none

}



.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleTitleContainer6 {

    max-height: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.isNewAddModule .newsList .largeImageNewsStyle .f_mixNewsStyleImgBox6_link {

    max-height: none

}



.isNewAddModule .newsList .largeImageNewsStyle .mixNewsStyleTitlePanel {

    width: 100%;

    padding: .7rem 1.5rem;

    margin-top: 0

}



.isNewAddModule .newsList .articleStyle2 + .g_separator {

    background: #eee

}



.isNewAddModule .newsList .articleStyle2 .lineBody {

    margin: 0;

    padding: .75rem 0 !important

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 div, .isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 img {

    max-height: none

}



.isNewAddModule .newsList .mixNewsStyleLine .icon-noFigureB {

    background: #f2f2f2

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleSummary {

    padding-left: 0;

    padding-right: 0

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer3 .mixNewsStyleTitle1 {

    line-height: normal;

    font-size: .6rem

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleTitleContainer4 .mixNewsStyleTitle1 {

    line-height: normal;

    font-size: .6rem

}



.isNewAddModule .newsList .articleStyle2 .imgRight {

    padding-left: .7rem

}



.isNewAddModule .newsList .articleStyle2 .imgLeft {

    padding-right: .7rem

}



.isNewAddModule .newsList .articleStyle2 .imgLeft.noMargin {

    margin-bottom: 0

}



.isNewAddModule .newsList .articleStyle2 .imgRight.noMargin {

    margin-bottom: 0

}



.newsList .lineBody .defaultDescriptionLine {

    line-height: normal;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    white-space: normal

}



.newsList .lineBody .descriptionLine {

    line-height: normal;

    overflow: hidden;

    word-break: break-all;

    -webkit-box-orient: vertical;

    white-space: normal;

    -webkit-line-clamp: unset

}



.newsList .lineBody .noDescriptionLine {

    line-height: normal;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    white-space: normal

}



.isNewAddModule .newDescriptionLine, .newsList .articleStyle2 .isNewAddModule .newDescriptionLine, .newsList .lineBody.isNewAddModule .newDescriptionLine {

    color: #848e98;

    font-size: .6rem;

    line-height: .9rem

}



.isNewAddModule .newTitle, .newsList .articleStyle2 .isNewAddModule .newTitle, .newsList .lineBody.isNewAddModule .newTitle {

    color: #333;

    font-size: .7rem;

    margin-bottom: .3rem

}



.isNewAddModule .newsList + .newsElementsPanel .ne_separatorLine {

    display: none

}



.isNewAddModule .newsList .newsElementsPanel .ne_separatorLine {

    display: none

}



.newsList .isNewAddModule.icon-gline:after, .newsList .isNewAddModule.line:before {

    display: none

}



.newsList .wWLine.line .isNewAddModule.lineBody {

    padding: 0

}



.newsList .isNewAddModule .newsElementsPanel {

    padding: 0

}



.newsList .column2 .isNewAddModule.wWLine a {

    max-height: none

}



.isNewAddModule .newsList .column2 {

    margin: 0

}



.isNewAddModule .newsList .column2:before {

    background: #eee

}



.isNewAddModule .text_list .separatorLine:last-child {

    display: none

}



.isNewAddModule .text_list .newTextInfo {

    padding-top: .3rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1rem

}



.isNewAddModule .text_list .newTextInfo.hasDes {

    padding-top: .45rem

}



.isNewAddModule .text_list .newTextInfo .ne_newsAuthor {

    padding-right: .3rem

}



.isNewAddModule .g_newsInfo {

    line-height: normal;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.newsList .text_list .line a {

    line-height: normal !important

}



.isNewAddModule .newsList .text_list .news_title.noDes {

    margin-bottom: 0

}



.isNewAddModule .head_word_pic_text_list .lineBody .mixNewsStyleSummary.defaultDescriptionLine {

    -webkit-line-clamp: 3

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 .head_word_pic {

    width: 6.5rem;

    height: 4.9rem;

    border-radius: .2rem

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox1 .head_word_pic:before {

    font-size: 4rem

}



.isNewAddModule.news_list_wrap .head_word_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox1 {

    padding: 0;

    padding-right: .7rem

}



.isNewAddModule .head_word_pic_text_list .imgRight {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



.isNewAddModule .head_word_pic_text_list .imgRightText {

    width: 60%;

    margin-right: .7rem

}



.isNewAddModule .newsList .newsLine .newsLeftImg {

    border-radius: .1rem

}



.isNewAddModule .newsList .picTableCellLeft .newsLeftImg {

    margin-right: .7rem

}



.isNewAddModule .newsList .picTableCellRight .newsLeftImg {

    margin-left: .7rem

}



.isNewAddModule .head_word_pic_text_list .mixNewsStyleLine .imgRight .mixNewsStyleImgBox1 {

    padding: 0

}



.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4 {

    max-height: none;

    background: 0 0

}



.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4.textInner {

    background: -webkit-gradient(linear, left top, left bottom, from(linear), color-stop(top), color-stop(from(rgba(0, 0, 0, 0))), to(to(rgba(0, 0, 0, .6))));

    background: linear-gradient(linear, top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));

    border-radius: 0 0 .2rem .2rem

}



.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4.textInner .news_title {

    font-size: .65rem

}



.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .mixNewsStyleTitleContainer4.textInner .news_title.descriptionLine {

    white-space: normal

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox4 .newsTitlePic {

    border-radius: .2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .news_title {

    font-size: .6rem;

    white-space: nowrap;

    line-height: normal;

    font-size: .6rem

}



.isNewAddModule.news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 .news_title.textOuter {

    padding: 0;

    white-space: normal;

    margin-bottom: .45rem

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3 {

    background: 0 0

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner {

    background: -webkit-gradient(linear, left top, left bottom, from(linear), color-stop(top), color-stop(from(rgba(0, 0, 0, 0))), to(to(rgba(0, 0, 0, .6))));

    background: linear-gradient(linear, top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));

    border-radius: 0 0 .2rem .2rem

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner .news_title {

    font-size: .65rem;

    white-space: nowrap

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner .news_title.descriptionLine {

    white-space: normal

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .mixNewsStyleTitleContainer3.textInner .news_title.noDescriptionLine {

    white-space: nowrap

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .news_title {

    font-size: .6rem;

    padding: 0 .5rem;

    max-height: none

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox3 .news_title.textOuter {

    padding: 0;

    font-size: .7rem;

    margin: .45rem 0

}



.isNewAddModule.news_list_wrap .head_pic_text_list .mixNewsStyleImgBox3 {

    padding: 0;

    padding-top: .75rem

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleImgBox3 .newsTitlePic, .isNewAddModule.news_list_wrap .head_pic_text_list {

    border-radius: .2rem

}



.isNewAddModule .big_pic_text_list .g_separator {

    background: #eee;

    display: block

}



.isNewAddModule .big_pic_text_list .line .lineBody {

    padding: .75rem 0 !important

}



.isNewAddModule .g_separator:last-child {

    display: block

}



.isNewAddModule .g_separator {

    background: #eee

}



.isNewAddModule .newsList .column2 .c2_separatorLine {

    border-color: #eee

}



.isNewAddModule .newsList .mixNewsStyleLine .lineBody {

    width: 100%;

    padding-bottom: 0

}



.isNewAddModule .newsList .big_pic_text_list .newsLine:last-child .g_separator {

    display: none

}



.isNewAddModule .newsList .big_pic_text_list .newsLine {

    padding: .75rem 0

}



.isNewAddModule .newsList .big_pic_text_list .wWLine {

    padding: 0
}



.isNewAddModule.news_list_wrap .textOuter.news_title {

    margin-top: .4rem;

    padding: 0;

    white-space: normal

}



.isNewAddModule.news_list_wrap .textOuter.textTopOuter.news_title {

    margin-top: 0;

    margin-bottom: .625rem

}



.isNewAddModule.news_list_wrap .textOuter.textTopOuter.news_title.textOuter {

    padding: 0

}



.isNewAddModule.news_list_wrap .textOuter.textBottomOuter {

    padding: 0

}



.isNewAddModule .big_pic_text_list .newsTextPosition2 {

    margin-bottom: .35rem

}



.isNewAddModule .newsList .big_pic_text_list .One .picTableCell {

    padding-right: 0

}



.isNewAddModule .newsList .big_pic_text_list .One .fontTableCell {

    padding: 0

}



.isNewAddModule .upDownPicText .upDownPicText_Pic {

    height: 7.75rem;

    border-radius: .2rem

}



.isNewAddModule .backgroundColor .textTopFlag.upDownPicText .upDownPicText_Pic, .isNewAddModule .border .textTopFlag.upDownPicText .upDownPicText_Pic, .isNewAddModule .shadow .upDownPicText.textTopFlag .upDownPicText_Pic {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.isNewAddModule .backgroundColor .textBottomFlag.upDownPicText .upDownPicText_Pic, .isNewAddModule .border .textBottomFlag.upDownPicText .upDownPicText_Pic, .isNewAddModule .shadow .upDownPicText .textBottomFlag.upDownPicText_Pic {

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.isNewAddModule .up_down_pic_text.isColumn2 .upDownPicText_Pic {

    width: 100%;

    height: 5.25rem;

    border-radius: 0

}



.isNewAddModule .up_down_pic_text.isColumn2 .transparentBg .upDownPicText_Pic {

    border-radius: .2rem

}



.isNewAddModule .up_down_pic_text.isColumn2 > div {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 6rem;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    vertical-align: top;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.isNewAddModule .up_down_pic_text.isColumn2 .newsLine:nth-child(2n) {

    margin-left: .6rem

}



.isNewAddModule .up_down_pic_text {

    padding: 0 .75rem

}



.isNewAddModule .upDownPicText {

    margin-top: .6rem

}



.isNewAddModule .upDownPicText .newTitle {

    color: #222;

    font-weight: 700;

    margin-bottom: .3rem

}



.isNewAddModule .isColumn2 .upDownPicText .newTitle {

    font-size: .6rem

}



.isNewAddModule .upDownPicText .articleSummray {

    color: #848e98;

    font-size: .6rem

}



.isNewAddModule .up_down_pic_text .g_separator:last-child {

    display: none

}



.isNewAddModule .upDownPicText .newsElementsPanel {

    padding: 0

}



.isNewAddModule .upDownPicText.textTopFlag .newsElementsPanel {

    margin-top: .45rem;

    padding-bottom: 0

}



.isNewAddModule .backgroundColor .upDownPicText.textTopFlag .newsElementsPanel, .isNewAddModule .border .upDownPicText.textTopFlag .newsElementsPanel, .isNewAddModule .shadow .upDownPicText.textTopFlag .newsElementsPanel {

    padding-top: 0

}



.isNewAddModule .shadow {

    -webkit-box-shadow: 0 .025rem .3rem 0 rgba(0, 0, 0, .1);

    box-shadow: 0 .025rem .3rem 0 rgba(0, 0, 0, .1);

    border-radius: .2rem;

    margin-top: .625rem;

    background: #fff

}



.isNewAddModule .border {

    border: 1px solid rgba(238, 238, 238, 1);

    border-radius: .2rem;

    margin-top: .625rem;

    margin-top: .625rem;

    background: #fff

}



.isNewAddModule .backgroundColor {

    background: rgba(246, 246, 246, 1);

    border-radius: .2rem;

    margin-top: .625rem

}



.isNewAddModule .transparent {

    background: 0 0

}



.isNewAddModule .backgroundColor + .separatorLine, .isNewAddModule .border + .separatorLine, .isNewAddModule .shadow + .separatorLine {

    display: none

}



.isNewAddModule .shadow .upDownPicText {

    margin-top: 0

}



.isNewAddModule .border .upDownPicText {

    margin-top: 0

}



.isNewAddModule .backgroundColor .upDownPicText {

    margin-top: 0

}



.isNewAddModule .backgroundColor .newsElementsPanel, .isNewAddModule .border .newsElementsPanel, .isNewAddModule .shadow .newsElementsPanel {

    padding: .375rem

}



.isNewAddModule .textBottom, .isNewAddModule .textTop {

    padding: .75rem 0

}



.isNewAddModule .three_pic_mix_text_list .textBottom {

    padding-top: 0;

    padding-bottom: 0

}



.isNewAddModule .three_pic_mix_pic_text_list .textBottom {

    padding-top: 0;

    padding-bottom: 0

}



.isNewAddModule .backgroundColor .textBottom, .isNewAddModule .backgroundColor .textTop, .isNewAddModule .border .textBottom, .isNewAddModule .border .textTop, .isNewAddModule .shadow .textBottom, .isNewAddModule .shadow .textTop {

    padding: .75rem .375rem

}



.isNewAddModule .upDownPicText .noDesClass.newTitle {

    margin-bottom: 0

}



.isNewAddModule .upDownPicText .newsElementsPanel {

    padding-bottom: .7rem

}



.isNewAddModule .mixNewsStyleImgBox5.backgroundColor .mixNewsStyleTitleContainer5, .isNewAddModule .mixNewsStyleImgBox5.border .mixNewsStyleTitleContainer5, .isNewAddModule .mixNewsStyleImgBox5.shadow .mixNewsStyleTitleContainer5 {

    padding: .55rem .375rem

}



.isNewAddModule .backgroundColor .mixNewsStyleTitleContainer5 .newsElementsPanel, .isNewAddModule .border .mixNewsStyleTitleContainer5 .newsElementsPanel, .isNewAddModule .shadow .mixNewsStyleTitleContainer5 .newsElementsPanel {

    padding: 0

}



.newsList .up_down_pic_text.isColumn2 .icon-noFigureB:before {

    font-size: 4rem

}



.isNewAddModule .upDownPicText .upDownPicText_Pic {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 8rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background-size: 100% 100%;

    background-color: #f2f2f2

}



.isNewAddModule .up_down_pic_text.isColumn2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.isNewAddModule .newsList .articleStyle2 .newsElementsPanel .ne_newsComment .newsCommentCount {

    margin-left: 0

}



.isNewAddModule .newsList .articleStyle2 .isNewAddModule .newTitle {

    margin-bottom: .35rem

}



.isNewAddModule .newsList .articleStyle2 .newsTextPosition2 {

    margin-bottom: .35rem

}



.isNewAddModule .newsList .articleStyle2 .newsElementsPanel {

    padding-bottom: 0

}



.isNewAddModule .newsList .centerTextAlign {

    text-align: center

}



.isNewAddModule .newsList .leftTextAlign {

    text-align: left

}



.isNewAddModule .newsList .blankDiv {

    opacity: 0

}



.isNewAddModule .newsList .textTop {

    margin-top: 0;

    padding-bottom: 0;

    padding-top: .4rem

}



.isNewAddModule .upDownPicText .icon-noFigureB {

    background: #f2f2f2

}



.isNewAddModule .upDownPicText .picNoRadiusClass {

    border-radius: 0

}



.isNewAddModule .up_down_pic_text a {

    vertical-align: bottom

}



.isNewAddModule .up_down_pic_text .backgroundColor .onlyTitle {

    padding-bottom: 0

}



.isNewAddModule .up_down_pic_text .border .onlyTitle {

    padding-bottom: 0

}



.isNewAddModule .up_down_pic_text .shadow .onlyTitle {

    padding-bottom: 0

}



.isNewAddModule .up_down_pic_text .textBottomFlag .newsElementsPanel {

    padding-top: .7rem;

    padding-top: .45rem

}



.isNewAddModule .up_down_pic_text .hideElem {

    padding-bottom: .7rem

}



.isNewAddModule .up_down_pic_text .onlyTitle .textTop .newTitle {

    margin-bottom: .7rem

}



.isNewAddModule .up_down_pic_text .transparentBg .onlyTitle .textBottomFlag .headPicTopWrap {

    margin-bottom: .7rem

}



.isNewAddModule .up_down_pic_text .newsLine {

    overflow: hidden

}



.isNewAddModule .three_pic_text {

    padding: 0 .6rem

}



.isNewAddModule .three_pic_mix_pic_text_list .threePicStyle {

    padding: .75rem

}



.isNewAddModule .three_pic_mix_text_list .threePicStyle {

    padding: .75rem

}



.isNewAddModule .three_pic_mix_pic_text_list .threePicStyle + .g_separator {

    margin: 0 .75rem

}



.isNewAddModule .three_pic_mix_text_list .threePicStyle + .g_separator {

    margin: 0 .75rem

}



.isNewAddModule .threePicWrap {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.isNewAddModule .threePic {

    width: 5rem;

    height: 3.5rem;

    background-color: #f2f2f2 !important;

    margin-right: .2rem

}



.isNewAddModule .threePicWrap .threePic:last-child {

    margin-right: 0

}



.isNewAddModule .three_pic_text .lineBody.onlyTitle .newTitle {

    margin-bottom: .45rem

}



.isNewAddModule .threePic.firstPic {

    border-radius: .1rem 0 0 .1rem

}



.isNewAddModule .threePic.thirdPic {

    border-radius: 0 .1rem .1rem 0

}



.isNewAddModule .threePicItem .felxTextItem {

    margin-top: .3rem

}



.isNewAddModule .three_pic_text .newsLine {

    padding: .6rem 0

}



.isNewAddModule .three_pic_text .newsElementsPanel {

    padding-bottom: 0

}



.isNewAddModule .three_pic_text .icon-noFigureB {

    background: #f2f2f2

}



.isNewAddModule .three_pic_text .icon-noFigureB:before {

    font-size: 2rem

}



.isNewAddModule .three_pic_text .newsElementsPanel {

    padding-bottom: 0

}



.isNewAddModule .threePicItem .newsElementsPanel {

    padding-bottom: 0;

    padding-top: .35rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.isNewAddModule .three_pic_text .textBottom, .isNewAddModule .three_pic_text .textTop {

    padding: 0

}



.isNewAddModule .three_pic_text .textBottomFlag .textBottom, .isNewAddModule .three_pic_text .textBottomFlag .textTop {

    padding-top: 0

}



.isNewAddModule .upDownPicText.textBottomFlag {

    margin-top: 0

}



.isNewAddModule .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTime {

    color: #333;

    font-size: .7rem;

    margin-bottom: .5rem;

    font-weight: 700

}



.isNewAddModule .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_left .mixNewsStyleTitle1 {

    color: #848e98;

    font-size: .6rem

}



.isNewAddModule .newsList .timeAxisNewsStyle .mixNewsStyleImgBox7:after {

    background: rgba(206, 206, 206, 1)

}



.isNewAddModule .newsList .timeAxisNewsStyle .mixNewsStyleImgBox7 .mixNewsStyleImgBox7_middleCicle {

    background: rgba(255, 255, 255, 1);

    border: 2px solid rgba(206, 206, 206, 1);

    top: 1.0725rem;

    left: 6rem

}



.isNewAddModule .newsList7:after {

    background: #e4e4e4

}



.isNewAddModule .newsList .big_pic_text_list, .isNewAddModule .newsList .column2, .isNewAddModule .newsList .head_pic_text_list, .isNewAddModule .newsList .head_word_pic_text_list, .isNewAddModule .newsList .text_list {

    padding: 0 .75rem

}



.isNewAddModule .newsList .text_list .wWLine {

    padding: .45rem 0

}



.isNewAddModule .newsList .column2 .newsLine {

    padding: 0

}



.isNewAddModule .newsList .head_word_pic_text_list .column2 .newsLine {

    margin-top: 0;

    margin-bottom: 0

}



.isNewAddModule .newsList .head_word_pic_text_list .text_list {

    padding: 0

}



.isNewAddModule .newsList .head_pic_text_list .text_list {

    padding: 0

}



.isNewAddModule .news_list_wrap .big_pic_text_list .mixNewsStyleLine .mixNewsStyleImgBox4 {

    padding: 0

}



.isNewAddModule .newsList .big_pic_text_list .mixNewsStyleLine {

    padding: 0

}



.isNewAddModule.news_list_wrap {

    margin-bottom: .75rem

}



.isNewAddModule .newsList .linkTableCell {

    display: table-cell

}



.isNewAddModule .lineBody .g_news_abstract.onlyTitleAndDes, .isNewAddModule .lineBody.onlyTitle .newTitle, .isNewAddModule .lineBody.onlyTitle .news_title {

    margin-bottom: 0

}



.isNewAddModule .lineBody.onlyTitle .threePicItem .newTitle {

    margin-bottom: .3rem

}



.isNewAddModule .newsList .newTopStyle {

    width: 1.3rem;

    height: auto;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    text-align: left;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    vertical-align: middle

}



.isNewAddModule .newsList .newTopStyle .topContentBox {

    position: relative;

    top: -1.5px

}



.isNewAddModule .newsList .newTopStyle4, .isNewAddModule .newsList .newTopStyle5, .isNewAddModule .newsList .newTopStyle6 {

    margin-right: .2rem

}



.isNewAddModule .newsList .newTopStyle1, .isNewAddModule .newsList .newTopStyle2, .isNewAddModule .newsList .newTopStyle3 {

    position: relative;

    top: -3px

}



.isNewAddModule .newsList .newTopStyle6 {

    width: 1.4rem

}



.isNewAddModule .newsList .newTopStyle svg {

    width: .9rem;

    height: .9rem

}



.isNewAddModule .newsList .newTopStyle + .tableTitle {

    display: table-cell

}



.isNewAddModule .newsList .newTopStyle3 svg {

    color: #ed494c;

    fill: #fff

}



.isNewAddModule .newsList .newTopStyle1 svg {

    fill: #ea4335

}



.isNewAddModule .newsList .newTopStyle2 svg {

    color: #ed494c;

    fill: #fff

}



.isNewAddModule .newsList .topContentBox {

    width: 1.38rem;

    height: .7rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.isNewAddModule .newsList .topContentBox:before {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    line-height: .48rem;

    font-size: .45rem

}



.isNewAddModule .newsList .newTopStyle6 .topContentBox {

    background: #ec4a4a;

    color: #fff;

    -webkit-transform: skewX(-15deg);

    transform: skewX(-15deg);

    border-radius: .1rem

}



.isNewAddModule .newsList .newTopStyle6 .topContentBox:before {

    content: 'NEW'

}



.isNewAddModule .newsList .newTopStyle4 .topContentBox {

    background: #ec4a4a;

    color: #fff;

    border-radius: .1rem

}



.isNewAddModule .newsList .newTopStyle4 .topContentBox:before {

    content: '置顶'

}



.isNewAddModule .newsList .newTopStyle5 .topContentBox {

    border: .025rem solid #ec4a4a;

    color: #ec4a4a;

    border-radius: .1rem

}



.isNewAddModule .newsList .newTopStyle5 .topContentBox:before {

    content: '热门'

}



.isNewAddModule .newsList .headPicTopWrap {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.isNewAddModule .newsList .headPicTopWrap .newTopStyle {

    position: absolute;

    top: .75rem;

    left: .75rem;

    z-index: 3

}



.isNewAddModule .newsList .mixNewsStyleLine .mixNewsStyleTitle1 {

    font-weight: 400

}



.isNewAddModule .newsList .newTopStyle6 {

    margin-left: .1rem

}



.isNewAddModule .newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsAuthor, .isNewAddModule .newsList .newsArrayPanel.column2 .newsElementsPanel .ne_newsComment, .isNewAddModule .newsList .newsElementsPanel .ne_newsAuthor, .isNewAddModule .newsList .newsElementsPanel .ne_newsSort {

    max-width: 5.75rem

}



.isNewAddModule .newsList .newsElementsPanel .ne_newsComment, .isNewAddModule .newsList .newsElementsPanel .ne_newsTime {

    max-width: none;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.webBannerBox {

    margin: 0 auto;

    position: relative

}



.navbar .navLeft {

    display: none

}



.navbar .navRight {

    display: none

}



.icon-navLeft:before {

    font-size: 1.5rem;

    position: absolute;

    margin-left: -.4rem;

    margin-top: 0 !important;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.icon-navRight:before {

    font-size: 1.5rem;

    position: absolute;

    margin-left: -.3rem;

    margin-top: 0 !important;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.pagenation .pagePrev.pageDisable:active {

    background: 0 0

}



.pagenation .pageNext.pageDisable:active {

    background: 0 0

}



.navbar {

    text-align: center;

    left: 0;

    right: 0;

    height: 2.5rem;

    overflow: hidden;

    margin: 0 auto;

    position: absolute;

    -webkit-overflow-scrolling: touch;

    -webkit-backface-visibility: hidden

}



.navExistOffPanel {

    display: none;

    position: fixed;

    margin-left: 0;

    bottom: 0;

    top: 0;

    height: 100%;

    width: 100%;

    max-width: 768px;

    z-index: 1;

    -webkit-transition: all .3s;

    transition: all .3s

}



.navbar .itemSep {

    display: none

}



.navbar .itemSep:first-child {

    display: none

}



.navbar .itemSelected {

    background-color: #2a2929

}



.navbar .navButton {

    display: none

}



.navButton .navButtonPanel {

    display: none;

    z-index: 99 !important

}



.navbar .navMenuHeader {

    display: none

}



.navItemIcon {

    display: none

}



.navBaseIcon .navItemIcon {

    width: 1rem;

    height: 1.5rem;

    display: block;

    margin: 0 auto;

    background-repeat: no-repeat;

    background-position: 50% 50%

}



.navBaseIcon .icon-navItemIcon:before {

    content: "\e6df";

    font-size: 1.5rem;

    color: #fff

}



.navItem_3 .icon-navItemIcon:before {

    content: "\e686"

}



.navItem_6 .icon-navItemIcon:before {

    content: "\e6ac"

}



.navItem_7 .icon-navItemIcon:before {

    content: "\e669"

}



.navItem_9 .icon-navItemIcon:before {

    content: "\e6b6"

}



.navItem_10 .icon-navItemIcon:before {

    content: "\e640"

}



.navItem_11 .icon-navItemIcon:before {

    content: "\e65d"

}



.navItem_12 .icon-navItemIcon:before {

    content: "\e726"

}



.navItem_101 .icon-navItemIcon:before {

    content: "\e6a8"

}



.navItem_102 .icon-navItemIcon:before {

    content: "\e667"

}



.navItem_103 .icon-navItemIcon:before {

    content: "\e640"

}



.navItem_13 .icon-navItemIcon:before {

    content: "\eac4"

}



.navItem_23 .icon-navItemIcon:before {

    content: "\eacb"

}



.navItem_15 .icon-navItemIcon:before {

    content: "\eae0"

}



.navbarList .navItem_23 .icon-navItemIcon:before {

    content: "\e6db"

}



.navbarList .navItem_15 .icon-navItemIcon:before {

    content: "\e606"

}



.navbarList .navItem_13 .icon-navItemIcon:before {

    content: "\e630"

}



.faisco-icons-contact1:before {

    content: "\e640"

}



.faisco-icons-edit1:before {

    content: "\e65d"

}



.faisco-icons-cart1:before {

    content: "\e630"

}



.navButton .menuNav .icon-menuNavTip:before {

    content: "\e6b0";

    font-size: 2.7rem;

    color: #fff;

    display: block;

    position: relative;

    z-index: 3

}



.pagenationSelectDiv {

    max-width: 36.6544444444444444444%;

    display: inline-block;

    -webkit-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0)

}



.pagenation {

    clear: both;

    font-size: .7rem;

    color: #333;

    height: 2.5rem;

    width: 100%;

    text-align: center;

    position: relative

}



.pagenation a {

    text-decoration: none;

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    background: url(about:blank)

}



.pagenation .pagePrev {

    left: 0;

    display: inline-block;

    width: 4.5rem;

    border: 2px solid #c9c9c9;

    margin: .6rem 0 .5rem .5rem

}



.pagenation .pageOptions {

    text-align: center

}



.pagenation .pageNext {

    right: 0;

    display: inline-block;

    width: 4.5rem;

    height: 1.75rem;

    border: 2px solid #c9c9c9;

    margin: .6rem .5rem .5rem 0

}



.pagenation .pageNext a:active, .pagenation .pagePrev a:active {

    background-size: contain !important

}



.pagenation .pageNext span, .pagenation .pagePrev span {

    line-height: 1.3rem;

    height: 1.3rem

}



.pagenation .pageNext, .pagenation .pagePrev {

    height: 1.3rem;

    line-height: 1.3rem;

    position: absolute

}



.pagenation .icon-pageNext:before {

    content: "\e672";

    font-size: 1.2rem;

    display: inline-block;

    margin-left: .2rem;

    padding: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    width: 3.5rem

}



.pagenation .icon-pagePrev:before {

    content: "\e60e";

    font-size: 1.2rem;

    display: inline-block;

    margin-right: .2rem;

    padding: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    width: 3.3rem

}



.pagenation .icon-pageNext:active:before {

    color: #fff

}



.pagenation .icon-pagePrev:active:before {

    color: #fff

}



.pagenation .pageDisable {

    opacity: .5

}



.pagenation .pageSelect {

    height: 1.3rem;

    padding: 0 .35rem;

    margin-bottom: .5rem;

    border: 1px solid #c9c9c9;

    background: #fff;

    font-size: .6rem;

    font-weight: 400;

    margin-top: .6rem;

    text-indent: 0

}



.pagenation select::-ms-expand {

    display: none

}



.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: 700;

    font-size: .7rem

}



.mobiTitleClose {

    display: none

}



.mobiLogo .clear {

    clear: both

}



.textImg3 {

    float: none;

    width: 100%;

    display: block;

    text-align: center

}



.formStyle2 .textImg3 img {

    display: block

}



.formStyle2 img {

    vertical-align: bottom

}



.textImg1 {

    float: left;

    margin: .25rem .5rem .25rem .25rem;

    width: 50%;

    overflow: hidden;

    position: relative;

    z-index: 10

}



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

    list-style: inherit;

    padding-left: 1.35rem

}



.richContent li {

    list-style: inherit

}



.richContent table {

    clear: both;

    border-collapse: collapse;

    word-break: break-all

}



.richContent table td {

    word-break: break-all !important

}



.richContent4 {

    overflow: visible;

    width: auto

}



.richContent1 {

    width: auto;

    padding-left: .25rem;

    overflow: visible

}



.content a, .richContent a {

    text-decoration: underline

}



.clear {

    clear: both

}



.formStyle2 .textImg1 + .richContent1 ol, .formStyle2 .textImg1 + .richContent1 ul {

    list-style-position: outside;

    margin-left: -1em

}



.formStyle2 .textImg1 + .richContent1 ol li, .formStyle2 .textImg1 + .richContent1 ul li {

    position: relative;

    left: 1em;

    padding-right: 1em

}



.formStyle2 .richContent {

    font-size: .604rem

}



@media screen and (min-width: 0\0

) and (min-resolution: +72dpi) {

    .formStyle2 .textImg1 + .richContent1 ol, .formStyle2 .textImg1 + .richContent1 ul {

        list-style-position: inside

    }



    .formStyle2 .textImg1 + .richContent1 ol li > p, .formStyle2 .textImg1 + .richContent1 ul li > p {

        display: inline

    }

}



.productDetailTabPanel .tabBody .richContent img {

    margin-top: -1px

}



.footer .technicalSupport {

    -webkit-text-size-adjust: 100%

}



.footer {

    position: relative

}



.technical {

    padding: .8rem 0

}



.technical .hideFooterInfo {

    display: none

}



.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

}



.footerSep.PcVer {

    margin-left: .4rem

}



.PcVer {

    margin-left: .5rem

}



.domainBeianVer {

    margin: 0 .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: #fff;

    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: #fff;

    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: #fff;

    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;

    overflow: hidden

}



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

}



.swipImgBox .bfPlay {

    width: 51px;

    height: 51px;

    top: 50%;

    left: 50%;

    background-color: rgba(0, 0, 0, .5);

    border-radius: 50%;

    border: none;

    position: absolute;

    margin-left: -25px;

    margin-top: -25px;

    cursor: pointer

}



.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

}



.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 .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s

}



.fk-webMapServiceBox .f-webMapIframeWrap {

    height: 100%;

    width: 100%;

    display: table-cell;

    background: url(/image/loading/loading_2.gif?v=201610211723) no-repeat center #fff

}



.f-webMapIframeWrap.ios-scroll {

    position: relative;

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch

}



.f-webMapIframeWrap #mobiSearchMapFrame {

    background-color: #fff;

    position: absolute

}



.showMapService {

    top: 0;

    visibility: visible;

    transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s

}



.fk-webMapServiceBox .webMapHeader {

    height: 2.3rem

}



.msgBoard .msgBottom.msgBottomDisplay {

    display: none

}



.msgBoard .msgTop .msgBoardCaptchaHide {

    display: none

}



.msg_textArea {

    height: 5rem;

    margin-bottom: .35rem;

    padding-left: 2.1rem

}



.mbAddTitle {

    margin: .5rem 0;

    font-weight: 700

}



.msgTop .g_input {

    padding-left: 2.1rem

}



.msgTop .g_select {

    padding-left: 2.1rem

}



.msgTop .captchaText {

    padding-left: .75rem

}



.msgTop .captchaImg {

    top: .5rem

}



.msgTop .icon-update:before {

    top: .7rem

}



.icon-memailIcon:before, .icon-mmsgIcon:before, .icon-mnameIcon:before, .icon-mphoneIcon:before, .icon-mpswIcon:before {

    position: absolute;

    top: .8rem;

    left: .6rem;

    font-size: .9rem;

    z-index: 2;

    color: #333

}



.icon-mmsgIcon:before {

    top: .6rem

}



.icon-mpswIcon:before {

    content: "\e69b"

}



.icon-mnameIcon:before {

    content: "\e641"

}



.icon-memailIcon:before {

    content: "\e6a1"

}



.icon-mphoneIcon:before {

    content: "\e62d"

}



.icon-mmsgIcon:before {

    content: "\e6b3"

}



.mtitle {

    margin-bottom: 0;

    padding-top: 1.125rem;

    text-align: center

}



.g_globalLine .mustSpan {

    position: absolute;

    right: -.5rem;

    top: .5rem

}



.publishIcon {

    display: inline-block

}



.publishIcon span {

    display: inline-block;

    height: 2rem;

    line-height: 2rem

}



.userMsgIcon span {

    display: inline-block

}



.g_button {

    background-repeat: no-repeat;

    border: none;

    color: #fff;

    height: 2rem;

    line-height: 2rem;

    font-size: .8rem;

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    text-align: center;

    margin: .5rem auto;

    padding: 0;

    width: 100%;

    display: block;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    outline: 0

}



.mbTitle {

    font-size: .8rem;

    font-weight: 500;

    color: #2982ba;

    text-align: center

}



.icon-userMsgIcon:before {

    content: "\e6b4";

    padding-right: .2rem;

    font-size: 1rem;

    vertical-align: top;

    z-index: 2

}



.icon-publishIcon:before {

    content: "\e72a";

    padding-right: .2rem;

    font-size: .9rem;

    vertical-align: top

}



.notice {

    text-align: center;

    overflow: hidden;

    height: 1.25rem;

    font-size: .6rem;

    background: #fef5d8;

    color: #eb6a40;

    line-height: 1.25rem;

    width: 100%;

    margin: -.05rem auto .65rem auto

}



.notice2 {

    width: 90%;

    height: 1.25rem;

    line-height: 1.25rem;

    margin: .5rem auto .5rem auto;

    background: #fef5d8;

    color: #eb6a40;

    font-size: .6rem;

    text-align: center;

    overflow: hidden

}



.notice3 {

    padding: .5rem 0;

    background: #f7f7f7

}



.notice3 .noticeText {

    width: 90%;

    height: 1.25rem;

    line-height: 1.25rem;

    margin: 0 auto;

    background: #fef5d8;

    color: #eb6a40;

    font-size: .6rem;

    text-align: center;

    overflow: hidden

}



.msgTitle {

    min-height: 1.4rem;

    line-height: 1.4rem;

    width: 100%

}



.msgTitleHeight {

    min-height: 1.8rem

}



.msgUserHeacPic {

    width: 1.8rem;

    height: 1.8rem;

    border-radius: 50%;

    border: 2px solid #f3f3f3;

    overflow: hidden;

    display: inline-block

}



.msgUserHeacPic img {

    position: relative;

    max-width: none

}



.pdMsgTitle {

    width: 100%

}



.msgArea .msgUser {

    display: inline-block;

    height: 1.8rem;

    line-height: 1.8rem;

    max-width: 30%;

    color: #999;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: .55rem;

    vertical-align: top;

    margin: 0 .2rem 0 .2rem

}



.tabBody .msgArea .msgUser {

    vertical-align: top;

    margin: 0 .2rem 0 .2rem;

    max-width: 30%;

    line-height: 1.8rem;

    height: 1.8rem;

    display: inline-block;

    width: auto

}



.msgArea .msgLevalUser {

    color: #f60;

    height: 1.8rem;

    line-height: 1.8rem;

    opacity: .65;

    display: inline-block;

    vertical-align: top

}



.msgTime {

    color: #666;

    float: right;

    height: 1.8rem;

    line-height: 1.8rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: .55rem

}



.commentBox:first-child {

    margin-top: .5rem !important

}



.msgContent {

    line-height: 1.2rem;

    word-wrap: break-word;

    font-size: .6rem

}



.captchaImg {

    width: 4.5rem;

    position: absolute;

    top: 1rem;

    right: .5rem;

    z-index: 2

}



.fk-sign-getMobileCode {

    padding: 0 .4rem;

    font-size: .6rem;

    position: absolute;

    top: 1rem;

    right: .4rem;

    z-index: 2;

    line-height: 1.5rem;

    text-align: center;

    height: 1.5rem;

    border: 1px solid #c0251d;

    color: #bf211a;

    border-radius: .2rem

}



.fk-sign-getMobileCode:hover {

    cursor: pointer

}



.fk-mem-findPwStepOneFindWay {

    height: 1.2rem;

    line-height: 1rem;

    text-align: left;

    color: #959595

}



.fk-mem-findPwStepOne {

    height: 2.5rem;

    line-height: 2.5rem;

    background: #fff;

    border: 1px solid #dfdfdf;

    color: #595959;

    margin-bottom: .5rem;

    position: relative

}



.fk-mem-findPwStepOne .content {

    position: absolute;

    left: .8rem

}



.fk-mem-findPwStepOne:hover {

    cursor: pointer

}



.fk-mem-findPwStepOne .icon-gGoforward {

    position: absolute;

    right: .8rem;

    top: .8rem

}



.fk-mem-findPw-showMsg {

    padding: .5rem 0;

    border-bottom: 1px solid #edc693;

    min-height: 1.5rem;

    background-color: #ffefda;

    color: #e0a85e

}



.fk-mem-findPw-showMsg .showMsg {

    line-height: 1.5rem;

    margin: 0 1rem

}



.icon-update:before {

    content: "\e671";

    font-size: 1.2rem;

    font-weight: 700;

    position: absolute;

    top: 1.3rem;

    right: .2rem;

    color: #666;

    z-index: 2

}



.admReqContent {

    line-height: 1.2rem

}



.formStyle10 .msgBoard .msgTop {

    margin: .75rem .25rem;

    padding-bottom: .6rem

}



.formStyle10 .g_globalLine {

    width: auto;

    padding: 0 .5rem

}



.formStyle10 .g_globalLine_subm {

    background: 0 0;

    margin-top: 1rem

}



.formStyle10 .g_globalLine_textArea {

    height: 3.5rem

}



.formStyle10 .g_globalLine .g_input {

    height: 2.25rem;

    border: none;

    border-bottom: 1px solid #e3e3e3;

    margin-top: 0

}



.formStyle10 .g_globalLine .g_input:focus, .formStyle10 .g_globalLine .g_textArea:focus {

    border-color: #9dbff6

}



.formStyle10 .g_globalLine .g_textArea {

    height: 3.5rem;

    padding-left: 2.1rem;

    margin-bottom: 0;

    margin-top: 0;

    resize: none;

    border: none;

    border-bottom: 1px solid #e3e3e3

}



.formStyle10 .g_globalLine .msgTop .captchaImg {

    top: .2rem

}



.formStyle10 .g_globalLine .fk-inputFontColor {

    color: #333

}



.formStyle10 .msgBoard .msgBottom {

    margin: .5rem .25rem 0

}



.formStyle10 .msgBoard .msgBottom .msgBottomTop {

    background: #fff;

    margin: 0;

    padding: .75rem .5rem

}



.formStyle10 .mbTitle {

    color: #666

}



.jz_msgItem {

    margin: .75rem 0

}



.jz_msgItem .jz_seperate_line {

    width: 100%;

    height: 1px;

    margin: 0;

    padding: 0;

    background: #f0f0f0

}



.jz_msgItem .msgArea {

    background: #fff

}



.jz_msgItem .msgArea .msgTitle {

    height: 1.8rem;

    line-height: 1.8rem

}



.jz_msgItem .msgArea .msgUser {

    margin: 0 .2rem 0 0;

    color: #333;

    font-size: .6rem

}



.jz_msgItem .msgArea .msgContent {

    line-height: 1rem;

    color: #333;

    font-size: .6rem

}



.jz_msgItem .msgArea .msgTime {

    color: #999;

    font-size: .6rem

}



.jz_msgItem .g_replyPanel {

    position: relative;

    margin-top: .5rem;

    padding: .6rem;

    background: #f8f8f8

}



.jz_msgItem .reqArea {

    word-wrap: break-word

}



.jz_msgItem .admReq {

    color: #999

}



.jz_msgItem .admReqContent {

    margin-top: .5rem;

    color: #333;

    font-size: .6rem;

    line-height: 1rem

}



.jz_msgItem .msgArrow {

    position: absolute;

    top: -.425rem;

    border-right: .3rem solid transparent;

    border-left: .3rem solid transparent;

    border-bottom: .425rem solid #f8f8f8

}



.jz_msgItem .jz_private_label {

    display: inline-block;

    padding: 2px 10px;

    line-height: normal;

    color: #fff;

    background: #ff7c37;

    font-size: 12px;

    border-radius: 12px

}



.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: 400;

    word-wrap: break-word

}



.g_web .multilingualArea {

    margin: auto;

    position: relative

}



.g_web .multilingual {

    height: 1.4rem;

    z-index: 1;

    background: 0 0;

    line-height: 1.4rem

}



.multilingual .memberEntrance {

    padding-left: .25rem;

    height: 1.4rem

}



.multilingualArea .g_mullink span:before {

    font-size: .9rem;

    vertical-align: bottom

}



.multilingualArea .g_mullink span {

    display: content;

    display: inline-block;

    vertical-align: middle

}



@-moz-document url-prefix() {

    .multilingualArea .g_mullink .g_mullinkFont {

        height: 1.5rem

    }

    .multilingualArea .g_mullink span.proNum {

        height: 1.5rem

    }

}



.multilingualArea .g_mullink {

    font-size: .7rem;

    padding-left: .2rem;

    color: #2982ba;

    overflow: hidden;

    max-width: 5rem;

    text-overflow: ellipsis;

    display: inline-block;

    height: 1.4rem;

    line-height: 1.4rem;

    white-space: nowrap

}



.multilingualArea .multiLanguageCtrl {

    height: 1.4rem;

    line-height: 1.4rem;

    font-size: .7rem;

    float: right;

    background-repeat: no-repeat;

    background-position: 0 50%;

    color: #3a8dc1;

    cursor: pointer

}



.multilingualArea .multilingual .lanTitle {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    word-break: break-all;

    display: inline-block;

    vertical-align: top

}



#multiLanguageCtrl .lanIcon {

    height: 1.4rem;

    line-height: 1.4rem

}



#multiLanguageCtrl .lanTitle {

    max-width: 5rem

}



#multiLanguageCtrl.Icon1054 .lanTitle, #multiLanguageCtrl.Icon1108 .lanTitle {

    max-width: 3rem

}



#multiLanguageCtrl.Icon1036 .lanTitle, #multiLanguageCtrl.Icon1040 .lanTitle, #multiLanguageCtrl.Icon1049 .lanTitle {

    max-width: 4rem

}



#multiLanguageCtrl.lanStyle1 .lanTitle {

    display: none

}



.multilingualArea .multilingual .lanStyle2 .lanTitle {

    display: none

}



.multilingualArea .multilingual .lanStyle3 .lanTitle {

    margin: 0 .6rem

}



.multilingualArea .multilingual .lanSelect .lanStyle3 .lanTitle {

    margin: 0 .35rem

}



.multilingualArea .multilingual .lanSelect .lanStyle1 .lanTitle {

    margin-left: .25rem

}



.multilingualArea .multilingual .lanIcon {

    margin: 0 .3rem;

    background-size: 1.1rem .75rem;

    background-repeat: no-repeat;

    background-position: 50%;

    display: inline-block;

    height: 1.6rem;

    width: 1.8rem;

    vertical-align: top

}



.multilingualArea .multilingual .lanSelect .lanIcon {

    margin: 0 .05rem

}



.multilingualArea .multilingual .lanStyle3 .lanIcon {

    background-image: none;

    margin: 0;

    width: 0

}



.lanSelect {

    position: absolute;

    top: .15rem;

    margin-right: .25rem;

    max-height: 12.35rem;

    width: auto;

    background: rgba(255, 255, 255, .9);

    z-index: 9;

    right: 0;

    border-radius: 4px;

    white-space: nowrap;

    overflow: hidden;

    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);

    box-shadow: 0 0 4px rgba(0, 0, 0, .2);

    -webkit-transition: all .15s;

    transition: all .15s;

    height: 0;

    opacity: 0;

    font-size: .7rem;

    color: #333 !important

}



.lanFixed {

    width: 100%;

    height: 100%;

    opacity: 0;

    position: fixed;

    background: #000;

    z-index: 8;

    left: 0;

    top: 0

}



.lanSelect .lanContainer {

    max-height: 10rem;

    overflow-y: scroll;

    overflow-x: hidden;

    width: 100%;

    -ms-overflow-style: none

}



.lanSelect .lanContainer::-webkit-scrollbar {

    display: none !important

}



.lanSelect .lanTitle {

    max-width: 10rem

}



.lanSelect .lanSelected .multiLanguageCtrl {

    top: -.25rem;

    color: #333 !important;

    position: relative;

    height: 1.35rem;

    line-height: 1.6rem;

    cursor: default

}



.lanSelect .lanItem {

    height: 1.6rem;

    line-height: 1.6rem;

    width: 100%;

    cursor: default;

    text-align: right;

    clear: both

}



.lanSelect .lanItem:hover {

    cursor: pointer;

    background-color: transparent !important;

    color: #333 !important

}



.lanSelect .lanItem:active {

    cursor: pointer;

    background-color: #ddd !important

}



.Icon2052 .lanIcon {

    background-image: url(/image/language/cn.png?v=201711250607)

}



.Icon20521 .lanIcon {

    background-image: url(/image/language/cn.png?v=201711250607)

}



.Icon1036 .lanIcon {

    background-image: url(/image/language/1036.png?v=201711250607)

}



.Icon1033 .lanIcon {

    background-image: url(/image/language/1033.png?v=201711250607)

}



.Icon1028 .lanIcon {

    background-image: url(/image/language/cn.png?v=201711250607)

}



.Icon1041 .lanIcon {

    background-image: url(/image/language/1041.png?v=201711250607)

}



.Icon1042 .lanIcon {

    background-image: url(/image/language/1042.png?v=201711250607)

}



.Icon1108 .lanIcon {

    background-image: url(/image/language/1108.png?v=201711250607)

}



.Icon1054 .lanIcon {

    background-image: url(/image/language/1054.png?v=201711250607)

}



.Icon11274 .lanIcon {

    background-image: url(/image/language/11274.png?v=201711250607)

}



.Icon1049 .lanIcon {

    background-image: url(/image/language/1049.png?v=201711250607)

}



.Icon1040 .lanIcon {

    background-image: url(/image/language/1040.png?v=201711250607)

}



.Icon1031 .lanIcon {

    background-image: url(/image/language/1031.png?v=201711250607)

}



.photoListDetailShow {

    position: fixed;

    top: 150%;

    height: 100%;

    z-index: 99;

    max-width: 768px;

    width: 100%;

    background: #000;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    -ms-transition: all .5s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .5s linear;

    -webkit-transition: all .5s linear;

    overflow: hidden

}



.photoListDetailShow .webPhotoListDetail {

    margin: 0 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);

    -ms-background-size: 1.2rem, auto;

    background-size: 1.2rem, auto;

    border-radius: 4px;

    width: 1.75rem;

    height: 1.75rem;

    top: 50%;

    left: .25rem;

    z-index: 1;

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear;

    -ms-transition: opacity .2s linear;

    -moz-transition: opacity .2s linear;

    -o-transition: opacity .2s linear;

    -webkit-transition: opacity .2s linear

}



.photoListDetailShow .photoFilter .nextPhoto, .photoListDetailShow .photoFilter .prevPhoto {

    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 .5s linear;

    -ms-transition: all .5s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .5s linear;

    -webkit-transition: all .5s linear

}



.photoListDetailShow .webPhotoListDetail .nextPhoto {

    background: url(/image/PicRight.png?v=201711250607) no-repeat 50% 50% rgba(0, 0, 0, .4);

    -ms-background-size: 1.2rem, auto;

    background-size: 1.2rem, auto;

    border-radius: 4px;

    width: 1.75rem;

    height: 1.75rem;

    position: absolute;

    right: .25rem;

    z-index: 1;

    top: 50%;

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear;

    -ms-transition: opacity .2s linear;

    -moz-transition: opacity .2s linear;

    -o-transition: opacity .2s linear;

    -webkit-transition: opacity .2s linear

}



.photoDetailDescription .descriptionFilter {

    height: 100%;

    position: absolute;

    left: 0;

    width: 150%;

    z-index: -1;

    background-image: -moz-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .8)), color-stop(1, 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, rgba(0, 0, 0, .8)), color-stop(1, rgba(0, 0, 0, 0)));

    background-image: gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .8)), color-stop(1, 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);

    -ms-background-size: 14px, auto;

    background-size: 14px, auto;

    border-radius: 4px;

    right: .5rem;

    margin: .4rem 0;

    cursor: pointer;

    position: absolute;

    z-index: 1;

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear;

    -ms-transition: opacity .2s linear;

    -moz-transition: opacity .2s linear;

    -o-transition: opacity .2s linear;

    -webkit-transition: opacity .2s linear

}



.photoListDetailShow .photoDetailDescription {

    margin-top: 2.5rem;

    height: auto;

    color: #fff;

    width: 100%;

    z-index: 2;

    position: absolute;

    bottom: -100%;

    transition: bottom .5s linear;

    -ms-transition: bottom .5s linear;

    -moz-transition: bottom .5s linear;

    -o-transition: bottom .5s linear;

    -webkit-transition: bottom .5s 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;

    -ms-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;

    -ms-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: 700;

    text-overflow: ellipsis;

    font-size: .8rem;

    color: #fff;

    cursor: pointer

}



.photoModule.styleForm1 {

    margin-top: .5rem

}



.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 .5s;

    -webkit-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    position: fixed;

    height: 100%;

    z-index: 99;

    background: #000

}



.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: #fff;

    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: #fff;

    font-size: .8rem;

    font-weight: 700;

    overflow: hidden;

    word-wrap: break-word

}



.imgDesc {

    width: 100%;

    text-align: center;

    margin-top: .5rem;

    color: #fff

}



.g_background {

    background: #fff

}



.photoModule.styleForm7 {

    position: relative;

    margin: .5rem auto;

    overflow: hidden;

    width: 100%

}



.photoModule.styleForm7 ul {

    position: absolute;

    padding: 0;

    left: 0;

    -webkit-transition: all .5s;

    transition: all .5s

}



.photoModule.styleForm7 ul li {

    width: 15rem;

    list-style-type: none;

    float: left;

    text-align: center;

    overflow: hidden;

    background: #fff

}



.photoModule.styleForm7 .imgDiv2 {

    overflow: hidden;

    display: inline-block;

    background: #fff

}



.photoModule.styleForm7 .prevPhoto {

    background: url(/image/PicLeft.png?v=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, .4);

    line-height: 1.2rem

}



.photoModule.styleForm6 .fk-photoBulletStyle {

    background: 0 0

}



.photoModule.styleForm6 .noBG {

    background: 0 0;

    text-align: center

}



.photoModule.styleForm6 .photoBullet .bullets {

    text-align: center;

    list-style: none;

    margin: 0;

    padding: 0

}



.photoModule.styleForm6 .noBG .bullets {

    text-align: center

}



.photoModule.styleForm6 .fk-photoBulletStyle .f-bullets {

    text-align: center

}



.photoModule.styleForm6 .photoBullet .bullets li {

    display: inline-block;

    width: .35rem;

    height: .35rem;

    border-radius: 100%;

    margin: 0 .1rem;

    cursor: pointer;

    background: #adb1b1

}



.photoModule.styleForm6 .noBG .bullets li {

    background: rgba(170, 170, 170, .5);

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);

    box-shadow: 0 0 2px rgba(0, 0, 0, .3)

}



.photoModule.styleForm6 .photoBullet .bullets li.on {

    background: #fff

}



.photoModule .photoBullet .imgName {

    width: 100%;

    bottom: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #fff;

    line-height: .9rem;

    font-size: .6rem;

    text-align: center;

    margin-bottom: -.2rem;

    padding-top: .2rem

}



.tdUl, .tdUl .bullets.f-bullets {

    line-height: 1rem;

    font-size: 0

}



.tdUl {

    height: 1rem;

    padding: 0

}



.photoModule.styleForm6 .photoBullet .bullets li {

    vertical-align: middle

}



.tableFix td {

    padding: 0

}



.photoModule .photoBullet .tableFix {

    border-spacing: 0;

    width: 100%;

    table-layout: fixed

}



.photoModule .photoBullet .tableFix .tdUl {

    vertical-align: bottom

}



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

}



.BanksDetailHeader, .ShipDetailsHeader, .loginHeader {

    text-align: center;

    height: 2.25rem;

    line-height: 2.25rem;

    margin: 0;

    padding: 0;

    position: relative

}



.ShipDetailsHeader .title, .loginHeader .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 .otherLoginFillPic {

    height: 5rem

}



.loginContent .otherLoginFillUser {

    margin-top: .5rem;

    text-align: center

}



.loginContent .loginTypeAvator {

    height: 2.5rem;

    width: 2.5rem;

    margin-top: 1rem;

    margin-left: 6.2rem;

    border-radius: .5rem;

    background-size: contain

}



.loginContent .otherLoginTypeAvator {

    height: 1.2rem;

    width: 1.2rem;

    margin-top: 1rem;

    margin-left: 6.6rem;

    border-radius: .5rem;

    background-size: 1.2rem

}



.loginContent .remarkCon {

    font-size: .5rem;

    color: #c5c5c5;

    position: relative;

    height: 2rem

}



.loginContent .remarkCon .remarkLine {

    border-top: 1px solid #c5c5c5;

    width: 100%;

    position: absolute;

    top: .32rem

}



.loginContent .remarkCon .remarkInfo {

    background: #f0f0f5;

    width: 6rem;

    text-align: center;

    margin: 0 auto;

    position: absolute;

    left: 4.2rem

}



.loginContent .loginAvatorCircle {

    height: 4rem;

    width: 4rem;

    margin: 1rem auto 1rem;

    border-radius: 50%;

    background-size: contain

}



#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: #999;

    background-color: #fff;

    padding: .75rem;

    width: 45%;

    height: 2.5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-top: -1px;

    line-height: .8rem;

    border-left: none;

    font-size: .7rem

}



.loginContent .loginToggle {

    cursor: pointer;

    float: left

}



.icon-acctIcon:before, .icon-fastUserIcon:before, .icon-iphone2:before, .icon-nameIcon:before, .icon-userIcon:before {

    content: "\e641";

    position: absolute;

    top: .8rem;

    left: .6rem;

    font-size: .9rem;

    z-index: 2

}



.icon-pswIcon:before {

    content: "\e69b";

    position: absolute;

    top: .8rem;

    left: .6rem;

    font-size: .9rem;

    z-index: 2

}



.icon-fastCodeIcon:before {

    content: "\e69b";

    position: absolute;

    top: .8rem;

    left: .6rem;

    font-size: .9rem;

    z-index: 2

}



.icon-phoneIcon:before {

    content: "\e62d";

    position: absolute;

    top: .8rem;

    left: .6rem;

    font-size: .9rem;

    z-index: 2

}



.icon-emailIcon:before {

    content: "\e6a1";

    position: absolute;

    top: .8rem;

    left: .6rem;

    font-size: .9rem;

    z-index: 2

}



.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: none;

    color: #fff;

    height: 1.75rem;

    font-size: .7rem;

    font-weight: 700;

    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 0 .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) no-repeat center;

    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) no-repeat center;

    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) no-repeat center;

    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;

    border-radius: 5rem;

    margin: 2.5rem auto 2rem

}



.loginContent .captchaText, .signUpContent .captchaText {

    margin-top: .5rem

}



.signUpContent .ProtocolLineCtrl {

    padding: .5rem 0 0 0

}



.signUpContent .ProtocolLineCtrl .memberProtocol {

    text-decoration: none;

    font-size: .55rem

}



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

    word-break: break-word

}



.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

}



.loginContent .sendIcon, .signUpContent .signupSubmit {

    margin-bottom: 0;

    font-weight: 400;

    font-size: .85rem

}



.loginContent .sendIcon:disabled, .signUpContent .signupSubmit:disabled {

    opacity: .5

}



.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 li#coupon {

    position: relative

}



.profileContent li .itemName .couponTips {

    width: .3rem;

    height: .3rem;

    position: absolute;

    top: .7rem;

    left: 5.4rem;

    border-radius: .5rem;

    background: #ff3b30

}



.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: red;

    position: relative;

    top: -.3rem;

    left: -.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, .viewMyReward {

    display: none;

    background: #f7f7f7

}



#viewMyReward {

    background: #fff

}



.profileContent .editMobileBtn {

    width: 2.5rem;

    height: 1.25rem;

    background: rgba(255, 255, 255, 1);

    border: .03rem solid rgba(204, 204, 204, 1);

    border-radius: .1rem;

    line-height: 1.25rem;

    text-align: center;

    right: 0;

    top: .45rem;

    position: absolute;

    z-index: 1;

    font-size: .6rem

}



.profileContent .editMobileBtnThemev1 {

    right: .5rem;

    top: .6rem

}



.f_editArea {

    background: #fff;

    padding: 0 .6rem;

    width: 14.81rem;

    border-top: .02rem solid #eee;

    height: 2.56rem;

    position: relative

}



.f_editArea .editInput {

    width: 6.4rem;

    height: 2.4rem;

    line-height: 2.4rem;

    font-size: .6rem;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    right: 0;

    top: 0;

    margin-top: .1rem

}



.f_editArea .cleanBtn {

    z-index: 10;

    background-color: #ccc;

    width: .64rem;

    height: .64rem;

    border-radius: .34rem;

    float: right;

    position: absolute;

    right: .64rem;

    top: .96rem;

    text-align: center;

    font-size: 14px;

    line-height: .58rem;

    color: #fff

}



.m_pointBoxContainer .f_saveBtn {

    margin: .6rem;

    margin-top: .92rem;

    width: 14.81rem;

    height: 1.88rem;

    font-size: .6rem;

    text-align: center;

    line-height: 1.88rem;

    color: #fff;

    border-radius: .21rem

}



.m_pointBoxContainer .un-change {

    opacity: .2

}


.m_pointBoxContainer input {

    border: unset

}



.m_pointBoxContainer .g_input {

    padding-left: 0

}



.mobilePanel .profileContent {

    height: 30rem;

    background: rgba(246, 246, 246, 1);

    padding-left: 0

}



.m_pointBoxContainer .defMobi {

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(136, 136, 136, 1);

    line-height: .45rem;

    padding: 1.37rem 0 .62rem .85rem

}



.m_pointBoxContainer .mobileCtNew {

    width: 3.41rem;

    height: .81rem;

    line-height: .81rem;

    border: unset;

    border-right: .02rem solid rgba(221, 221, 221, 1);

    margin: .85rem .64rem 0 .26rem;

    position: absolute;

    font-size: .68rem;

    outline: 0;

    background: #fff

}



.m_pointBoxContainer .mobileCtInput {

    position: absolute;

    left: 4.91rem

}



.m_pointBoxContainer .mobileCtBtn {

    margin-top: 1.71rem

}



.m_pointBoxContainer .validateCodeMsg {

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    line-height: .45rem;

    margin: 1.37rem 0 .62rem .85rem

}



.m_pointBoxContainer .validateCode {

    font-size: .68rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    line-height: .45rem;

    position: absolute;

    margin: 1.02rem .64rem 0 .26rem

}



.m_pointBoxContainer .validateCodeInput {

    position: absolute;

    left: 3.71rem

}



.m_pointBoxContainer .sendValidateCode {

    width: 4.37rem;

    height: .81rem;

    line-height: .81rem;

    position: absolute;

    font-size: .55rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(253, 112, 40, 1);

    text-align: center;

    border-left: .02rem solid #ddd;

    top: .92rem;

    right: 0

}



.m_pointBoxContainer .cleanBtnValidateCode {

    right: 5.33rem

}



.p_validateCode {

    width: 11.95rem;

    height: 10.67rem;

    background: rgba(255, 255, 255, 1);

    border-radius: .43rem;

    position: absolute;

    z-index: 999;

    left: 2rem;

    top: 4rem

}



.p_validateCode .contain {

    margin: .77rem .85rem .64rem .85rem

}



.p_validateCode .captcha_img {

    width: 10.24rem;

    height: 3.84rem;

    border-radius: .21rem

}



.p_validateCode .refreshCaptchaIcon {

    display: inline-block;

    font-size: .38rem;

    margin-right: .26rem

}



.p_validateCode .refreshCaptcha {

    float: right;

    margin-top: .3rem;

    margin-bottom: .36rem;

    height: .49rem;

    line-height: .49rem

}



.p_validateCode .refreshCaptcha .refreshCaptchaText {

    font-size: .47rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(136, 136, 136, 1);

    line-height: .49rem;

    display: inline-block

}



.p_validateCode .validateCodeInput {

    width: 10.24rem;

    height: 2.13rem;

    background: rgba(246, 246, 246, 1);

    border-radius: .21rem;

    text-align: center;

    outline: 0;

    border: none;

    font-size: .6rem

}



.p_validateCode .foot {

    border-top: .02rem solid #eee;

    height: 2.13rem;

    width: 100%;

    font-size: .77rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    line-height: 2.13rem

}



.p_validateCode .foot .hiddenCaptcha {

    display: inline-block;

    width: 5.95rem;

    height: 1.93rem;

    border-right: .02rem solid #eee;

    color: rgba(53, 53, 53, 1);

    text-align: center

}



.p_validateCode .foot .checkCaptcha {

    display: inline-block;

    width: 5.96rem;

    color: rgba(32, 194, 101, 1);

    text-align: center

}



.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 .incomeLine, .profileContent .integrationLine {

    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 .incomeLine span, .profileContent .integrationLine span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.profileContent .incomeLine span:first-child, .profileContent .integrationLine 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 .incomeLine span:last-child, .profileContent .integrationLine 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 .incomeLine span:first-child, .g_locale2052 .profileContent .integrationLine span:first-child {

    display: inline-block;

    width: auto;

    max-width: 70%;

    text-align: left;

    padding-left: .5rem;

    padding-right: .5rem

}



.g_locale2052 .profileContent .incomeLine span:last-child, .g_locale2052 .profileContent .integrationLine span:last-child {

    display: inline-block;

    width: 30%;

    text-align: left;

    padding-right: 0

}



#profile .profileContent {

    padding: 0

}



.memberBasicInfoArea {

    background-color: #fff;

    margin-bottom: .5rem;

    border-bottom: 1px solid #ececec

}



.memberBasicInfo {

    width: 100%;

    height: 2.65rem;

    border-top: 1px solid #ececec;

    padding: .5rem 0 .5rem 3rem

}



.memberBasicInfo span {

    float: left

}



.memberBasicInfo .icon-pnameIcon {

    height: 2.5rem;

    width: 2.5rem;

    position: absolute;

    border-radius: 50%;

    border: 3px solid #e6e6e6;

    display: inline-block;

    left: .5rem;

    z-index: 1;

    overflow: hidden

}



.memberBasicInfo .icon-pnameIcon img {

    height: 2.5rem;

    max-width: none;

    max-height: none;

    position: absolute

}



#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: #fff 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;

    -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

}



.mProContent table[align=center], .mallThemeBulletinCotent table[align=center], .webModuleContainer table[align=center] {

    margin: 0 auto

}



.memberBasicInfo .memberName {

    margin: 1rem 0 0 .5rem;

    color: #535353

}



.memberBasicInfo .memberLevelName {

    margin: 1rem 0 0 .5rem;

    color: #fd8668;

    width: 4rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



#profile .profileContent .icon-addrInfoIcon:before, #profile .profileContent .icon-bangding:before, #profile .profileContent .icon-cLogoutIcon:before, #profile .profileContent .icon-cPswIcon:before, #profile .profileContent .icon-cutPrice:before, #profile .profileContent .icon-fenxiao:before, #profile .profileContent .icon-groupBuy1:before, #profile .profileContent .icon-groupBuy:before, #profile .profileContent .icon-groupBuySpecial1:before, #profile .profileContent .icon-groupBuySpecial:before, #profile .profileContent .icon-integralIcon:before, #profile .profileContent .icon-noticeIcon:before, #profile .profileContent .icon-orderIcon:before, #profile .profileContent .icon-pInfoIcon:before, #profile .profileContent .icon-promoter:before, #profile .profileContent .icon-starIcon:before, .icon-coupons:before {

    display: inline-block;

    width: 2.3rem;

    text-align: center;

    font-size: .9rem;

    position: relative;

    top: .15rem;

    z-index: 2

}



#profile .profileContent .newProfileIcon:before {

    font-size: .9rem

}



#profile .profileContent .icon-cLogoutIcon:before {

    font-size: .85rem

}



#profile .profileContent .icon-pInfoIcon:before {

    content: "\e641";

    color: #96c4fe

}



#profile .profileContent .icon-cPswIcon:before {

    content: "\e69b";

    color: #e79bc6

}



#profile .profileContent .icon-cLogoutIcon:before {

    content: "\e90c";

    color: #777

}



#profile .profileContent .icon-orderIcon:before {

    content: "\e66a";

    color: #ffd670

}



#profile .profileContent .icon-addrInfoIcon:before {

    content: "\e664";

    color: #ff8e7c

}



#profile .profileContent .icon-fenxiao:before {

    content: "\eb20";

    color: #ff8e7c

}



#profile .profileContent .icon-starIcon:before {

    content: "\e6ee";

    color: #e3b170

}



#profile .profileContent .icon-coupons:before {

    content: "\e903";

    color: #ea5a5a

}



#profile .profileContent .icon-integralIcon:before {

    content: "\e800";

    color: #ffe317

}



#profile .profileContent .icon-cutPrice:before {

    content: "\b0244";

    color: #ffe317

}



#profile .profileContent .icon-groupBuy:before {

    content: "\b0364";

    color: #ffe317

}



#profile .profileContent .icon-groupBuy1:before {

    content: "\b0370";

    color: #ffe317

}



#profile .profileContent .icon-groupBuySpecial:before {

    content: "\b0365";

    color: #ffe317

}



#profile .profileContent .icon-groupBuySpecial1:before {

    content: "\b0366";

    color: #ffe317

}



#profile .profileContent .icon-promoter:before {

    content: "\b0264";

    color: #369bff

}



#profile .profileContent .icon-noticeIcon:before {

    content: "\e6c1";

    color: #c2b2ea

}



#profile .profileContent .icon-bangding:before {

    content: "\eab1";

    color: #666

}



#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: none

}



#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: .15rem;

    border-left: none;

    border-left: 1px solid #ebebeb;

    padding-right: unset;

    vertical-align: bottom

}



#modifyPersInfo .mobileCtVal {

    position: absolute;

    width: 6.8rem;

    height: 2.5rem;

    line-height: 2.5rem;

    background: #fff;

    text-indent: 3.35rem;

    font-size: .6rem

}



#modifyPersInfo .mobileCtBorder {

    left: 6.35rem;

    position: absolute;

    border-left: 1px solid #ccc;

    height: .7rem;

    top: .78rem

}



#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: none;

    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

}



#formList {

    display: none

}



#formList .profileContent {

    padding: 0 .75rem

}



#formList .item {

    height: auto;

    line-height: initial

}



#formList .item .remind {

    display: inline-block;

    width: .25rem;

    height: .25rem;

    border-radius: 50%;

    background-color: #ff3b30;

    position: relative;

    top: -.4rem;

    left: 0;

    padding-right: 0

}



#formList .area {

    border-top: none

}



#formList .item .form_name {

    word-break: break-all;

    padding-top: .65rem;

    color: #333;

    font-size: .65rem

}



#formList .item .form_date {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-bottom: .75rem;

    padding-top: .3rem;

    font-size: .5rem;

    color: #999

}



#myForm .clickIcon .update_tips {

    color: #999;

    font-size: .5rem

}



#myForm .itemName .remind.hidden {

    display: none

}



#myForm .clickIcon .update_tips.hidden {

    display: none

}



#formDetail {

    display: none

}



#formDetail .profileContent {

    background-color: #fff;

    padding: 1.15rem .75rem .75rem .75rem

}



#formDetail .item {

    margin-bottom: .7rem

}



#formDetail .item.curStatus {

    font-size: .6rem

}



#formDetail .item .name {

    font-size: .6rem;

    color: #333;

    margin-bottom: .5rem

}



#formDetail .item .data {

    white-space: pre-wrap;

    word-break: break-all;

    background: rgba(246, 246, 246, 1);

    font-size: .6rem;

    color: #666;

    padding: .5rem .475rem .5rem .75rem;

    border-radius: .086rem

}



#formDetail .item .empty_remark_tips {

    color: #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: 0;

    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: 0;

    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: none

}



#modifyCoupon .coupon-tab em {

    display: block;

    border-width: .4rem;

    position: absolute;

    bottom: -.8rem;

    left: 50%;

    z-index: 1;

    margin-left: -.4rem;

    margin-bottom: 1px;

    border-style: solid;

    border-color: transparent;

    font-size: 0;

    line-height: 0

}



#modifyCoupon .show-coupon-list {

    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: 400;

    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: 700;

    line-height: 2.8rem;

    white-space: nowrap

}



.coupon-warp .coupon .priceSign {

    font-size: .6rem;

    position: relative;

    top: -.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 .coupon-right, .coupon-warp .coupon .coupon-left {

    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: 700;

    color: #fff

}



.siteFormAddButton input {

    font-size: .8rem;

    font-weight: 700;

    color: #fff

}



.siteForm .icon-downward:before {

    content: "\e656";

    width: 1rem;

    height: 1rem;

    color: #666;

    font-size: .7rem

}



.formStyle13 .moduleContent {

    color: #333

}



.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=number], .siteFormItem .g_itext[type=text] {

    height: 1.6rem;

    width: 85%;

    line-height: 1rem;

    font-size: .6rem;

    font-family: 微软雅黑;

    text-indent: .25rem;

    padding: 0

}



.siteFormItem .g_itext[type=number]::-webkit-inner-spin-button, .siteFormItem .g_itext[type=number]::-webkit-outer-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:-moz-placeholder, .siteFormItem input:-ms-input-placeholder, .siteFormItem input::-moz-placeholder, .siteFormItem input::-webkit-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=checkBox], .fk-siteFormItemCheckItem-isIpad input[type=radio] {

    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: 400;

    width: 86%;

    border-radius: 4px;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    -o-appearance: none

}



.fk-siteFormItemShowVal .ctSelect {

    height: 1.3rem !important;

    width: 35% !important;

    opacity: 0;

    border: none;

    outline: 0;

    position: absolute;

    right: 1.5rem;

    bottom: .2rem;

    background-color: #f7f7f7;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    -o-appearance: none

}



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

    width: 40%;

    height: 1.6rem;

    line-height: 1.4rem;

    border: 1px solid #dadada;

    background-color: #f7f7f7;

    font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif

}



.uploadify-button:hover {

    border: 1px solid #3298fe;

    background: #e8f3fe;

    color: #666

}



.mallCartBtnInner {

    position: relative

}



.mallCartProductNumComm {

    display: none;

    position: absolute;

    height: .44rem;

    line-height: .43rem;

    font-size: .36rem;

    padding-right: .12rem;

    padding-left: .12rem;

    border-radius: .4rem;

    z-index: 1

}



.mallCartProductNum {

    left: 53%;

    top: .25rem;

    color: #fff

}



.mallCartProductNum1 {

    left: 53%;

    top: .3rem;

    color: #fff

}



.mallCartProductNum2 {

    left: 1.75rem;

    top: .65rem;

    color: #fff

}



.mallCartProductNum3 {

    display: none;

    font-size: .36rem;

    vertical-align: .05rem

}



.mallCartProductNum4 {

    opacity: .8;

    left: 1.75rem;

    top: .58rem;

    background: #fff

}



.mallCartProductNum5 {

    color: #1d262f;

    left: 1.75rem;

    top: .4rem;

    background: #fff

}



.mallCartProductNum6 {

    opacity: .8;

    color: #1d262f;

    left: 60%;

    top: .4rem;

    background: #fff

}



.mallCartProductNum7 {

    left: 56%;

    top: .15rem;

    color: #fff

}



.mallCartProductNum8 {

    left: 53%;

    top: 12%;

    background: #fff

}



#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 .fk_formTextareaStyle, #module28 .siteFormItem .g_itext[type=number], #module28 .siteFormItem .g_itext[type=text] {

    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: 400

}



#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 .fk_formTextareaStyle, #module28 .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=number], #module28 .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=text], #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=number], #module28 .verticalShowTye .siteFormItem .g_itext[type=text] {

    width: 13.5rem

}



#module28 .verticalShowTye .siteFormItem .fk-datePickEnd, #module28 .verticalShowTye .siteFormItem .fk-datePickStart {

    width: 6rem !important

}



#module28 .verticalShowTye .siteFormItem 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 .2s linear;

    -webkit-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s 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 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 0;

    border: none;

    padding: 0;

    color: #666;

    text-indent: .1rem;

    font-size: .7rem;

    font-weight: 400

}



.ui-calendar-title:after, .ui-calendar-title:before, .webFooterBox .ui-calendar-next:after, .webFooterBox .ui-calendar-prev: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;

    -webkit-transform: rotateZ(-90deg);

    transform: rotateZ(-90deg)

}



.ui-calendar-title:after {

    font-size: .4rem;

    top: .7rem;

    right: .6rem;

    -webkit-transform: rotateZ(-90deg);

    transform: rotateZ(-90deg)

}



.webFooterBox .ui-calendar-next, .webFooterBox .ui-calendar-prev {

    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;

    -webkit-transform: rotateZ(-180deg);

    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;

    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

}



.ui-calendar-calendar td, .webFooterBox .ui-calendar-calendar th {

    text-align: center;

    color: #666;

    font-weight: 400

}



.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: none;

    background: 0 0

}



.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 #000;

    border-bottom: 1px solid #000;

    opacity: .9;

    background: url(./calendar-header.png) repeat-x;

    overflow: hidden

}



.ui-slideup .no-btn, .webFooterBox .ui-slideup .ok-btn {

    position: absolute;

    top: .35rem;

    height: 1rem;

    line-height: 1rem;

    padding: 0 .25rem;

    margin: 0;

    border-width: .25rem;

    font-size: .6rem;

    font-weight: 700;

    text-shadow: rgba(0, 0, 0, .8) 0 -1px 0;

    color: #fff;

    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

}



.ui-slideup .no-btn.ui-state-hover, .webFooterBox .ui-slideup .ok-btn.ui-state-hover {

    opacity: .4

}



.webFooterBox .ui-slideup .frame {

    background: #e1e1e1;

    padding: .25rem

}



.webFooterBox .ui-holder {

    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, .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(.45, rgba(248, 248, 248, .85)), color-stop(.75, rgba(248, 248, 248, .6)), to(rgba(248, 248, 248, .4)));

    background: -o-gradient(linear, center top, center bottom, from(#f8f8f8), color-stop(.45, rgba(248, 248, 248, .85)), color-stop(.75, rgba(248, 248, 248, .6)), to(rgba(248, 248, 248, .4)));

    background: -ms-gradient(linear, center top, center bottom, from(#f8f8f8), color-stop(.45, rgba(248, 248, 248, .85)), color-stop(.75, rgba(248, 248, 248, .6)), to(rgba(248, 248, 248, .4)));

    background: -moz-gradient(linear, center top, center bottom, from(#f8f8f8), color-stop(.45, rgba(248, 248, 248, .85)), color-stop(.75, rgba(248, 248, 248, .6)), to(rgba(248, 248, 248, .4)));

    background: gradient(linear, center top, center bottom, from(#f8f8f8), color-stop(.45, rgba(248, 248, 248, .85)), color-stop(.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(.25, rgba(248, 248, 248, .6)), color-stop(.65, rgba(248, 248, 248, .85)), to(#f8f8f8));

    background: -o-gradient(linear, center top, center bottom, from(rgba(248, 248, 248, .4)), color-stop(.25, rgba(248, 248, 248, .6)), color-stop(.65, rgba(248, 248, 248, .85)), to(#f8f8f8));

    background: -ms-gradient(linear, center top, center bottom, from(rgba(248, 248, 248, .4)), color-stop(.25, rgba(248, 248, 248, .6)), color-stop(.65, rgba(248, 248, 248, .85)), to(#f8f8f8));

    background: -moz-gradient(linear, center top, center bottom, from(rgba(248, 248, 248, .4)), color-stop(.25, rgba(248, 248, 248, .6)), color-stop(.65, rgba(248, 248, 248, .85)), to(#f8f8f8));

    background: -webkit-gradient(linear, center top, center bottom, from(rgba(248, 248, 248, .4)), color-stop(.25, rgba(248, 248, 248, .6)), color-stop(.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-cancelBtn, .webFooterBox .f-dateCancelBtn, .webFooterBox .f-saveTimeBtn {

    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 .5s linear;

    -webkit-transition: all .5s;

    transition: all .5s

}



.fk-calendarWrapAnimate .ui-calendar-calendar {

    float: left

}



.mobiIng, .mobiIngTigs {

    position: fixed;

    top: 30%;

    margin: 0 auto;

    height: auto;

    width: 100%;

    z-index: 9999;

    transition: all .5s linear;

    -webkit-transition: all .5s linear;

    -ms-transition: all .5s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .5s linear

}



.mobiIng .mobiTips, .mobiIngTigs .mobiTips {

    height: auto;

    width: auto;

    margin: auto;

    line-height: 1.75rem;

    color: #fff;

    z-index: 9999

}



.mobiIngTigs .mobiTips {

    min-width: 5.15rem;

    max-width: 12.5rem;

    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: justify;

    width: auto;

    min-width: 5.15rem;

    max-width: 12.5rem;

    height: auto;

    background: rgba(0, 0, 0, .75);

    border-radius: .2rem;

    padding: .55rem .75rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: table-cell;

    vertical-align: middle;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    word-break: break-all;

    font-size: .65rem;

    color: #fff

}



.mobiIngTigs .mobiTips .mobiMsg div {

    font-size: .65rem;

    line-height: .9rem

}



.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

}



.mobiIngTigs .mobiTips .mobiMsg .iconMargin {

    margin-right: .375rem;

    margin-bottom: 0;

    line-height: .9rem

}



.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%);

    transform: translateY(-50%)

}



.mobiPrelude .mobiPrelude_inner {

    visibility: hidden;

    width: 13.85rem;

    margin: auto;

    z-index: 9999;

    -webkit-transform: scale(.7);

    transform: scale(.7)

}



.mobiPrompt {

    position: fixed;

    top: 0;

    margin: 0 auto;

    width: 100%;

    height: auto;

    z-index: 9998;

    top: 50%;

    -webkit-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;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .4);

    box-shadow: 0 1px 4px rgba(0, 0, 0, .4);

    opacity: 0;

    -webkit-transform: scale(.7);

    transform: scale(.7);

    -webkit-transition: all .2s linear;

    transition: all .2s 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 .2s linear;

    transition: all .2s 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 .icon-PromptCheckin: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

}



.g_locale2052 .mobiPrompt .goSetting.icon-PromptSave:before {

    content: '去设置';

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma

}



.g_locale2052 .mobiPrompt .acctlogin.icon-PromptSave:before {

    content: '我知道了';

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma

}



.g_locale2052 .mobiPrompt .acctlogin.icon-PromptCancel {

    display: none

}



.g_locale2052 .mobiPrompt .promRetreat.icon-PromptSave:before {

    content: '重新申请';

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma

}



.g_locale2052 .mobiPrompt .promRetreat.icon-PromptCancel {

    display: none

}



.jzm-vicon_warning {

    width: 15px;

    height: 15px;

    margin-right: 5px

}



.mobiPromptShow .mobiPrompt_inner {

    opacity: 1;

    -webkit-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

}



.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: 44.4%;

    line-height: .9rem;

    border: 1px solid #ddd;

    -webkit-box-sizing: border-box;

    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

}



.formStyle3 .productWaterFall {

    display: inline-block

}



.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: 100%

}



.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

}



.productNewDetail .fixedWrap {

    position: relative;

    min-height: 2.2rem

}



.jz_oldTheme .productNewDetail .fixedWrap {

    min-height: 3.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%

}



.webContainerBox .productBullet .bullets, .webPagePanel .bullets {

    text-align: center;

    list-style: none;

    margin: 0;

    padding: 0

}



.webContainerBox .bullets li, .webPagePanel .bullets li {

    display: inline-block;

    width: .35rem;

    height: .35rem;

    border-radius: 100%;

    background: #999;

    margin: 0 .1rem;

    cursor: pointer;

    background: rgba(0, 0, 0, .15);

    vertical-align: middle

}



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

    backface-visibility: hidden;

    -webkit-perspective: 1000;

    -ms-perspective: 1000;

    perspective: 1000

}



.paramPadding .mallPrice {

    font-weight: 400;

    font-size: .7rem

}



.mallPrice {

    color: #ff5000;

    word-wrap: break-word

}



.prContainer .prVipName {

    display: inline-block;

    border-radius: .1rem;

    font-size: .45rem;

    color: rgba(255, 255, 255, 1);

    text-align: center;

    padding: 0 .25rem;

    margin-left: .25rem

}



.paramPadding .productParam {

    color: #999;

    font-size: .6rem

}



.paramPadding .paramLine {

    border-top: 1px #ddd dashed;

    margin: .2rem .1rem

}



.photoCrossedSlideSec, .productCrossedSlideSec {

    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;

    margin-top: 1px

}



.style9Img {

    width: 5.95rem

}



.photoSlideList, .productSlideList {

    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;

    margin-left: .375rem;

    margin-right: .375rem;

    margin-top: .5rem;

    border-radius: .2rem

}



.mallCart .J_noSelect, .mallCart .J_select, .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: 999;

    position: fixed;

    left: 0

}



.mallCart .bottom .g_button {

    font-size: .75rem;

    border-radius: 0;

    width: 6rem;

    margin-right: .5rem

}



.g_web .mallCart .mall_product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 .65rem 0 .4725rem;

    padding: .5rem 0;

    position: relative

}



.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: -.1rem

}



.mallCart .payCount_line {

    text-align: left;

    display: inline-block;

    float: left;

    padding: .4rem 0 .5rem 1rem;

    color: #333;

    width: 33%;

    padding-left: 0;

    padding-top: .6rem;

    margin-left: 15px;

    font-size: .5rem

}



.mallCart .decimal, .mallCart .mcCurrencyVal {

    font-size: .45rem

}



.mallCart .smInfo {

    vertical-align: middle;

    text-align: left;

    padding-left: .45rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: .625rem;

    padding-bottom: .2rem;

    position: relative;

    background: #fff

}



.mallCart .smInfo .logo {

    height: .75rem;

    width: .75rem;

    vertical-align: middle;

    margin-top: .1rem;

    margin-bottom: .125rem;

    margin-right: .3rem;

    border-radius: .075rem

}



.mallCart .smNoOpen .smInfo .logo {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



.mallCart .smInfo .smName {

    display: inline-block;

    line-height: 0;

    font-size: .6rem;

    color: #333;

    margin-top: -.05rem

}



.mallCart .smNoOpen .smInfo .smName {

    color: #999

}



.mallCart .right .deleteSvg {

    position: absolute;

    top: .14rem;

    right: 0;

    z-index: 888;

    height: .575rem;

    width: .575rem;

    display: inline-block;

    fill: #999

}



.mallCart .smInfo .deleteSvg {

    position: absolute;

    top: .88rem;

    right: .65rem;

    height: .575rem;

    width: .575rem;

    display: inline-block;

    fill: #999

}



.mallCart .smInfo .forwardSvg {

    height: .475rem;

    width: .275rem;

    margin-left: .4rem;

    fill: #c8c8c8

}



.mallCart .smInfo .smStatusContainer {

    position: relative

}



.mallCart .smInfo .smStatusContainer .smStatusTip {

    position: absolute;

    font-size: .4rem;

    top: .4rem;

    left: .62rem;

    color: #fff

}



.mallCart .smInfo .smStatusSvg {

    width: 1.75rem;

    height: 1rem;

    margin-left: .35rem;

    fill: #999

}



.mallCart .smInfo .selectSmItemCheck {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 1rem;

    height: auto;

    vertical-align: middle;

    padding-right: .35rem;

    font-size: 1rem;

    text-align: center;

    height: 1rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.mallCart .smOrderItemContain {

    margin-bottom: .35rem;

    border-radius: .2rem;

    overflow: hidden;

    background: #fff

}



.mallCart .invalidSelectContainer {

    width: 1rem;

    padding-right: .5rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.mallCart .invalidSelect {

    display: inline-block;

    width: .75rem;

    height: .75rem;

    background: #eee;

    border-radius: 50%

}



.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

}



.productNotAdded-icon2 {

    background: url(/image/merchants/notFoundSm.png?v=202003301352) 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

}



.mallCart .mall_product .left {

    width: 3.8rem;

    height: 3.8rem;

    background-size: cover;

    text-align: center;

    border: #ccc solid 1px;

    border-radius: .25rem

}



.mallCart .mall_product .left .imgWrapper {

    display: inline-block;

    vertical-align: middle;

    position: relative

}



.mallCart .mall_product .left .imgClass {

    width: 3.8rem;

    height: 3.8rem;

    border-radius: .25rem

}



.mall_product .right {

    padding-left: .6rem;

    text-align: left;

    width: 10rem;

    height: 3.8rem

}



.mallCart .mall_product .right .product_name {

    overflow: hidden;

    height: .8rem;

    position: relative

}



.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: 0;

    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: 1;

    -webkit-box-orient: vertical;

    z-index: 2

}



.mall_product .right .param_line {

    line-height: .9rem

}



.mall_product .right .param_line .hideInvalidContent {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    color: #333;

    float: right;

    font-size: .6rem;

    line-height: 1.15rem

}



.mall_product .right .param_line div {

    display: inline-block;

    font-size: .65rem;

    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: #fff

}



.invalidItem .product_attr {

    color: #ccc !important

}



.invalidItem .product_name a, .invalidItem .product_param .mallPrice {

    color: #999 !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: left;

    position: relative;

    top: -.3rem;

    font-size: .7rem

}



.mallCart .mobiCartGreyLine {

    position: absolute;

    border-top: 1px solid #eee;

    width: 12.6rem;

    bottom: 0;

    right: 0

}



.orderSettle .icon-minisIcon, .orderSettle .icon-plusIcon {

    float: right;

    width: 1.2rem;

    height: 1.2rem;

    position: relative;

    vertical-align: middle;

    background: #fff;

    font-weight: 400;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    -webkit-user-select: none;

    background-color: #fff;

    border: 1px solid #d5d5d5;

    font-size: .7rem

}



.mallCart .mall_product .icon-minisIcon, .mallCart .mall_product .icon-plusIcon {

    float: right;

    width: 1.45rem;

    height: 1.15rem;

    position: relative;

    vertical-align: middle;

    background: #fff;

    font-weight: 400;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    -webkit-user-select: none;

    background-color: #fff;

    border: 1px solid rgba(221, 221, 221, 1);

    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

}



.g_web .mallCart .mall_product .buyNumber {

    float: right;

    width: 1.6rem;

    height: 1.15rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    outline: 0;

    border: 0;

    border-radius: 0;

    text-align: center;

    border-top: 1px solid rgba(221, 221, 221, 1);

    border-bottom: 1px solid rgba(221, 221, 221, 1);

    font-size: .6rem;

    -webkit-appearance: none;

    background: #fff

}



.orderSettle .buyNumber {

    float: left;

    width: 1.6rem;

    height: 1.2rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    outline: 0;

    border: 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: 3.8rem;

    height: .85rem;

    background: rgba(0, 0, 0, .6);

    border-radius: 0 0 .25rem .25rem;

    margin-top: -.8rem;

    font-size: .5rem;

    position: absolute

}



.mallCart .remainStockTip {

    vertical-align: middle;

    font-family: 微软雅黑;

    color: #fff

}



.mallCart .notAdd {

    width: 3.8rem;

    height: 3.8rem;

    margin-top: -3.8rem;

    font-size: .5rem;

    position: absolute;

    background-color: rgba(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, .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, .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

}



.addrSettle .g_textArea, .orderSettle .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

}



.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: -.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-inner-spin-button, .editPanel .edit_line input::-webkit-outer-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

}



.shipTopBg {

    width: 100%;

    height: .2rem;

    background: url(/image/mall/shipTopBg.jpg?v=201711250607);

    background-size: 100% 100%;

    background-position: 0 0

}



.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

}



.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

}



.fk_intraCityShipAddr_content .icon-addrSelected, .orderSettle .orderAssign_line .icon-addrSelected {

    position: relative;

    font-size: 1.2rem;

    vertical-align: middle;

    display: inline-block;

    margin-left: -.2rem

}



.fk_intraCityShipAddr_content .icon-addrSelected:before, .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

}



.icon-b0276:before {

    content: "\b0276";

    color: #f13a3a;

    font-size: .687rem

}



.orderSettle .orderAssign_line .assignItem_line .icon-rightIcon {

    color: #ccc;

    height: 3.1rem;

    line-height: 3.1rem;

    float: right;

    position: relative;

    top: -3rem;

    margin-right: -.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

}



.fk_coupon_itg_wrap {

    background: #fff

}



.orderSettle .orderSettle_line .mall_product {

    overflow: hidden;

    display: block;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.orderSettle .orderSettle_line .mall_product .imageMiddle {

    display: none

}



.orderSettle .orderSettle_line .mall_product:first-child {

    border-top: none

}



.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 .mall_product .integral_deduction {

    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 .combinedPurchase_line, .orderSettle .coupon_line, .orderSettle .mall_integral, .orderSettle .ship_line, .orderSettle .useItg_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: none

}



.orderSettle .mall_integral .integralSign {

    display: inline-block;

    border: 1px solid;

    padding: .1rem .2rem;

    line-height: normal;

    margin-right: .4rem;

    border-radius: .1rem;

    background: #fff

}



.webPagePanel .fk-mobileCtSel {

    width: 6.14rem;

    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

}



.fk-coupon-opera .notUseBtn, .useItgPanel .useItgOpera .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

}



.fk-coupon-opera .g_button, .useItgPanel .useItgOpera .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: none;

    border-bottom: .5rem solid #f7f7f7

}



.fk-coupon-panel .coupon-warp:nth-last-child(2) {

    border-bottom: none

}



.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 .select_line, .orderSettle .ship_line .selectship {

    text-align: right;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.orderSettle .pay_line .select_line {

    white-space: nowrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



#shipValue {

    display: inline-block;

    max-width: 8.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: bottom;

    white-space: nowrap

}



.orderSettle .coupon_line .icon-rightIcon:before, .orderSettle .integral_deduction .icon-rightIcon:before, .orderSettle .pay_line .icon-rightIcon:before, .orderSettle .ship_line .selectship .icon-rightIcon:before, .orderSettle .useItg_line .icon-rightIcon:before {

    position: relative;

    top: .2rem;

    color: #ccc;

    margin-right: -.2rem

}



.orderSettle .small-font {

    font-size: .5rem;

    color: #999

}



.modifyBankList, .modifyShipDetails, .useItgPanel {

    background-color: #f7f7f7;

    min-height: 100%

}



.modifyShipDetails .profileContent {

    padding: 0 0;

    background-color: #fff;

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 999

}



.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: none;

    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 {

    padding-left: 0;

    outline: 0;

    border: none;

    text-align: left;

    display: -webkit-box;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    white-space: normal

}



.addrSettle select, .orderSettle select {

    height: 2.5rem;

    line-height: 2.5rem;

    width: 100%;

    font-size: .7rem;

    background: 0 0;

    border: 1px solid #ddd;

    background-color: #f7f7f7

}



.orderSettle .g_input {

    border: 1px solid #ddd;

    border-radius: 4px;

    background-color: #f7f7f7

}



.addrSettle .g_textArea, .orderSettle .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: grey;

    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;

    color: #333;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.orderSettle .orderSettle_line .integral_deduction {

    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 .order_leave_msg {

    height: 2.5rem;

    line-height: 2.5rem;

    padding: 0 .5rem;

    font-size: .6rem

}



.orderSettle .lvMsgValue {

    width: 11rem;

    height: 1.65rem;

    line-height: 1.65rem;

    border-radius: .25rem;

    background-color: #fff;

    border-color: #fff;

    font-size: .6rem;

    color: #555

}



.orderSettle .count_line {

    height: 2.5rem;

    line-height: 2.5rem;

    color: #333;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.orderSettle .orderSettle_line .count_line1 {

    height: 3rem;

    color: #333

}



.orderSettle .orderSettle_line .count_line .fk_mstl_icon {

    margin-left: .375rem

}



.orderSettle .order_bottom {

    max-height: 5rem;

    border-top: 1px solid #f2f2f2;

    background-color: #fff;

    z-index: 100;

    font-size: .6rem;

    color: #333;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0

}



.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

}



.integral_deduction .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 .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: 700;

    margin-left: .2rem;

    position: relative;

    top: .1rem

}



.orderSettle .orderSettle_line .seeMore .icon-hidemoreIcon:before {

    content: "\e701";

    font-size: .7rem;

    margin-left: .2rem;

    font-weight: 700;

    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: grey;

    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

}



.fk_mstl_orderSettle_line_selfSale_listWrap {

    max-height: 13.74rem;

    overflow: hidden

}


.fk_mstl_orderSettle_line_selfSale_listWrap[data-active=true] {

    max-height: none

}



.fk_mdetail_icon {

    height: 1.1rem;

    width: 1.73rem;

    display: inline-block;

    vertical-align: middle;

    fill: #999

}



.fk_mdetail_merchant_shop_header_status {

    margin-top: -.3rem;

    height: 1.1rem;

    width: 1.73rem;

    position: relative;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-top: .4rem;

    line-height: .68rem;

    font-size: .4rem;

    color: #fff;

    text-align: center

}



.orderDetail .orderDetail_line .fk_mdetail_merchant_shop[data-disabled=true] .line_item .amount, .orderDetail .orderDetail_line .fk_mdetail_merchant_shop[data-disabled=true] .line_item .price, .orderDetail .orderDetail_line .fk_mdetail_merchant_shop[data-disabled=true] .line_item .product_name div, .orderDetail_goodsLine .fk_mdetail_merchant_shop[data-disabled=true] .fk_mdetail_merchant_shop_header_name {

    color: #999

}



.fk_mdetail_merchant_shop_header_status .fk_mdetail_icon {

    position: absolute;

    left: 0;

    top: 0

}



.fk_mstl_merchant_seedProductBtn {

    height: 1.15rem;

    line-height: 1.15rem;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(171, 171, 171, 1);

    border-radius: .57rem;

    padding-left: .93rem;

    padding-right: .93rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0 auto;

    font-size: .55rem;

    display: flex;

    align-items: center;

    cursor: pointer

}



.fk_mstl_merchant_seedProductBtn_arrow {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fk_mstl_merchant_seedProductBtn[data-active=true] .fk_mstl_merchant_seedProductBtn_arrow {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fk_mstl_merchant_item[data-disabled=true] .fk_mstl_merchant_item_header_text, .fk_mstl_merchant_item[data-disabled=true] .fk_mstl_merchant_item_info_content_prop_price, .fk_mstl_merchant_item[data-disabled=true] .fk_mstl_merchant_item_info_content_title {

    color: #999

}



.fk_mstl_merchant_item:first-child {

    margin-top: 0

}



.fk_mstl_merchant_item {

    background: rgba(255, 255, 255, 1);

    border-radius: .2rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: .63rem;

    line-height: 1;

    padding-bottom: 1.25rem;

    margin-top: .35rem

}



.fk_mstl_merchant_item_header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_mstl_merchant_item_header_icon {

    width: .75rem;

    height: .75rem;

    background: #ccc

}



.fk_mstl_merchant_item_header_text {

    font-size: .51rem;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    padding-left: .25rem;

    font-size: .6rem;

    font-weight: 400;

    color: rgba(51, 51, 51, 1)

}



.fk_mstl_merchant_info_container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.fk_mstl_merchant_item_info {

    padding-top: .83rem

}



.fk_mstl_merchant_item_info_img {

    width: 3.75rem;

    height: 3.75rem;

    background: rgba(136, 136, 136, 1);

    border-radius: .15rem

}



.fk_mstl_merchant_item_info_content {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    padding-left: .55rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 3.75rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.fk_mstl_merchant_item_info_content_top {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.fk_mstl_merchant_item_info_content_title {

    font-size: .65rem;

    font-weight: 400;

    color: rgba(53, 53, 53, 1)

}



.fk_mstl_merchant_item_info_content_options {

    font-size: .55rem;

    font-weight: 400;

    color: rgba(153, 153, 153, 1);

    padding-top: .33rem

}



.fk_mstl_merchant_item_info_content_prop {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.fk_mstl_merchant_item_info_content_prop_price {

    font-size: .65rem

}



.fk_mstl_merchant_item_info_content_prop_num {

    font-size: .55rem;

    font-family: Arial;

    font-weight: 400;

    color: rgba(153, 153, 153, 1)

}



.fk_mstl_merchant_item_ship {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-top: .73rem

}



.fk_mstl_merchant_item_ship_label {

    font-size: .55rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1)

}



.fk_mstl_merchant_item_ship_value {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    cursor: pointer;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_mstl_merchant_item_ship_value_name {

    font-size: .55rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_mstl_merchant_item_ship_value_arrow {

    margin-left: .31rem;

    font-size: 0

}



.fk_mstl_merchant_item_msg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 1.27rem;

    font-size: .55rem

}



.fk_mstl_merchant_item_msg_label {

    font-size: .55rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1)

}



.fk_mstl_merchant_item_msg_value {

    font-size: .55rem;

    margin-left: .5rem;

    color: #999;

    width: 11rem

}



.fk_mstl_merchant_item_msg_value input {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.cusInfo.cusInfo .orderSettle .fk_mstl_orderSettle_line_selfSale {

    background: #fff;

    padding: .63rem;

    padding-bottom: 0;

    margin-top: .35rem;

    margin-bottom: 0

}



.fk_mstl_orderSettle_line_selfSale .mall_product {

    margin: 0

}



.fk_mstlShipPanel {

    position: fixed;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    width: 16rem;

    background: rgba(0, 0, 0, .5)

}



.fk_mstlShipPanel_shipPanel {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #fff;

    border-top-left-radius: .4rem;

    border-top-right-radius: .4rem

}



.fk_mstlShipPanel_shipPanel_header {

    height: 2.4rem;

    text-align: center;

    line-height: 2.4rem;

    border-bottom: #eee 1px solid

}



.fk_mstlShipPanel_shipPanel_section {

    padding: 0 1rem

}



.fk_mstlShipPanel_shipPanel_shipItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 2.4rem;

    line-height: 2.4rem;

    border-top: solid #eee 1px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_mstlShipPanel_shipPanel_shipItem:first-child {

    border-top: none

}



.fk_mstlShipPanel_shipPanel_shipItem_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .65rem;

    font-weight: 400;

    color: rgba(51, 51, 51, 1);

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.fk_mstlShipPanel_shipPanel_shipItem_info_type {

    width: 4.8rem

}



.fk_mstlShipPanel_shipPanel_shipItem_radio {

    width: .75rem;

    height: .75rem;

    border-radius: 50%

}



.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

}



.orderDetail[bottom-bar] {

    margin-bottom: 2.625rem

}



.orderDetail .orderDetailTop {

    background-color: #fff;

    text-align: center;

    padding-top: 2.25rem

}



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

    font-size: .6rem;

    margin-top: .25rem

}



.orderDetail .orderDetailTop .paysucSvg {

    width: 1.75rem;

    height: 2.25rem

}



.orderDetail .orderDetailTop .paySucGreyLine {

    width: 8.75rem;

    border-bottom: 1px solid #eee;

    background: rgba(238, 238, 238, 1);

    margin: .625rem auto

}



.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 .orderDetailArea .orderMoney {

    font-size: .7rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.orderDetail .orderDetailArea .orderMoney .title {

    display: inline-block;

    font-size: .7rem;

    color: #333

}



.orderDetail .orderDetailArea .orderMoney .val {

    display: inline-block

}



.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: none

}



.orderDetail .orderDetailArea .bankListTable .bankItemName {

    width: 25%;

    text-align: left

}



.orderDetail .orderDetailArea .line {

    height: 2.5rem;

    line-height: 2.5rem;

    border-bottom: 1px solid #f2f2f2;

    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;

    overflow: hidden;

    text-align: center;

    padding-top: 1.4rem

}



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

    background: #fff;

    border: .025rem solid

}



.orderDetail .orderDetailArea .button_line .mallButton.toIndex {

    border: .025rem solid #ccc;

    color: #666

}



.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: none

}



.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 .orderDetailArea .payDescPanel {

    margin: 0 .5rem;

    background: #f7f7f7;

    font-size: .5rem;

    color: #333;

    font-family: PingFang SC;

    font-weight: 500;

    padding: .5rem;

    border-radius: .25rem

}



.orderDetail .orderDetailArea .payDescPanel .title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: .375rem

}



.orderDetail .orderDetailArea .payDescPanel .iconPay {

    width: .75rem;

    height: .75rem

}



.orderDetail .orderDetailArea .payDescPanel .name {

    font-size: .6rem;

    font-family: PingFang SC;

    font-weight: 700;

    color: #353535;

    margin-left: .4rem

}



.orderDetail .orderDetailArea .payDescPanel .desc {

    font-size: .5rem;

    color: #333;

    white-space: pre-line;

    word-break: break-all

}



.orderDetail .count_line {

    margin: 0 .5rem;

    height: 1.75rem;

    line-height: 1.75rem;

    text-align: right;

    font-size: .8rem

}



.orderDetail .orderDetail_line {

    padding-top: 0

}



.orderDetail .orderDetail_line .line_title {

    -webkit-box-shadow: 0 1px 0 #fff !important;

    -ms-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;

    white-space: nowrap

}



.orderDetail .orderDetail_header {

    width: 100%;

    height: 3.25rem;

    position: relative

}



.orderDetail .orderDetail_header .orderStatusLeft {

    position: absolute;

    width: 8.4rem;

    left: 1.7rem;

    top: 50%;

    -webkit-transform: translateY(-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: 1.7rem;

    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_header2 {

    height: 5.125rem;

    position: relative;

    color: #fff

}



.orderDetail .orderDetail_header2 .bigStatus {

    position: absolute;

    left: 1.493rem;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 1.28rem;

    color: #fff

}



.orderDetail .orderDetail_header2 .statusName {

    position: absolute;

    left: .832rem;

    top: .811rem

}



.orderDetail .orderDetail_header2 .statusName .txt {

    display: inline-block;

    font-size: 1.024rem;

    height: 1.024rem;

    line-height: 1.024rem;

    color: #fff;

    font-weight: 700;

    vertical-align: middle

}



.orderDetail .orderDetail_header2 .statusName .rightIco {

    display: inline-block;

    font-size: .512rem;

    color: #fff;

    vertical-align: middle;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.orderDetail .orderDetail_header2 .time {

    position: absolute;

    left: .832rem;

    top: 2.461rem;

    font-size: .512rem;

    color: #fff

}



.orderDetail .orderDetail_header2 .recieve {

    position: absolute;

    left: .832rem;

    top: 3.435rem;

    height: .512rem;

    line-height: .512rem;

    font-size: .512rem;

    color: #fff;

    vertical-align: middle

}



.orderDetail .orderDetail_header2 .recieve .rTitle {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 2.048rem;

    vertical-align: middle;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: .512rem;

    line-height: .512rem

}



.orderDetail .orderDetail_header2 .recieve .rContent {

    display: inline-block;

    vertical-align: middle;

    padding-right: .661rem;

    border-right: .03rem solid #f3f3f4;

    height: .512rem;

    line-height: .512rem

}



.orderDetail .orderDetail_header2 .recieve .phoneIco {

    display: inline-block;

    color: #fff;

    font-size: .512rem;

    width: .512rem;

    height: .512rem;

    vertical-align: middle;

    margin-left: .64rem

}



.orderDetail .orderDetail_header2 .recieve .phoneIco svg {

    fill: #fff;

    width: .512rem;

    height: .512rem;

    margin-right: 0;

    margin-left: 0;

    top: 0

}



.orderDetail .orderDetail_header2 .bgImg {

    position: absolute;

    right: 1.067rem;

    top: 1.131rem

}



.orderDetail .orderDetail_header2 .bgImg.bg1 {

    width: 2.923rem;

    height: 2.923rem;

    background: url(/image/mall/orderDetail/dadaStatus1.png?v=202006191021);

    background-size: contain

}



.orderDetail .orderDetail_header2 .bgImg.bg2 {

    width: 3.093rem;

    height: 2.923rem;

    background: url(/image/mall/orderDetail/dadaStatus2.png?v=202006191021);

    background-size: contain

}



.orderDetail .orderDetail_header2 .bgImg.bg3 {

    width: 3.264rem;

    height: 3.008rem;

    background: url(/image/mall/orderDetail/dadaStatus3.png?v=202006191021);

    background-size: contain

}



.orderDetail .orderDetail_header2 .bgImg.bg4 {

    width: 3.136rem;

    height: 2.923rem;

    background: url(/image/mall/orderDetail/dadaStatus4.png?v=202006191021);

    background-size: contain

}



.orderDetail .orderDetail_header2 .bgImg.bg5 {

    width: 3.136rem;

    height: 2.923rem;

    background: url(/image/mall/orderDetail/dadaStatus5.png?v=202006191021);

    background-size: contain

}



.dlvProgressBox {

    max-height: 16.299rem;

    background: #fff;

    border-radius: .427rem .427rem 0 0;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%

}



.dlvProgressBox .dlvHeader {

    height: 2.56rem;

    line-height: 2.56rem;

    text-align: center;

    position: relative;

    border-bottom: .03rem solid #eee

}



.dlvProgressBox .dlvHeader .closeIco {

    width: .64rem;

    height: .64rem;

    position: absolute;

    right: .811rem;

    top: .66rem;

    font-size: .64rem;

    color: #999;

    cursor: pointer

}



.dlvProgressBox .dlvHeader .closeIco:before {

    content: "\e66f";

    font-size: 1.2rem

}



.dlvProgressBox .dmBox {

    margin: 1.024rem 0 1.024rem 1.067rem;

    font-size: .64rem;

    color: #333;

    height: .64rem;

    line-height: .64rem

}



.dlvProgressBox .dmBox .dm {

    display: inline-block;

    padding-right: .875rem;

    height: .64rem;

    line-height: .64rem;

    border-right: .03rem solid #f3f3f4;

    vertical-align: middle

}



.dlvProgressBox .dmBox .phone {

    display: inline-block;

    width: .619rem;

    height: .619rem;

    vertical-align: middle;

    margin-left: 1.003rem

}



.dlvProgressBox .dmBox .phone svg {

    fill: #333;

    width: .512rem;

    height: .512rem;

    margin-right: 0;

    margin-left: 0;

    top: 0

}



.dlvProgressBox .dlvBox {

    padding-left: 1.067rem;

    padding-top: .469rem;

    margin-right: .811rem;

    max-height: 10.667rem;

    overflow-y: auto

}



.dlvProgressBox .dlvBox .dlvItem {

    padding-left: 1.045rem;

    height: 1.323rem;

    position: relative;

    padding-bottom: 1.451rem;

    border-left: .03rem solid #e4e4e4

}



.dlvProgressBox .dlvBox .dlvItem .txt1 {

    position: absolute;

    left: .533rem;

    top: -.213rem;

    font-size: .597rem;

    height: .597rem;

    line-height: .597rem

}



.dlvProgressBox .dlvBox .dlvItem .txt2 {

    position: absolute;

    left: .533rem;

    top: .896rem;

    font-size: .469rem;

    height: .469rem;

    line-height: .469rem

}



.dlvProgressBox .dlvBox .dlvItem .time {

    position: absolute;

    right: 0;

    top: 0;

    font-size: .512rem;

    height: .512rem;

    line-height: .512rem

}



.dlvProgressBox .dlvBox .dlvItem .grey1 {

    color: #9d9d9f

}



.dlvProgressBox .dlvBox .dlvItem .grey2 {

    color: #999

}



.dlvProgressBox .dlvBox .dlvItem .grey3 {

    color: #666

}



.dlvProgressBox .dlvBox .dlvItem .greyCircle {

    width: .149rem;

    height: .149rem;

    border-radius: 50%;

    background: #e4e4e4;

    position: absolute;

    left: -.075rem;

    top: -.075rem

}



.dlvProgressBox .dlvBox .dlvItem .bigCircle {

    width: .405rem;

    height: .405rem;

    border-radius: 50%;

    position: absolute;

    left: -.203rem;

    top: -.203rem;

    opacity: .2

}



.dlvProgressBox .dlvBox .dlvItem .smallCircle {

    width: .235rem;

    height: .235rem;

    border-radius: 50%;

    position: absolute;

    left: -.117rem;

    top: -.117rem

}



.orderDetail .orderDetail_addr {

    margin: .8rem;

    margin-top: 0;

    padding-top: .2rem;

    font-size: .65rem;

    margin-bottom: .75rem

}



.orderDetail .orderDetail_addr .addr_line1 {

    line-height: 1.55rem;

    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;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: static !important

}



.orderDetail .refundLine .inlineBlock4 {

    position: relative;

    bottom: 0;

    right: 0;

    padding-top: .35rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    position: static !important;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: auto;

    position: static

}



.orderDetail .orderDetail_line .couponItem, .orderDetail .orderDetail_line .goodsTotalItem, .orderDetail .orderDetail_line .integralItem {

    height: 1.5rem;

    line-height: 1.7rem;

    width: auto

}



.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 .orderCodeTime .copyTextBtn {

    margin-left: 30px;

    padding: .1rem .5rem;

    border-radius: 1rem;

    border: 1px solid #e3e3e3;

    text-align: center

}



.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: -.25rem

}



.orderDetail .noflowInfo {

    color: #666;

    font-size: .6rem;

    display: none;

    padding-left: 1.7rem;

    border-top: none;

    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: 0;

    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 .line_item .inlineBlock4 a {

    display: inline-block

}



.orderDetail .orderDetail_line .seeMore {

    height: 1.45rem;

    line-height: 1.45rem;

    font-size: .6rem;

    color: grey;

    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: 700;

    margin-left: .2rem;

    position: relative;

    top: .1rem

}



.orderDetail .orderDetail_line .seeMore .icon-hidemoreIcon:before {

    content: "\e701";

    font-size: .7rem;

    margin-left: .2rem;

    font-weight: 700;

    position: relative;

    top: .1rem

}



.orderDetail .orderDetail_line .moreGoods, .orderDetail .orderDetail_line .vpdMoreGoods {

    display: none

}



.orderDetail .line_item .imgClass {

    max-width: 3.75rem;

    max-height: 3.75rem;

    vertical-align: middle

}



.orderDetail .orderDetail_line .refundLine {

    padding-bottom: 2rem;

    padding-bottom: .5rem !important

}



.orderDetail .orderDetail_line .refundLine .imgClass {

    margin-bottom: 0

}



.orderDetail .orderDetail_line .line_item .createTime {

    color: #bebebe

}



.orderDetail .orderDetail_line .line_item .amount {

    line-height: 1rem;

    color: #333;

    margin-left: .2rem;

    color: #999;

    position: static !important

}



.orderDetail .fk_mdetail_productItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.orderDetail .fk_mdetail_productItem .inlineBlock1 {

    width: 3.75rem;

    position: relative

}



.orderDetail .fk_mdetail_productItem_right {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.orderDetail .fk_mdetail_productItem_right .inlineBlock2 {

    position: relative;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.orderDetail .fk_mdetail_productItem_right .inlineBlock3 {

    position: relative;

    height: 1rem;

    left: auto;

    right: auto;

    padding-left: .5rem;

    bottom: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.orderDetail .orderDetail_line .line_item .price {

    line-height: 1rem;

    position: static !important

}



.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_name .mktTag {

    display: inline-block;

    line-height: .8532rem;

    color: #fff;

    border-radius: .0853rem;

    padding: 0 .2133rem;

    margin-right: .2133rem;

    text-align: center;

    overflow: hidden

}



.orderDetail .orderDetail_line .line_item .product_name .product_name_text {

    display: inline-block;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    width: 8.1058rem

}



.orderDetail .orderDetail_line .line_item .product_prop {

    position: relative;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .55rem;

    line-height: normal;

    color: #999;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    white-space: normal

}



.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 0;

    font-size: .9rem;

    top: .4rem

}



.orderDetail .flowInfo:nth-child(1) .flowFlag:before {

    content: "\ea8d";

    background: 0 0;

    border: none;

    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: 700;

    right: 0

}



.orderDetail .noAddr_prop {

    float: right;

    display: inline-block;

    margin-right: .8rem;

    color: #333

}



.orderDetail_goodsLine .fk_mdetail_merchant_shop_header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .53rem .75rem;

    line-height: 1

}



.orderDetail_goodsLine .fk_mdetail_merchant_shop_header_logo {

    width: .75rem;

    height: .75rem;

    background: rgba(255, 63, 3, 1);

    border-radius: 0;

    margin-right: .3rem;

    background: url(/image/merchants/logo.png) center center;

    margin-right: .3rem;

    background-size: contain

}



.orderDetail_goodsLine .fk_mdetail_merchant_shop_header_name {

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(51, 51, 51, 1);

    margin-right: .4rem

}



.orderDetail_goodsLine .fk_mdetail_merchant_shop:first-child {

    margin-top: 0

}



.orderDetail_goodsLine .fk_mdetail_merchant_shop_wrap {

    background: #f7f7f7

}



.orderDetail_goodsLine .fk_mdetail_merchant_shop {

    background: #fff;

    margin-top: .35rem;

    padding-bottom: .3rem

}



.orderDetail .fk_mdetail_merchant_shop .line_item {

    padding: .5rem .75rem

}



.noAddrPanel {

    padding-bottom: .4rem;

    position: relative;

    padding-top: .4rem

}



.noAddrPanel .fk_mstl_icon {

    float: right;

    margin-top: .35rem;

    margin-right: -2rem

}



.noAddrPanel .rightToward {

    position: absolute;

    right: .3rem;

    bottom: .5rem;

    color: #ccc;

    font-weight: 700

}



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

    height: 2.55rem;

    line-height: 2.55rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    font-size: .7rem;

    color: #333;

    margin-left: .75rem;

    margin-right: .75rem;

    border-bottom: .025rem solid #ccc;

    padding-bottom: .05rem

}



.noAddrEditLineItem .propName {

    display: inline-block

}



.noAddrEditLineItem .propName > span {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .6rem;

    display: inline-block;

    max-width: 3rem;

    height: 2.25rem;

    line-height: inherit;

    height: 100%

}



.noAddrEditLineItem .propValueWrap {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.noAddrEditLineItem .propItemValue {

    color: #333;

    font-size: .6rem;

    padding-left: .45rem;

    border: 0;

    outline: 0;

    background-color: #fafafa;

    width: 11.5rem

}



.noAddrEditLineItem .propValueWrap[date-type] .propItemValue {

    width: 4.5rem

}



.noAddrEditLineItem .propValueWrap[date-type] .fk_addrProp_timepicker .fk-dateInputMaskWrap {

    width: 4.5rem

}



.noAddrEditLineItem .propValueWrap[date-type] .fk_addrProp_timepicker ._initDateInput {

    background: 0 0;

    height: 100%

}



.icon-upIcon:before {

    content: "\e656";

    font-size: .75rem

}



.opened .icon-upIcon:before {

    content: "\e701";

    font-size: .75rem

}



.order-ext-panel {

    transition: margin-left .5s;

    -ms-transition: margin-left .5s;

    -moz-transition: margin-left .5s;

    -o-transition: margin-left .5s;

    -webkit-transition: margin-left .5s;

    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;

    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;

    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%;

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

}



.l-item .pd-comment-tipContainer {

    display: -webkit-inline-flex;

    position: absolute;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: .9rem;

    bottom: .2rem;

    max-width: 7rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.l-item .pd-comment-tip {

    max-width: 7rem;

    font-size: .5rem;

    text-align: center;

    display: inline-block;

    padding-left: .23rem;

    padding-right: .23rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.l-item .pd-comment-tipBg {

    width: 100%;

    height: .9rem;

    border-radius: .1rem;

    opacity: .07;

    position: absolute;

    top: 0

}



.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: -.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 .2s;

    -ms-transition: height .2s;

    -moz-transition: height .2s;

    -o-transition: height .2s;

    -webkit-transition: height .2s

}



.flowDetailPanel .moreOrderProductList {

    color: grey;

    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: none;

    height: .5rem;

    margin: 0

}



.flowDetail .flowBaseInfo {

    line-height: .8rem;

    padding: .7rem .3rem

}



.flowDetail .flowBaseInfo .billNum {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.flowDetail .flowBaseInfo .jzm-vicon_copy {

    width: .576rem;

    height: .576rem;

    fill: #666;

    display: inline-block;

    margin-left: .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;

    height: 1.3rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



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

    margin: 0;

    position: relative;

    position: static !important;

    margin: 0 !important

}



.inlineBlock4 .icon-refund {

    font-size: .6rem;

    color: #666;

    vertical-align: middle;

    position: static !important

}



.inlineBlock4 .icon-refund:before {

    content: "\eaab"

}



.inlineBlock4 .refundStatus {

    color: #666;

    font-size: .5rem;

    position: static !important

}



.inlineBlock4 .leftDiv {

    line-height: 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.orderDetail_goodsLine .vpdDRContainer {

    padding-top: .35rem

}



.orderDetail_goodsLine .toUseVpd {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 3rem;

    height: 1.2rem;

    background: rgba(255, 255, 255, 1);

    border: .025rem solid rgba(136, 136, 136, 1);

    border-radius: .1rem;

    vertical-align: middle;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    vertical-align: middle

}



.orderDetail_goodsLine .vpdDRContent {

    background: rgba(245, 245, 245, 1);

    border-radius: .15rem;

    margin: 0 .75rem .5rem .75rem;

    line-height: 1rem;

    padding: .5rem;

    word-break: break-word

}



.orderDetail_goodsLine .vpdDRCopy {

    width: 3rem;

    height: 1.2rem;

    background: rgba(255, 255, 255, 1);

    border: .025rem solid;

    border-radius: .1rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    vertical-align: middle;

    margin-left: .45rem

}



.orderDetail_goodsLine .vpdDRBtnContain {

    text-align: right;

    margin-left: .75rem;

    margin-right: .75rem;

    border-bottom: .025rem solid #f2f2f2;

    padding-bottom: .5rem

}



.orderDetail_goodsLine .deliveryTitle {

    height: 2rem;

    font-size: .65rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-left: .75rem;

    border-bottom: .025rem solid #eee

}



.wekitBox {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flexbox;

    display: flex

}



.flex1 {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1 1

}



.flex2 {

    -webkit-box-flex: 2;

    -ms-flex: 2;

    flex: 2 1

}



.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: none;

    height: .5rem;

    margin: 0

}



.orderDetail .footerSeparator {

    height: 2rem;

    width: 100%;

    background-color: #f7f7f7

}



.orderDetail .mall_product {

    margin-top: .5rem;

    border: none;

    margin-bottom: 0;

    padding: 0;

    -webkit-box-shadow: none;

    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;

    width: auto;

    padding: 0 .4rem

}



.orderDetail .J-flowView {

    width: auto;

    padding: 0 .4rem

}



.orderDetail .J-orderDelete {

    width: auto;

    padding: 0 .4rem

}



.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

}



.orderDetail .orderDetailPayIcon {

    display: inline-block;

    vertical-align: middle;

    margin-right: .2rem;

    width: .75rem;

    height: .75rem

}



.orderDetail .orderDetailPayDesc {

    background-color: #f7f7f7;

    padding: .5rem;

    font-size: .5rem;

    color: #333;

    white-space: pre-line;

    word-break: break-all

}



.mall_textArea {

    background: #f7f7f7;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    text-indent: .25rem;

    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 .merchant_title {

    line-height: initial

}



.orderList .orderList_line .merchant_title .warningTips {

    height: 1.25rem;

    border-radius: .05rem;

    margin-top: .5rem;

    font-size: .55rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: rgba(255, 245, 239, 1);

    border-radius: .1rem;

    color: #ff7824

}



.orderList .orderList_line .merchant_title .warningTips .warning_icon {

    width: .8rem;

    height: .8rem;

    margin-right: .3rem;

    fill: #ff7824;

    fill: rgba(255, 120, 36, 1)

}



.orderList .orderList_line .merchant_title .title_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.orderList .orderList_line .merchant_title .title_left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 60%;

    height: 2.25rem

}



.orderList .orderList_line .merchant_title .merchant_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.orderList .orderList_line .merchant_title .merchant_close {

    position: relative;

    width: 1.5rem;

    height: .875rem

}



.orderList .orderList_line .merchant_title .merchant_close_icon {

    width: 1.5rem;

    height: .875rem;

    fill: rgba(153, 153, 153, 1)

}



.orderList .orderList_line .merchant_title .merchant_close_icon_text {

    color: #fff;

    font-size: .4rem;

    display: inline-block;

    width: 1.5rem;

    height: .58rem;

    line-height: .58rem;

    position: absolute;

    left: 0;

    bottom: 0;

    text-align: center

}



.orderList .orderList_line .merchant_title .icon-forward {

    font-size: .2rem;

    width: .5rem;

    height: .5rem;

    fill: rgba(200, 200, 200, 1)

}



.orderList .orderList_line .merchant_title .merchant_icon {

    width: .75rem;

    height: .75rem;

    border-radius: .2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    border-radius: .1rem;

    overflow: hidden

}



.orderList .orderList_line .merchant_title .merchant_icon .img {

    width: 100%;

    height: auto

}



.orderList .orderList_line .merchant_title .merchant_icon .iconShaw {

    width: 100%;

    height: 100%;

    position: absolute;

    background: #000;

    opacity: .3

}



.orderList .orderList_line .merchant_title .merchant_name {

    font-size: .6rem;

    color: rgba(51, 51, 51, 1);

    margin: 0 .3rem

}



.orderList .orderList_line .merchant_title .title_right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 40%;

    height: 2.25rem

}



.orderList .orderList_line .merchant_title .title_right .order_number {

    font-size: .5rem;

    color: rgba(153, 153, 153, 1);

    white-space: nowrap;

    margin-top: .15rem

}



.orderList .orderList_line .merchant_title .title_right .orderStatus {

    font-size: .6rem;

    white-space: nowrap

}



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

    position: relative

}



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

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.orderList .orderList_line .line_item .icon-refund {

    font-size: .8rem

}



.orderList .orderList_line .line_item .icon-refund:before {

    content: "\eaab"

}



.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

}



.orderDetail .commentRewardTip, .orderList .orderList_line .commentRewardTip {

    width: 1.75rem;

    height: .65rem;

    border: .025rem solid;

    border-radius: .25rem 0 .25rem 0;

    text-align: center;

    font-size: .45rem;

    display: inline-block;

    position: absolute;

    font-size: .45rem;

    background: #fff;

    line-height: .65rem;

    right: -.6rem;

    max-width: 1.75rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-left: .2rem;

    padding-right: .2rem

}



.orderDetail .commentRewardTip {

    border-color: #fd7028;

    color: #fd7028;

    width: 1.9rem;

    height: .7rem;

    font-size: .45rem;

    text-align: center;

    line-height: .7rem;

    border: 1px solid

}



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

    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: none;

    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: -.375rem;

    top: .55rem

}



.flowFlag:before {

    content: '';

    width: .4rem;

    height: .4rem;

    border-radius: 50%;

    background: #ddd;

    position: relative;

    display: block;

    -webkit-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, .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: -.375rem;

    top: .55rem;

    font-size: .7rem;

    line-height: .8rem

}



.cusFlowFlag:before {

    content: "\ea8d";

    width: .75rem;

    height: .75rem;

    background: 0 0;

    position: relative;

    display: block;

    -webkit-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: 700;

    display: inline-block;

    font-size: 1rem

}



.commentBox .fk-star-list, .statisticCommBox .fk-left-statisBox .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

}



.commentBox .fk-star-list li, .fk-left-statisBox .fk-star-list li, .l-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 {

    padding: 0 1.29rem .7rem 1.29rem

}



.vote .voteSubject {

    text-align: center;

    line-height: 1.05rem;

    margin: .64rem auto

}



.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: 100%;

    margin: 0;

    font-size: .7rem

}



.vote .voteItems {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: .86rem

}



.vote .voteItemImgPanel {

    width: 100%;

    height: 11rem;

    border: 1px solid #eee;

    padding: .5rem;
    display: inline-block;

    text-align: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.vote .voteItemNamePanel {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 2rem

}



.vote .voteItems .voteLab {

    margin-left: .25rem

}



.vote .voteItems .voteItemName {

    display: inline-block;

    margin-left: .25rem

}



.vote .voteOperate {

    text-align: center;

    margin-top: .86rem

}



.vote .voteItemCount {

    width: 4rem;

    display: inline-block;

    text-align: center;

    font-size: .4rem

}



.vote .voteItemShow {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.vote .voteValidateCode {

    margin-top: 10px;

    padding-top: .45rem

}



.vote .voteValidateCode .voteValidateCodeTitle {

    height: 1.45rem;

    display: table-row;

    text-align: left;

    word-break: break-all

}



.vote .voteValidateCode .voteValidateCodeMain {

    position: relative

}



.vote .voteValidateCode .g_itext {

    width: 7rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 1.6rem;

    line-height: 1rem;

    font-size: .6rem;

    font-family: "微软雅黑";

    text-indent: .25rem;

    background-color: #f7f7f7;

    border: 1px solid #dadada;

    border-radius: 4px

}



.vote .voteValidateCode .voteValidateCodeImg {

    cursor: pointer;

    height: 1.6rem;

    width: auto;

    visibility: visible;

    padding-left: .5rem;

    vertical-align: middle

}



.vote .voteValidateCode .validateCodeTip {

    display: inline-block;

    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%;

    vertical-align: middle

}



.vote .voteValidateCode .voteMustStar {

    position: absolute;

    right: -.5rem;

    line-height: 1.8rem;

    color: red;

    font-size: .7rem

}



.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

}



#webFooterBox .fullScreenDivCotainer .refreshBase {

    position: fixed !important;

    top: 0 !important

}



.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 .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s

}



.showFullScreen {

    visibility: visible;

    left: 0;

    visibility: visible;

    transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s

}



.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: 82%;

    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 .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s;

    overflow-y: auto

}



.showVoteResult {

    top: 0 !important;

    visibility: visible;

    transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s

}



.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: #fff;

    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: #fff;

    line-height: 1.75rem;

    text-shadow: 0 0 3px #744c10;

    text-align: center;

    display: table-cell;

    vertical-align: middle

}



.fk_mobiCornerAd_wrap {

    position: relative

}



.fk_mobiCornerAd {

    position: fixed;

    margin-left: .7rem;

    bottom: 2.125rem;

    width: 4.225rem;

    height: 1.6rem;

    display: none

}



@media only screen and (min-width: 768px) {

    .fk_mobiCornerAd {

        left: calc(50% - 8rem)

    }

}



.fk_mobiCornerAd_hasBottomMenu {

    bottom: 4.225rem

}



.fk_mobiCornerAd_img {

    width: 3.5rem;

    height: 1.55rem

}



.fk_mobiCornerAd_link {

    display: inline-block

}



.fk_mobiCornerAd_close {

    position: absolute;

    right: 0;

    top: -1.35rem;

    height: 1.35rem;

    width: 1.35rem;

    cursor: pointer

}



.fk_mobiCornerAd_close_img {

    width: .9rem;

    height: .9rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.jz_foreHideCornerAd {

    display: none !important

}



.mobiVideo {

    width: 100%

}



.mobiVideoOnline {

    height: 13rem;

    z-index: 0

}



.mobiVideoOnlineIframe {

    width: 100%;

    height: 100%

}



.mobiVideoCoverFix {

    height: 0;

    overflow: hidden

}



.mobiVideoOnline .video-js {

    width: 100%

}



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

    -webkit-box-shadow: 0 2px 2px 0 #c5c5c5;

    box-shadow: 0 2px 2px 0 #c5c5c5;

    background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#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;

    -webkit-box-shadow: 0 2px 2px 0 #c5c5c5;

    box-shadow: 0 2px 2px 0 #c5c5c5;

    background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#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

}



.productNewDetailPanelForIpX {

    margin-bottom: .5rem

}



.productNewDetailPanel .proImgSwipe {

    margin-bottom: 0

}



.webCustomerServiceBox #fixedWrap {

    position: relative;

    min-height: 2.2rem

}



.productDetailHeader {

    position: fixed;

    top: 0;

    width: 100%;

    max-width: 768px;

    z-index: 10;

    height: 2.4rem

}



.productNewDetail .productBullet {

    background: 0 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 {

    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

}



.jz_otherTheme .productNewDetail .productPrice .marketPrice {

    line-height: 3.2rem

}



.productNewDetail .marketMemberPrice {

    display: block;

    font-size: .6rem;

    margin-left: .35rem;

    word-spacing: .2rem;

    vertical-align: 0;

    text-decoration: line-through;

    color: #999

}



.productNewDetail .marketPriceNew {

    position: relative;

    top: -.5rem;

    height: 1rem;

    line-height: 1rem;

    font-size: .6rem;

    word-spacing: .2rem;

    vertical-align: top;

    color: #999;

    margin-left: .2rem;

    display: none;

    margin-top: .43rem

}



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

    margin-top: .43rem

}



.productNewDetail .productPrice {

    position: relative

}



#g_web .fixedAreaBox .productMallShop .originPriceBuy {

    color: #fff

}



.marketPriceNew .textDec {

    text-decoration: line-through

}



.marketPrice {

    font-size: .6rem

}



.productNewDetail .productInfoSize {

    height: 2rem;

    line-height: 2rem

}



.productNewDetail .productParamterNameList {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    width: 13rem

}



.productNewDetail .proCommProperty .ptInfo {

    position: absolute;

    right: 2.9rem;

    top: 50%;

    -webkit-transform: translateY(-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: none;

    border-radius: initial;

    -webkit-border-radius: initial;

    -moz-border-radius: initial;

    -ms-border-radius: initial

}



.productNewDetail .integralMallDeduction, .productNewDetail .productItgReward {

    height: 2rem;

    position: relative;

    padding-left: .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.productNewDetail .integralMallDeduction .title, .productNewDetail .productItgReward .title {

    color: #999;

    font-size: .6rem;

    display: inline-block;

    width: 2rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.productNewDetail .integralMallDeduction .tagWrap, .productNewDetail .productItgReward .tagWrap {

    position: relative;

    width: 1.25rem;

    height: .75rem;

    margin-right: .3rem

}



.productNewDetail .integralMallDeduction .tag, .productNewDetail .productItgReward .tag {

    opacity: .1;

    margin-right: .3rem;

    display: inline-block;

    width: 1.25rem;

    height: .75rem;

    line-height: .75rem;

    text-align: center;

    border-radius: .05rem

}



.productNewDetail .integralMallDeduction .tag_text, .productNewDetail .productItgReward .tag_text {

    font-size: .45rem;

    display: inline-block;

    width: 1.25rem;

    height: .75rem;

    line-height: .75rem;

    text-align: center;

    position: absolute

}



.productNewDetail .integralMallDeduction .slogan, .productNewDetail .productItgReward .slogan {

    font-size: .55rem;

    color: #333;

    display: inline-block;

    width: 10rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.productNewDetail .integralMallDeduction .more {

    position: absolute;

    top: .5rem;

    right: .6rem;

    font-size: 1rem

}



.imContentPanel {

    background-color: #fff;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: auto;

    overflow: auto;

    max-height: 22rem

}



.imContentPanel .imPanelTitle {

    height: 2.5rem;

    line-height: 2.5rem;

    border-bottom: 1px solid #f1f1f1;

    font-size: .7rem;

    color: #333;

    text-align: center

}



.imContentPanel .imPanelContent {

    height: 5rem;

    padding: .875rem .75rem;

    padding-bottom: 0;

    color: #353535;

    font-size: .6rem

}



.imContentPanel .confirmBtn {

    height: 2rem;

    line-height: 2rem;

    text-align: center;

    color: #fff;

    font-size: .6rem;

    margin-top: 1.15rem;

    cursor: pointer

}



.salePanel {

    height: 2.15rem;

    z-index: 10;

    width: 100%;

    bottom: 0;

    max-width: 19.2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.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

}



.salePromotionNewMessage {

    font-size: .45rem;

    color: #fff;

    height: .46rem;

    line-height: .46rem;

    margin-top: .28rem;

    white-space: nowrap

}



.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: 3.25rem;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.productMallBuyPanel .pdMallTimedAdd, .productMallShop .pdMallTimedAdd {

    float: left;

    font-size: .65rem;

    color: #fff;

    cursor: not-allowed

}



.productMallBuyPanel .merchantRelax, .productMallShop .merchantRelax {

    float: left;

    font-size: .65rem;

    color: #fff;

    cursor: not-allowed;

    background: #cdcdcd

}



.countDownLeftBox {

    margin-top: .35rem

}



.secKillCountDown .valueInteger {

    font-size: 1.45rem

}



.secKillCountDown .valueDecimal {

    font-size: .6rem

}



.secKillCountDown .valueRight {

    display: inline-block;

    margin-left: .25rem

}



.secKillCountDown .valueRight .secKillSign {

    width: 1.9rem;

    height: .65rem;

    line-height: .65rem;

    border-radius: .05rem;

    background: rgba(0, 0, 0, .1);

    font-size: .45rem;

    color: #fff;

    text-align: center

}



.secKillCountDown .valueRight .newThemePropValue {

    margin-left: 0

}



.secKillCountDown .countDownLeftBox {

    margin-top: .1rem

}



.secKillCountDown .salePromotionNewMessage {

    opacity: .7;

    margin-top: .35rem

}



.secKillCountDown .salePromotionNewTime {

    margin-right: 0

}



.secKillCountDown .saleProMotionNewShowTime {

    margin-right: .1rem;

    margin-top: .1rem;

    white-space: nowrap

}



#g_web .secKillCountDown .saleProMotionNewShowTime .salePromotionNewNumb {

    background: rgba(255, 255, 255, .15);

    border-radius: .1rem;

    font-size: .5rem;

    height: .9rem;

    line-height: .9rem;

    color: #fff;

    width: .75rem

}



#g_web .secKillCountDown .saleProMotionNewShowTime .salePromotionNewWord {

    font-size: .5rem;

    opacity: .7;

    margin: 0 .1rem

}



#g_web .secKillCountDown .showMillisTime .saleProMotionNewShowTime .salePromotionNewNumb.J_salePromotionSecondNum {

    width: .475rem

}



#g_web .secKillCountDown .showMillisTime .saleProMotionNewShowTime .salePromotionNewWord {

    margin: 0 .05rem

}



.productNewDetail .pdInfoTitle {

    margin-right: .8rem

}



.productNewDetail .productParamterWords {

    font-size: .55rem;

    color: #333;

    white-space: nowrap

}



.secKillAnnouncedPanel {

    height: 2rem;

    width: 100%;

    background: #fff;

    font-size: .45rem

}



.secKillAnnouncedPanel .skAnnouncedLeft {

    float: left;

    margin-left: .65rem;

    margin-top: .675rem;

    height: .65rem;

    width: 2.95rem;

    overflow: hidden;

    background: #fff;

    border-width: .025rem;

    border-style: solid;

    border-radius: .65rem;

    white-space: nowrap

}



.secKillAnnouncedPanel .skAnnouncedLeft .sign {

    color: #fff;

    height: .65rem;

    line-height: .65rem;

    display: inline-block;

    font-size: .5rem;

    vertical-align: super;

    width: .8rem;

    text-align: center

}



.secKillAnnouncedPanel .skAnnouncedLeft .sign::before {

    color: #fff

}



.secKillAnnouncedPanel .skAnnouncedLeft .txt {

    height: .65rem;

    line-height: .65rem;

    display: inline-block;

    text-align: center;

    vertical-align: top;

    margin-left: .15rem

}



.secKillAnnouncedPanel .skAnnouncedRight {

    float: left;

    font-size: .6rem;

    line-height: 2rem;

    margin-left: .25rem

}



.J_salePromotion {

    height: 2.3rem;

    line-height: 2.3rem

}



.J_salePromotion .saleInfo {

    position: relative;

    margin-right: .35rem;

    font-size: .45rem;

    display: inline-block;

    height: 100%;

    width: 2.3rem;

    vertical-align: top;

    line-height: 2.1rem

}



.J_salePromotion .saleInfoLonger {

    width: 4rem

}



.J_salePromotion .saleInfoLongerV2 {

    width: 5.5rem

}



.saleInfo .saleInfoBg {

    display: inline-block;

    position: absolute;

    height: .7rem;

    width: 2.45rem;

    border-radius: .05rem;

    left: 0;

    top: .72rem;

    opacity: .1

}



.saleInfo .saleInfoTip {

    position: absolute;

    margin-top: .01rem;

    width: 2.45rem;

    text-align: center

}



.saleInfo .saleInfoLonger {

    width: 4rem

}



.saleInfo .saleInfoLongerV2 {

    width: 5.5rem

}



.toCombine {

    font-size: .55rem;

    text-decoration: underline

}



.jz_newTheme .productNewDetail .J_salePromotion .more {

    text-align: center;

    line-height: 2.5rem

}



.salePromotionPanel .toCombineForward {

    color: #999;

    font-size: .75rem;

    position: absolute;

    right: 0;

    top: .5rem

}



.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: 0 .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, .5);

    position: absolute;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    bottom: 0

}



.tabUiDiv {

    position: relative;

    font-size: 0

}



.tabUiDiv2 {

    display: inline-block;

    width: 100%;

    -webkit-transition: .2s;

    transition: .2s;

    font-size: 0

}



.tabUiDiv .J_preBtn {

    position: absolute;

    position: absolute;

    left: 0;

    width: .75rem;

    height: 2.3rem;

    background-color: #eee;

    display: inline-block

}



.tabUiDiv .f-preBtn:before {

    content: "\e60e";

    vertical-align: middle;

    color: #aaa;

    font-size: .75rem;

    display: inline-block;

    margin-top: 19px

}



.tabUiDiv .J_nextBtn {

    position: absolute;

    position: absolute;

    left: 96%;

    width: .75rem;

    height: 2.3rem;

    background-color: #eee;

    display: inline-block

}



.tabUiDiv .J_nextBtn:before {

    content: "\e672";

    vertical-align: middle;

    color: #aaa;

    font-size: .75rem;

    display: inline-block;

    margin-top: 19px

}



.productNewDetailPanel .tabBody {

    min-height: 4rem;

    position: relative;

    overflow: hidden;

    border-top: none;

    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: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

}



.tabBody .tabPanel.tabPanelAtive {

    position: relative;

    z-index: 0;

    visibility: visible;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.tabBody .tabPanel.tabPanelAtive ~ .tabPanel {

    -webkit-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 li {

    list-style-type: inherit

}



.productDetailInfoPanel a {

    text-decoration: underline

}



.mProductListTitle ~ .productSlide .productCrossedSlideSec {

    margin-top: 0

}



.tabPanel .mProductListTitle ~ .productSlide {

    border-top: none;

    margin-bottom: 0

}



.productNewDetailPanel .bullets li.on, .webPagePanel .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: 0;

    visibility: hidden;

    overflow: hidden

}



.proOtherPanel.proOtherPanelOpen {

    height: 4rem;

    visibility: visible

}



.userCommentPanel .notice {

    width: initial;

    margin: .5rem

}



.newsInfoTitle, .productNameSwipBox {

    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, .5);

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(76, 76, 76, 0)), to(rgba(19, 19, 19, .5)));

    background: linear-gradient(rgba(76, 76, 76, 0) 0, rgba(19, 19, 19, .5) 100%)

}



.newsInfoTitle3, .productNameSwipBox {

    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, .5);

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(76, 76, 76, 0)), to(rgba(19, 19, 19, .5)));

    background: linear-gradient(rgba(76, 76, 76, 0) 0, rgba(19, 19, 19, .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: break-word;

    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

}



.productNewDetail .gbNewMembers {

    height: 2.15rem;

    overflow: hidden;

    padding-left: .65rem;

    position: relative;

    border-top: 1px solid #f1f1f1;

    font-size: .5rem;

    color: #666;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.productNewDetail .gbNewMembers .plaque {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 2.19rem;

    height: .762rem;

    border-radius: .12rem;

    font-size: .4286rem;

    margin-right: .333rem;

    opacity: .1

}



.productNewDetail .gbNewMembers .plaqueTxt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 2.19rem;

    height: .762rem;

    border-radius: .12rem;

    font-size: .4286rem;

    margin-right: .333rem;

    position: absolute

}



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

    word-break: break-all;

    white-space: unset;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical

}



.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

}



.productMallOptionMargin {

    min-height: calc(100% - 18rem);

    max-height: calc(100% - 11.5rem)

}



.productMallBuy.g_button {

    width: auto;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.productMallOptionPanel .productImmeCutPrice, .productMallOptionPanel .productImmePdTimedAdd, .productMallOptionPanel .productImmeRdSecKill, .productMallOptionPanel .productImmeSecKill {

    margin: 0;

    border-radius: 0;

    font-size: .6rem

}



.webPagePanel .productMallOptionPanel .productMallShop .productImmeSecKillAmountOver {

    color: #999;

    background: #eee;

    font-size: .6rem

}



.webPagePanel .productMallOptionPanel .productMallShop .productAmountAllOver {

    width: 100%;

    height: 2rem;

    line-height: 2rem

}



.g_opacity50 {

    opacity: .5

}



.icon-shopCartIcon:before {

    content: "\e69d";

    margin-left: .2rem;

    position: relative;

    top: .1rem

}



.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_web div .mallGreyBtn {

    color: #999;

    background: #eee;

    border-color: #999

}



#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

}



#g_web .productMallShop .isNewTheme.g_bookingButton {

    width: 100%

}



.productDetailName {

    position: absolute;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    top: 32%

}



.icon-Off:before {

    content: "\e66f";

    font-size: .7rem

}



.icon-share:before {

    content: "\e6e2";

    font-size: 1rem

}



.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

}



.productDetailName .productName .productNameWrap {

    word-break: break-all;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    width: 7.5rem

}



.productDetailName .priceWraper {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 10rem

}



.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

    }

}



.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

}



.g_round {

    border-radius: 100%;

    -ms-border-radius: 100%;

    position: absolute;

    width: 1.35rem;

    height: 1.35rem;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -o-border-radius: 100%;

    background: rgba(255, 255, 255, .7)

}



.tabBody .showMoreComment {

    height: 1.5rem;

    line-height: 1.5rem;

    text-align: center;

    border: 1px solid #ddd;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.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: -webkit-transform 0s;
    transition: transform 0s;

    transition: transform 0s, -webkit-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;

    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;

    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

}



.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

}



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

    text-align: center;

    color: #999;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-top: .7rem;

    font-size: .65rem

}



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

}



.icon-graphic_poster:before {

    content: "\b0361";

    color: #fa8844;

    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-graphic_poster-text:after {

    content: "图文海报"

}



.g_locale2052 .jzGrapicShare .icon-graphic_poster-text:after {

    content: "二维码海报"

}



.g_locale2052 .icon-sina_weibo-text:after {

    content: "新浪微博"

}



.g_locale2052 .icon-qq_weibo-text:after {

    content: "腾讯微博"

}



.g_locale2052 .icon-qq_zone-text:after {

    content: "QQ空间"

}



.g_locale2052 .icon-renren-text:after {

    content: "人人网"

}



.g_locale2052 .icon-douban-text:after {

    content: "豆瓣网"

}



.g_locale2052 .icon-kaixin001-text:after {

    content: "开心网"

}



.g_locale2052 .icon-sohu_weibo-text:after {

    content: "搜狐网"

}



.g_locale2052 .icon-netease_weibo-text:after {

    content: "网易Lofter"

}



.g_locale2052 .icon-baidu_hi-text:after {

    content: "百度HI"

}



.g_locale2052 .icon-baidu_tieba-text:after {

    content: "百度贴吧"

}



.g_locale2052 .icon-qq_share-text:after {

    content: "QQ分享"

}



.g_locale2052 .icon-copy_url-text:after {

    content: "复制链接"

}



.g_locale2052 .icon-taojianghu-text:after {

    content: "淘江湖"

}



.g_locale2052 .icon-FaceBook-text:after {

    content: "脸书"

}



.g_locale2052 .icon-Twitter-text:after {

    content: "推特"

}



.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

}



.icon-gbgraphic_poster:before {

    content: "\b0363";

    color: #fa8844;

    border-radius: 100%

}



.f_gbshareListPanel .gbshareListContent {

    position: absolute;

    bottom: 0;

    width: 100%;

    background-color: #fff;

    overflow: hidden

}



.f_gbshareListPanel .gbshareListSwipe {

    text-align: center

}



.f_gbshareListPanel .gbshareLink {

    display: inline-block;

    margin-top: .2rem;

    margin-bottom: .7rem

}



.f_gbshareListPanel .marginLeft {

    margin-left: 3.75rem

}



.f_gbshareListPanel .marginRight {

    margin-right: 3.75rem;

    float: right

}



.f_gbshareListPanel .gbicon-Weixin-text:after {

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    content: "直接邀请"

}



.f_gbshareListPanel .gbicon-graphic_poster-text:after {

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    content: "海报邀请"

}



.f_gbshareListPanel .cancelBtn {

    height: 2.1rem;

    line-height: 2.1rem;

    background-color: #f9f9f9;

    font-size: .64rem

}



.f_gbshareListPanel .cancelBtn .cancelBtnSpan {

    width: 2rem;

    margin: 0 auto;

    display: block;

    text-align: center

}



.f_gpgraphicPoster .gpgraphicPosterContent {

    position: absolute;

    bottom: 0;

    width: 100%;

    max-height: 90%;

    background-color: #fff;

    overflow-y: scroll

}



.f_gpgraphicPoster .gbContentTitle {

    height: 2rem;

    background-color: #f7f7f7

}



.f_gpgraphicPoster .gbContentTitle .gbTitle {

    font-size: .6rem;

    color: #333;

    margin-left: .575rem;

    margin-top: .675rem;

    display: inline-block

}



.f_gpgraphicPoster .gbContentTitle .closeIcon {

    background: url(/image/share/gbsharehaibao_close.png?v=201905201142) no-repeat;

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    display: block;

    width: .575rem;

    height: .575rem;

    margin: .75rem .6rem 0 0;

    float: right;

    cursor: pointer

}



.f_gpgraphicPoster .gbpage_graphicPoster {

    top: 4rem;

    border-radius: .3rem;

    overflow: hidden;

    width: 100%

}



.f_gpgraphicPoster .myCanvasContain {

    margin: 1rem 2.35rem;

    -webkit-box-shadow: 0 5px 29px 0 rgba(221, 221, 221, .6);

    box-shadow: 0 5px 29px 0 rgba(221, 221, 221, .6)

}



.f_gpgraphicPoster .promptTextContain {

    background-color: #fff;

    width: 100%;

    color: #353535;

    font-size: .55rem;

    text-align: center;

    height: 1.2rem;

    margin-top: -.1rem

}



.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: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);

    transition: transform .2s cubic-bezier(0, 0, .25, 1);

    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-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, .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)

}



.webPagePanel .page_graphicPoster {

    position: absolute;

    top: 4rem;

    left: 2.1rem;

    border-radius: .3rem;

    overflow: hidden;

    width: 12rem;

    height: 22rem;

    min-height: unset

}



.page_graphicPoster .myCanvasImgContain {

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0

}



.page_graphicPoster .promptTextContain {

    width: 100%;

    height: 1.75rem;

    line-height: 1.75rem;

    text-align: center;

    color: #fff;

    font-size: .55rem;

    bottom: 0;

    position: absolute;

    background: -prefix-linear-gradient(left, #ff9d27, #ff6056);

    background: -webkit-gradient(linear, left top, right top, from(#ff9d27), to(#ff6056));

    background: linear-gradient(to right, #ff9d27, #ff6056)

}



.formMiddleContent19 {

    margin-bottom: 2rem

}



.newsNewDetailPanel.shareOnClass .newsPrev {

    margin-bottom: 2rem

}



.newsNewDetailPanel .newsContentPanel {

    padding: 0 .45rem .5rem .45rem;

    word-wrap: break-word

}



.newsNewDetailPanel #newsDetailPanel .newsContentPanel .newsContent p img {

    margin-top: -1px

}



.newsNewDetailPanel .newsContentPanel li {

    list-style-type: inherit

}



.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: 0 .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 .newsLink, .newsNewDetailPanel .newsSource {

    font-size: .6rem;

    color: #333;

    margin-bottom: .45rem;

    word-wrap: break-word;

    word-break: normal

}



.newsNewDetailPanel .newsNext, .newsNewDetailPanel .newsPrev {

    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;

    -webkit-box-sizing: border-box;

    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: none

}



.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 .attachListItem {

    width: 14rem;

    height: 1.5rem;

    background-color: #f4f4f4

}



.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: 10.5rem

}



.newsNewDetailPanel .fileContent .fileContentSize {

    font-size: .5rem;

    line-height: .8rem;

    color: #999;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 10.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 .newsContentPanel li {

    list-style-type: inherit

}



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

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    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;

    text-overflow: ellipsis;

    word-wrap: break-word;

    word-break: normal

}



.newsDetailV3Panel .newsAuthor {

    max-width: 4.7rem;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.newsDetailV3Panel .newsDate {

    overflow: visible

}



.newsDetailV3Panel .newsSource {

    max-width: 100%;

    margin-bottom: 0

}



.newsDetailV3Panel .newsCustomPanel .newsCustom.newsSource {

    margin-right: 0

}



.newsDetailV3Panel .newsView {

    float: right;

    margin-left: .55rem;

    margin-right: 0

}



.newsDetailV3Panel .newsGroup {

    line-height: .8rem;

    margin-bottom: .7rem

}



.newsDetailV3Panel .newsGroup .newsGroupTag {

    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: 0 .3rem;

    color: #999

}



.newsDetailV3Panel .newsContent {

    padding: 0;

    font-size: .6rem;

    color: #666;

    line-height: 1.2rem;

    margin-bottom: 1.5rem

}



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

    -webkit-box-sizing: border-box;

    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: none

}



.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 0;

    font-size: .6rem;

    color: #666;

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    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;

    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 .attachListItem {

    width: auto;

    height: 1.5rem;

    background-color: #f4f4f4

}



.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: 10.5rem

}



.newsDetailV3Panel .fileContent .fileContentSize {

    font-size: .5rem;

    line-height: .8rem;

    color: #999;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 10.5rem

}



.newsDetailV3Panel .title-textStyle {

    padding: 3.15rem .65rem 0 .65rem;

    position: relative

}



.newsDetailV3Panel .title-textStyleFix {

    padding: .97rem .65rem 0 .65rem;

    position: relative

}



.newsDetailV3Panel .title-imgStyle {

    padding: .75rem .65rem 0 .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 {

    margin: .6rem 2.5rem .5rem 0

}



.newsDetailV3Panel .pagenation .pageNext {

    margin: .6rem 0 .5rem 2.5rem

}



.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

}



.newsNewDetailPanel .newsInfoTitleStyle {

    padding: 3rem .8rem 0 .45rem

}



.newsNewDetailPanel.is_no_head_tool .productDetailHeader {

    display: none

}



.newsNewDetailPanel.is_no_head_tool .newsInfoTitle, .newsNewDetailPanel.is_no_head_tool .title-textStyle {

    padding-top: .45rem

}



.newsDetailV3Panel .attachListViewIcon {

    display: inline-block

}



.newsDetailV3Panel .attachListViewIcon .jzm-vicon_preview {

    width: 1.3rem;

    height: 1.3rem

}



.newsContentPanel.hide_bottom_margin .newsContent {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important

}



.ps-active {

    overflow-y: hidden !important

}



.phoneDiv {

    width: 100%

}



.tablesDiv {

    width: 100%;

    max-width: 768px;

    height: auto;

    max-height: 100%;

    overflow: auto;

    background-color: #fff;

    opacity: 1;

    position: fixed;

    bottom: -100%;

    z-index: 10000;

    -webkit-transition: all .3s ease;

    transition: all .3s ease
}



.phoneFullBg {

    max-width: 768px;

    background-color: #000;

    position: fixed;

    z-index: 10000;

    top: 0;

    opacity: 0

}



.fullTableDiv {

    width: 100%;

    height: 2.25rem

}



.fullTableDiv:active {

    width: 100%;

    height: 2.25rem;

    background: rgba(0, 0, 0, .1)

}



.qqDiv {

    width: 100%

}



.phoneDiv .tableDiv, .qqDiv .tableDiv {

    width: auto;

    display: block;

    margin: 0 0 0 1.25rem;

    height: 2.25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.scrollTable {

    width: 100%;

    overflow: auto

}



.qqFullBg {

    max-width: 768px;

    background-color: #000;

    position: fixed;

    z-index: 10000;

    top: 0;

    opacity: 0

}



.fullTableDiv:active {

    width: 100%;

    height: 2.25rem;

    background: rgba(0, 0, 0, .1)

}



.tableDiv {

    margin: 0 auto 0 auto;

    height: 2.75rem;

    width: 80%

}



.tableBox .phoneName, .tableBox .qqName {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    color: #333;

    min-width: 20%;

    max-width: 34%;

    text-align: right;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-left: 0;

    font-size: .6rem

}



.tableBox .phoneNumber, .tableBox .qqNumber {

    color: #333;

    font-size: .6rem;

    width: 58%;

    height: 2.25rem;

    line-height: 2.25rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-left: 1.15rem

}



.tableBox .phoneOperation, .tableBox .qqOperation {

    height: 2.25rem;

    margin-right: 0;

    padding-left: 0;

    line-height: 2.25rem;

    text-align: right;

    float: right;

    margin-right: 1.25rem

}



.phoneLine, .qqLine {

    width: 100%;

    height: 1px;

    margin-left: auto;

    margin-right: auto;

    background-color: #f5f5f5;

    clear: both;

    font-size: 0;

    border-top: none;

    border-left: none;

    border-right: none;

    height: 1px;

    line-height: 1px;

    border-width: 1px

}



.phoneOperImg, .qqOperImg {

    width: .7rem;

    height: .7rem;

    display: inline-block

}



.phoneOperImg:before, .qqOperImg:before {

    content: '\b0106';

    color: #8f8f8f;

    font-size: .5rem

}



.pCancle, .qCancle {

    height: 2.25rem;

    line-height: 2.25rem;

    width: 100%;

    text-align: center;

    background-color: #f5f5f5

}



.phoneCancle, .qqCancle {

    height: 2.25rem;

    line-height: 2.25rem;

    width: 100%;

    display: inline-block;

    font-size: .7rem;

    color: #585858;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

    cursor: default

}



.phoneCancle:active, .qqCancle:active {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .1)

}



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 {

    z-index: 1

}



.backTop_box .backTop {

    cursor: pointer;

    margin: auto;

    width: 1.7rem;

    height: 1.7rem;

    border-radius: 50%;

    margin: 0 .17rem .43rem 0

}



.backTop_box .backTop .backTop_icon {

    display: block;

    text-align: center;

    line-height: 1.6rem;

    height: 1.6rem;

    width: 1.6rem;

    font-size: .8rem;

    border-radius: 50%

}



.backTop_icon.icon-backTop1 {

    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)

}



.backTop_icon.icon-backTop2 {

    background-color: rgba(255, 255, 255, .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'

}



#sideFaiscoMallIcon {

    width: 1.64rem;

    height: 1.64rem;

    cursor: pointer;

    background: url(/image/faiscoMallSideBtn.png?v=202012231354);

    -webkit-box-shadow: 0 .086rem .52rem rgba(0, 0, 0, .1);

    box-shadow: 0 .086rem .52rem rgba(0, 0, 0, .1);

    border-radius: 50%;

    background-size: contain;

    margin: 0 .17rem .43rem 0

}



.bgm_icon {

    cursor: pointer;

    width: 1.25rem;

    height: 1.25rem;

    border: .25rem solid transparent;

    border-radius: 50%;

    background: rgba(0, 0, 0, .4);

    position: fixed;

    z-index: 1

}



#bgm_icon {

    -webkit-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, .4) no-repeat;

    background-size: 60%;

    background-position: .2rem .25rem

}



.bgm_rightDown, .bgm_rightUp {

    margin-left: 13.75rem

}



.bgm_leftDown, .bgm_leftUp {

    margin-left: .5rem

}



.bgm_on {

    background-image: url(/image/musicIcon.png?v_20140271750);

    -webkit-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, .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: none;

    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: 0;

    font-size: .7rem

}



div.ps-toolbar {

    background: rgba(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: none

}



div.ps-toolbar-close, div.ps-toolbar-next, div.ps-toolbar-play, div.ps-toolbar-previous {

    cursor: pointer;

    display: table-cell;

    height: 2.2rem

}



div.ps-uidetail {

    background: rgba(0, 0, 0, .8);

    display: none

}



div.ps-toolbar div div.ps-toolbar-content {

    width: 2.2rem;

    height: 2.2rem;

    margin: 0 auto 0;

    background-image: url(/image/icons@2x.png?v=201711250607);

    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);

    -webkit-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: 400;

    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(.8);

    transform: scale(.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;

    -moz-user-select: all;

    user-select: all

}



.g_viewMode .webTips {

    display: none !important

}



.g_viewMode div::-webkit-scrollbar, .g_viewMode::-webkit-scrollbar {

    width: 2px;

    height: 2px;

    display: none

}



.g_viewMode div::-webkit-scrollbar-track, .g_viewMode::-webkit-scrollbar-track {

    background: rgba(0, 0, 0, 0) !important

}



.g_viewMode div::-webkit-scrollbar-thumb, .g_viewMode::-webkit-scrollbar-thumb {

    background: rgba(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

}



.g_locale2052 .icon-pagePrev.icon-cnListP:before {

    content: '上一页';

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    font-size: .7rem;

    line-height: 1.3rem;

    margin-right: 0

}



.g_locale2052 .icon-pageNext.icon-cnListN:before {

    content: '下一页';

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;

    font-size: .7rem;

    line-height: 1.3rem;

    margin-left: 0

}



.g_locale2052 .customIcon, .g_locale2052 .icon-acctIcon:before, .g_locale2052 .icon-codeIcon:before, .g_locale2052 .icon-customIcon:before, .g_locale2052 .icon-emailIcon:before, .g_locale2052 .icon-fastCodeIcon:before, .g_locale2052 .icon-fastUserIcon:before, .g_locale2052 .icon-msgIcon:before, .g_locale2052 .icon-nameIcon:before, .g_locale2052 .icon-npwdIcon:before, .g_locale2052 .icon-phoneIcon:before, .g_locale2052 .icon-pswIcon:before, .g_locale2052 .icon-userIcon:before {

    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 #modifyPsw .icon-pswIcon:before {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



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

    margin-top: 0;

    background-color: #f7f7f7

}



#addrInfoList .addrInfo .left {

    float: left

}



.selectedArea label {

    position: relative;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



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

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



#addrInfoList .addrInfo .left .text {

    padding-left: 20px;

    position: relative;

    padding-left: .4rem

}



#addrInfoList .addrInfo .left .text:before {

    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体;

    content: " ";

    vertical-align: middle;

    font-weight: 700;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    border: 1px solid #ccc;

    font-size: .6rem;

    width: .6rem;

    height: .6rem;

    line-height: .65rem;

    display: none

}



#addrInfoList .addrInfo .left .checkbox-comp:checked + .text:before {

    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体;

    content: "\e777";

    color: #fff;

    font-weight: 700;

    border: none

}



#addrInfoList .addrInfo .radio_box {

    border: 1px solid #ccc;

    font-size: .6rem;

    width: .6rem;

    height: .6rem;

    line-height: .65rem;

    border-radius: 50%;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative

}



#addrInfoList .addrInfo .checkbox-comp:checked + .radio_box::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体;

    content: "\e777";

    color: #fff;

    font-weight: 700

}



#addrInfoList .addrInfo .checkbox-comp:checked + .radio_box {

    border: none

}



#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: 0 0

}



#addrInfoList .addrInfo .nameAndPhone {

    height: 1rem;

    padding: .5rem 1rem;

    padding-bottom: 0;

    font-size: .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



#addrInfoList .addrInfo {

    font-size: .6rem

}



#addrInfoList .addrInfo:first-child {

    margin-top: 0

}



#addrInfoList .addrInfo .selectedArea {

    color: #666;

    padding-top: .5rem;

    margin: .5rem 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;

    color: #333;

    display: inline-block;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



#addrInfoList .addrInfo .nameAndPhone .name_text {

    max-width: 6.5rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: inline-block

}



#addrInfoList .addrInfo .nameAndPhone .phone {

    line-height: 1rem

}



#addrInfoList .addrInfo .address {

    height: auto;

    line-height: 1;

    font-size: .55rem;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    padding: .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;

    height: 100%;

    background: #fff

}



.f_mapAuthSetting {

    position: relative;

    z-index: 999

}



#editAddrInfo .addrSettle .editPanel, #editCusInfo .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: #fff

}



#editAddrInfo .default .open1 {

    background: #d20001

}



#editAddrInfo .default .open2 {

    top: 0;

    right: 0

}



#editAddrInfo .default .close1 {

    background: #f8f8f8;

    border: .1rem solid #efefef

}



#editAddrInfo .default .close2 {

    left: -.1rem;

    top: -.1rem;

    border: .1rem solid rgba(0, 0, 0, .1)

}



#editAddrInfo .editPanel .edit_line, #editCusInfo .editPanel .edit_line {

    position: relative;

    border-bottom: 1px solid #f0f0f0;

    margin: 0 .8rem;

    margin-bottom: .025rem;

    height: 2.25rem

}



#editAddrInfo .editPanel .edit_line .linetitle, #editCusInfo .editPanel .edit_line .linetitle {

    position: absolute;

    top: .7rem;

    z-index: 3;

    font-size: .6rem;

    color: #333

}



#editAddrInfo .editPanel .edit_line .linetitle .editLineItem, #editCusInfo .editPanel .edit_line .linetitle .editLineItem {

    width: 3rem;

    white-space: nowrap;

    word-wrap: break-word;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block

}



#editAddrInfo .editPanel .edit_line .icon-addrSelect:before, #editCusInfo .editPanel .edit_line .icon-addrSelect:before {

    position: absolute;

    top: -.1rem;

    left: 13.2rem;

    content: "\ea9e";

    font-size: 1.2rem

}



#editAddrInfo .addrSettle .g_input, #editCusInfo .orderSettle .g_input {

    height: 2.24rem;

    line-height: 1.1rem;

    padding-left: 3.2rem !important;

    font-size: .6rem;

    border: none;

    margin: 0;

    background-color: #fff;

    text-indent: .5rem;

    color: #555

}



#editAddrInfo .addrSettle select, #editCusInfo .orderSettle select {

    padding-left: 3rem !important;

    margin: 0;

    width: 100%;

    background: #fff;

    border: none;

    font-size: .6rem;

    height: 2.24rem;

    line-height: 1.1rem;

    text-indent: .7rem;

    color: #555;

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma

}



#editAddrInfo .editPanel .edit_line .mobileInStrClass, #editCusInfo .editPanel .edit_line .mobileInStrClass {

    width: 80%;

    margin-left: 0;

    border: none

}



#editAddrInfo .addrSettle .g_textArea, #editCusInfo .orderSettle .g_textArea {

    height: 2.24rem;

    line-height: 1.1rem;

    padding-left: 3.66rem;

    padding-top: .6rem;

    border: none;

    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: 700;

    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;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.productNewGroup .firstGroup .firstGroupList .checkedItem {

    color: #ff034a;

    background-color: #fff;

    border-right: none;

    border-right: 1px solid #fff

}



.productNewGroup .firstGroup .firstGroupList .firstGroupItem .firstGroupName {

    width: 100%;

    font-size: .6rem;

    white-space: nowrap;

    overflow: hidden;

    text-align: center;

    text-overflow: ellipsis;

    margin: 0 auto;

    display: inline-block

}



.productNewGroup .unFirstGroup {

    display: inline-block;

    width: 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: -.2rem;

    color: #cfcfcf

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter {

    width: 100%

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupTextItem {

    width: 2.425rem;

    height: .575rem;

    display: inline-block;

    margin: 1rem .625rem 0 .625rem

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupTextItem .itemName {

    width: 2.425rem;

    height: .575rem;

    line-height: .575rem;

    font-size: .49rem;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: left;

    white-space: nowrap;

    color: #606060

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem {

    width: 3rem;

    height: 4.75rem;

    display: inline-block;

    margin: .9rem .5rem 0 0;

    cursor: default;

    position: relative;

    vertical-align: top

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .itemImageParent {

    width: 2.8rem;

    height: 2.9rem;

    line-height: 2.9rem;

    display: block;

    position: relative;

    overflow: hidden

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .itemImage {

    width: 2.8rem;

    height: 2.9rem;

    display: inline-block;

    font-size: 2.875rem;

    color: #666

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .notImage {

    width: 2.7rem;

    height: 2.825rem;

    display: inline-block;

    border: 1px solid #ededed;

    font-size: 2.7rem;

    color: #d9d9d9;

    background-color: #f4f4f4

}



.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem .itemName {

    width: 2.75rem;

    height: .575rem;

    line-height: .575rem;

    font-size: .49rem;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: center;

    white-space: nowrap;

    margin-top: 1rem;

    color: #606060

}



.fk-proGroupThemeStyle {

    position: relative

}



.fk-proGroupThemeStyle .firstGroup {

    width: 28.75%;

    margin-right: 4.68%;

    border-right-color: #f2f2f2

}



.fk-proGroupThemeStyle .firstGroup .firstGroupList .firstGroupItem {

    width: 88%;

    height: 2.5rem;

    line-height: 2.5rem;

    background-color: #fff;

    border-bottom-color: #f2f2f2;

    padding: 0 6%;

    position: relative

}



.fk-proGroupThemeStyle .firstGroup .firstGroupList .checkedItem {

    border-right: 2px solid #fff

}



.fk-proGroupThemeStyle .J_navSelect {

    display: inline-block

}



.fk-proGroupThemeStyle .fk-navSelect {

    width: .1rem;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: -1px;

    padding-bottom: 2px;

    background-color: #000

}



.fk-proGroupThemeStyle .unFirstGroup {

    width: 66.07%;

    font-size: .55rem

}



.fk-proGroupThemeStyle .unFirstGroup .secondGroupPanel .secondGroupItem {

    margin-top: 0;

    margin-bottom: .85rem;

    border-bottom: solid 1px #f2f2f2;

    padding-bottom: .85rem

}



.fk-proGroupThemeStyle .f-imgContainer {

    width: 3rem;

    height: 3rem;

    line-height: 3rem;

    display: block;

    position: relative;

    overflow: hidden

}



.fk-proGroupThemeStyle .f-itemImg, .fk-proGroupThemeStyle .notImage {

    width: 3rem;

    height: 3rem;

    display: inline-block;

    font-size: 3rem;

    color: #666

}



.fk-proGroupThemeStyle .f-groupImgWrap {

    width: 100%;

    padding-bottom: 1px

}



.fk-proGroupThemeStyle .f-groupImgContainer {

    width: 3rem;

    margin: .9rem .5rem 0 0;

    display: inline-block;

    position: relative;

    text-align: center

}



.fk-proGroupThemeStyle .f-itemImgName {

    margin-top: .6rem;

    color: #999;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.fk-proGroupThemeStyle .quick_in {

    top: 2.156rem

}



.fk-proGroupThemeStyle .unFirstGroup .secondGroupPanel .f-firstItem {

    margin-top: .9rem

}



.fk-proGroupThemeStyle .unFirstGroup .secondGroupPanel .secondGroupItem:last-child {

    border: none

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical {

    height: 100%;

    width: 103%;

    overflow-x: hidden;

    overflow-y: auto

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical .f-firstGroupItem {

    list-style: none

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical ul {

    padding: 0

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical li {

    border-bottom: solid 1px #f2f2f2

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical a {

    display: block;

    line-height: 2.5rem;

    background-color: #fff;

    overflow: hidden;

    position: relative

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical a:after {

    content: "\e672";

    font-size: .8rem;

    color: #666;

    position: absolute;

    top: 0;

    right: 1rem;

    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical .f-name {

    margin-left: 1rem;

    font-size: .6rem

}



.fk-proGroupThemeStyle .f-oneLevelGroudVertical .f-icon {

    display: block;

    width: 5px;

    height: 5px;

    margin-left: 1rem;

    float: right;

    margin-right: 1rem;

    background: url(/image/v2/mbg01.png?v=202106091323) no-repeat

}



.fk-proGroupThemeStyle .f-oneLevelGroudHorizon {

    height: 100%;

    width: 103%;

    overflow-x: hidden;

    overflow-y: auto

}



.fk-proGroupThemeStyle .f-oneLevelGroudHorizon .f-groupImgContainer {

    border-right: solid 1px #f2f2f2;

    border-bottom: solid 1px #f2f2f2;

    margin: 0

}



.fk-proGroupThemeStyle .f-navHorizon {

    width: 95%;

    height: 1.9rem;

    overflow: hidden;

    padding-left: .79rem;

    border-bottom: solid 1px #f2f2f2;

    position: absolute;

    top: 0;

    left: 0;

    font-size: .6rem;

    color: #333;

    z-index: 1

}



.fk-proGroupThemeStyle .f-unFirstGroupHorizon .f-groupImgWrap {

    margin-top: -.2rem

}



.fk-proGroupThemeStyle div.f-navOpenStyle {

    height: auto;

    background-color: #fff

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroup {

    width: 100%;

    height: 2.8rem;

    border-right: none;

    margin-right: 0;

    overflow-x: auto;

    overflow-y: hidden

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroupList {

    width: 500%

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroupItem {

    display: inline-block;

    margin-right: .95rem;

    max-width: 6rem

}



.fk-proGroupThemeStyle .f-navHorizon .fk-navSelect {

    width: 100%;

    height: 1px;

    top: 120%;

    padding: 0

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroup .firstGroupItem {

    width: auto;

    height: auto;

    border: none;

    line-height: normal;

    padding: 0;

    color: #777

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroupList .firstGroupItem .firstGroupName {

    width: auto;

    padding-bottom: 1px;

    max-width: 100%;

    font-size: .55rem

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroup .checkedItem .firstGroupName {

    color: #333

}



.fk-proGroupThemeStyle .f-unFirstGroupHorizon {

    margin-top: 1.9rem;

    padding-left: .8rem;

    width: 94.5%

}



.fk-proGroupThemeStyle .f-unFirstGroupHorizon .f-groupImgContainer {

    margin: .9rem .8rem 0 0

}



.fk-proGroupThemeStyle .f-navOpenBtn {

    position: absolute;

    top: .3rem;

    right: .4rem;

    font-size: 27px;

    color: #333

}



.fk-proGroupThemeStyle .f-navHorizon .firstGroup .firstGroupList .firstGroupName {

    text-align: left

}



.fk-proGroupThemeStyle .f-allClassify {

    line-height: 1.9rem;

    margin-left: -.1rem;

    color: #666;

    border-bottom: 1px solid #f2f2f2

}



.fk-proGroupThemeStyle .f-navMask {

    background: #000;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: .5

}



.fk-proGroupThemeStyle .f-unFirstGroupHorizon .hideScollBar {

    height: 90%

}



.fk-proGroupThemeStyle .f-oneLevelGroudHorizon .quick_in {

    top: auto;

    bottom: 44px;

    right: 25px

}



.fk-themeStyle3 .f-groupImgContainer {

    width: 32.9%;

    padding-bottom: .75rem

}



.fk-themeStyle3 .f-imgContainer {

    width: auto;

    margin: .75rem auto 0

}



.fk-themeStyle3 .f-itemImgName {

    padding: 0 .4rem;

    font-size: .6rem

}



.fk-themeStyle4 .unFirstGroup .secondGroupPanel .f-firstItem {

    margin-top: 0

}



.fk-themeStyle5 .f-unFirstGroupHorizon .secondGroupPanel .f-firstItem {

    margin: 0;

    border: none

}



.fk-themeStyle5 .firstGroupItem {

    margin-top: .5rem

}



.fk-themeStyle6 .f-sedGroundName {

    width: 97%;

    text-align: center

}



.fk-themeStyle6 .unFirstGroup .secondGroupPanel .f-firstItem {

    margin-top: .9rem

}



.fk-themeStyle6 .unFirstGroup .secondGroupPanel .f-firstItem {

    margin-top: .9rem

}



.fk-themeStyle6 .firstGroupList {

    padding-bottom: 1rem

}



.fk-themeStyle6 .firstGroupItem {

    margin-top: .5rem

}



.fk-addGroupTip {

    margin-left: .5rem;

    margin-top: 1rem;

    color: #999;

    font-size: .55rem

}



.fk-addGroupTip2 {

    position: absolute;

    top: 0;

    left: 30%;

    margin-left: .5rem;

    margin-top: 1rem;

    color: #999;

    font-size: .55rem

}



.fk-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=202106091323) -1420px -42px no-repeat

}



.adsPicture {

    width: 100%

}



.adsPicture a {

    width: 100%

}



.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

}



.fkarea-ui-dialog-title {

    background-color: #288df0;

    color: #fff;

    padding: 5px 10px

}



@-webkit-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

    }

}



.fkarea-zoomIn {

    -webkit-animation-name: fkarea-zoomIn;

    animation-name: fkarea-zoomIn

}



.fkarea-zoomOut {

    -webkit-animation-name: fkarea-zoomOut;

    animation-name: fkarea-zoomOut

}



.fkarea-animated {

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.fkarea-ui-alert-title, .fkarea-ui-confirm-title {

    white-space: nowrap;

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    color: #333;

    line-height: 40px

}



.fkarea-ui-dialog-action {

    pointer-events: auto;

    text-align: center;

    width: 100%;

    border: none;

    background: #f6f6f6;

    height: 40px

}



.fkarea-ui-dialog-action td {

    text-align: center;

    border: none

}



.fkarea-ui-dialog-action button {

    width: 60%;

    height: 38px;

    color: #007aff;

    border: none;

    outline: 0;

    cursor: pointer;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background: 0 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 {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.fkarea-ui-scroller-mask .ui-scroller {

    position: relative;

    height: 155px;

    width: 100%;

    min-width: 260px;

    font-size: 14px;

    font-weight: 400

}



.fkarea-ui-scroller-mask .ui-scroller > div {

    width: 33%;

    display: inline-block;

    position: relative;

    height: 155px;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    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: none

}



.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, .7);

    position: fixed

}



.popupWXQrCode .bgPic {

    background: 0 0 no-repeat;

    background-size: contain;

    position: fixed;

    width: 10.5rem;

    height: 15rem;

    left: 50%;

    top: 12.2rem;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.popupWXQrCode .wxQrTip {

    position: fixed;

    width: 100%;

    top: 5.4rem;

    color: #333;

    font-size: .65rem;

    text-align: center

}



.popupWXQrCode .wxQrCodePic {

    width: 9rem;

    position: fixed;

    left: 50%;

    top: 10.7rem;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.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 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, .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;

    border-radius: 50%

}



.couponContainer {

    font-style: normal;

    padding-top: .5rem

}



.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, .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: -.225rem

}



.coupon1 .coupon_content1 .coupon_content_right {

    width: 1.025rem;

    line-height: 1.025rem;

    float: right;

    height: 100%;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-lr;

    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, .5);

    line-height: .55rem;

    letter-spacing: .075rem;

    text-align: center;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    -webkit-writing-mode: tb-rl;

    -ms-writing-mode: tb-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(.8);

    letter-spacing: 1px;

    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%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    right: -.225rem;

    top: -1.25rem

}



.coupon1 .coupon_content1 .bottom_point {

    border: 1.05rem solid;

    width: 2.5rem;

    height: 2.5rem;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    right: -.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, .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;

    -webkit-writing-mode: vertical-lr;

    -ms-writing-mode: tb-lr;

    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, .5);

    text-align: center;

    max-width: 5.7rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: -.275rem

}



.coupon2 .coupon_content2 .coupon_content_right .coupon_receive {

    font-size: .55rem;

    color: rgba(255, 255, 255, .5);

    line-height: .58rem;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    -webkit-writing-mode: tb-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: tb-rl;

    letter-spacing: .085rem;

    height: 3.7rem

}



.coupon2 .coupon_content2 .top_point {

    border: 2.2rem solid;

    width: 5rem;

    height: 5rem;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    top: -2.5rem;

    right: -.9rem

}



.coupon2 .coupon_content2 .bottom_point {

    border: 2.2rem solid;

    width: 5rem;

    height: 5rem;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    bottom: -2.5rem;

    right: -.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, .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, .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, .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, .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, .5);

    position: absolute;

    bottom: 0;

    z-index: 1

}



.coupon3 .coupon_content3 .couponBackground {

    position: absolute;

    left: -.78rem;

    top: -1.58rem;

    font-size: 5.3rem;

    z-index: -1;

    color: #000

}



.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, .5)

}



.coupon3 .coupon_content3 .left_point {

    border: 1.55rem solid;

    width: 3.75rem;

    height: 3.75rem;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    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%;

    -webkit-box-sizing: border-box;

    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;

    left: 2.375rem;

    text-align: right;

    top: 0;

    overflow: hidden;

    height: 2rem;

    max-width: 12rem

}



.pdDetailCoupon .pdDetailCouponItem {

    display: inline-block;

    font-size: .43rem;

    border-radius: .06rem;

    height: .85rem;

    vertical-align: middle;

    position: relative;

    padding: 0 .26rem;

    text-align: center;

    line-height: .85rem;

    margin-right: .34rem

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap .bgTop {

    height: .3rem;

    border-top-right-radius: .13rem;

    border-top-left-radius: .13rem;

    border-width: 1px;

    border-style: solid;

    border-bottom: none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap .bgMiddle {

    height: .26rem

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap .bgBottom {

    height: .3rem;

    border-bottom-right-radius: .13rem;

    border-bottom-left-radius: .13rem;

    border-width: 1px;

    border-style: solid;

    border-top: none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap .bgCircle {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: .13rem;

    height: .26rem;

    border-width: 1px;

    border-style: solid;

    position: absolute;

    top: .3rem

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap .bgCircleLeft {

    border-left: none;

    left: 0;

    border-radius: 0 .26rem .26rem 0

}



.pdDetailCoupon .pdDetailCouponItem .bgWrap .bgCircleRight {

    border-right: none;

    right: 0;

    border-radius: .26rem 0 0 .26rem

}



.productDetailCouponProp {

    width: auto;

    height: .875rem;

    opacity: .65;

    color: #fff;

    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: #000;

    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;

    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);

    transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);

    transition: transform .2s cubic-bezier(0, 0, .2, 1);

    transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-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

}



#slideCouponPanel .couponListContainer {

    position: relative;

    background-color: #fff;

    overflow: hidden;

    padding: .43rem

}



#slideCouponPanel .couponListContainer .couponPanelItem {

    width: 15.15rem;

    height: 3.29rem;

    margin-top: .43rem;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



#slideCouponPanel .couponListContainer .couponPanelItem .couponBg {

    position: absolute;

    border-radius: .43rem;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: .08

}



#slideCouponPanel .couponListContainer .couponPanelItem:first-child {

    margin-top: 0

}



#slideCouponPanel .couponListContainer .couponPanelItem .dot {

    width: .49rem;

    height: .49rem;

    top: 1.39rem;

    position: absolute;

    border-radius: 100%;

    background-color: #fff

}



#slideCouponPanel .couponListContainer .couponPanelItem .dot1 {

    left: -.21rem

}



#slideCouponPanel .couponListContainer .couponPanelItem .dot2 {

    right: -.21rem

}



#slideCouponPanel .couponListContainer .couponPanelItem .leftWrap {

    width: 4.69rem;

    text-align: center;

    position: relative

}



#slideCouponPanel .couponListContainer .couponPanelItem .leftWrap .priceSign {

    font-size: .51rem;

    font-weight: 700;

    display: inline-block

}



#slideCouponPanel .couponListContainer .couponPanelItem .leftWrap .couponPrice {

    font-size: .98rem;

    line-height: 1.07rem;

    height: 1.07rem;

    display: inline-block;

    font-weight: 700

}



#slideCouponPanel .couponListContainer .couponPanelItem .leftWrap .couponCondition {

    font-size: .47rem;

    color: #333;

    margin-top: .04rem

}



#slideCouponPanel .couponListContainer .couponPanelItem .middleWrap {

    width: 6.61rem;

    position: relative

}



#slideCouponPanel .couponListContainer .couponPanelItem .middleWrap .couponName {

    color: #333;

    font-size: .55rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



#slideCouponPanel .couponListContainer .couponPanelItem .middleWrap .validity {

    color: #666;

    font-size: .47rem;

    margin-top: .3rem

}



#slideCouponPanel .couponListContainer .couponPanelItem .receiveCoupon {

    position: relative;

    width: 3.09rem;

    white-space: nowrap;

    height: 1.15rem;

    line-height: 1.15rem;

    text-align: center;

    font-size: .51rem;

    border-radius: .58rem;

    font-weight: 700

}



#slideCouponPanel .couponListContainer .couponPanelItem .receiveCoupon.get {

    color: #fff

}



#slideCouponPanel .couponListContainer .couponPanelItem .receiveCoupon.use {

    border-width: .04rem;

    border-style: solid

}



#slideCouponPanel .couponListContainer .couponPanelItem.invalid .receiveCoupon {

    display: none

}



#slideCouponPanel .couponListContainer .couponPanelItem.invalid .couponBg {

    background: #666

}



#slideCouponPanel .couponListContainer .couponPanelItem.invalid .couponCondition, #slideCouponPanel .couponListContainer .couponPanelItem.invalid .couponName, #slideCouponPanel .couponListContainer .couponPanelItem.invalid .couponPrice, #slideCouponPanel .couponListContainer .couponPanelItem.invalid .priceSign, #slideCouponPanel .couponListContainer .couponPanelItem.invalid .validity {

    color: #9a9a9a

}



#slideCouponPanel .couponListContainer .couponPanelItem .invalidIcon {

    color: #ccc;

    width: 2.3rem;

    height: 2.3rem;

    border-radius: 50%;

    border: .04rem solid #ccc;

    position: relative;

    -webkit-transform: rotate(-22.5deg);

    transform: rotate(-22.5deg);

    margin-left: .43rem;

    display: none

}



#slideCouponPanel .couponListContainer .couponPanelItem.invalid .invalidIcon {

    display: block

}



#slideCouponPanel .couponListContainer .couponPanelItem.invalid .invalidIcon .txt {

    height: 1.07rem;

    font-size: .51rem;

    font-weight: 700;

    line-height: 1.07rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 1px solid #ccc;

    border-left: none;

    border-right: none;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1.6rem;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.couponItem {

    margin-left: .43rem;

    position: relative;

    margin-bottom: .43rem;

    width: 15.14rem;

    -webkit-box-shadow: 0 .21rem .43rem -.21rem rgba(0, 0, 0, .08);

    box-shadow: 0 .21rem .43rem -.21rem rgba(0, 0, 0, .08);

    background: #fff;

    border-radius: .43rem

}



.shippingItem {

    border-bottom: 1px solid #f2f2f2

}



.shippingItem .shipPriceText {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.selectship .lineShipPrice, .shipPriceText .lineShipPrice {

    margin-right: .28rem;

    text-decoration: line-through;

    color: #999

}



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

    border: 0;

    border-right: .05rem dashed #fff

}



.couponListContainer .couponItem-left {

    color: #fff

}



[_themeColor="#ffffff"] .couponItem-left {

    color: #999

}



.couponItem-right {

    display: inline-block;

    width: 9.85rem;

    height: 4.05rem;

    position: relative;

    vertical-align: top

}



.couponListContainer .couponItem-right .couponItemRightName, .couponListContainer .couponItem-right .couponItemRightValidity {

    margin-left: .5rem

}



.couponItem .circleLeft {

    position: absolute;

    left: 0;

    top: 1.64rem;

    border: .04rem solid #f7f7f7;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: .34rem;

    height: .68rem;

    background: #f7f7f7;

    z-index: 99;

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.couponItem .circleRight {

    position: absolute;

    right: 0;

    top: 1.64rem;

    border: .04rem solid #f7f7f7;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: .34rem;

    height: .68rem;

    background: #f7f7f7;

    z-index: 99

}



.couponItem-bottom {

    display: none;

    padding: 0 .81rem;

    overflow: hidden

}



.couponItem-bottom .detailLine {

    height: .04rem;

    background: rgba(238, 238, 238, 1)

}



.couponItem-bottom .couponItemBottomContent {

    margin: .43rem 0;

    font-size: .47rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



.couponItem-bottom .couponDetailValidColor {

    color: #666

}



.couponItem-bottom .couponDetailInvalidColor {

    color: #999

}



.couponItemLeftData {

    width: 5rem;

    height: 4.05rem;

    line-height: 3.08rem;

    text-align: center;

    font-weight: 700

}



.couponItemLeftData .priceVal {

    display: inline-block;

    font-size: 1.28rem;

    max-width: 3.71rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: bottom

}



.couponItemLeftCondit {

    font-size: .5rem;

    position: absolute;

    bottom: .8rem;

    width: 5rem

}



.couponItemLeftConditBlack {

    color: #333

}



.couponItem .coupon-color-invalid {

    background-color: #c7c7c7;

    border-color: #fff

}



.couponItem .coupon-words-invalid {

    color: #999

}



.couponItemRightValidity {

    font-size: .5rem;

    color: #aaa;

    position: absolute;

    top: 1.55rem

}



.couponValidityNoComm {

    top: 2.25rem

}



.coupon_redeem_code {

    top: 3rem

}



.couponItemRightName {

    position: absolute;

    top: .55rem;

    font-size: .6rem;

    margin-right: .75rem;

    line-height: .8rem;

    max-width: 5.75rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333

}



.couponItemRightDetail {

    font-size: .43rem;

    color: #999;

    position: absolute;

    top: 2.75rem

}



.couponNameNoComm {

    top: 1.25rem

}



.couponItemRightDetail .detailIcon {

    width: .3rem;

    height: .21rem;

    fill: #b4b4b4;

    margin-left: .26rem;

    margin-bottom: .04rem;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.couponItem-right .toUseCoupon {

    display: inline-block;

    position: absolute;

    cursor: pointer;

    right: .68rem;

    top: 1.515rem;

    font-size: .5rem;

    width: 2.55rem;

    height: 1.02rem;

    border: 1px solid;

    border-radius: .597rem;

    text-align: center;

    line-height: 1.02rem

}



.couponState {

    display: inline-block;

    position: absolute;

    width: 2.56rem;

    height: 2.56rem;

    z-index: 5;

    top: .75rem;

    right: .85rem

}



.couponStateUsed {

    background: url(/image/coupon/couponStateUsed.png?v=202006101442) no-repeat;

    background-size: 100% 100%

}



.couponStateExpired {

    background: url(/image/coupon/couponStateExpired.png?v=202006101442) no-repeat;

    background-size: 100% 100%

}



.couponStateUsedEn {

    background: url(/image/coupon/couponStateUsedEn.png?v=202006101442) no-repeat;

    background-size: 100% 100%

}



.couponStateExpiredEn {

    background: url(/image/coupon/couponStateExpiredEn.png?v=202006101442) no-repeat;

    background-size: 100% 100%

}



.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: -.1375rem

}



.couponUseListItem .faisco-icons-right:before {

    font-size: .75rem

}



.couponUseListContent {

    background-color: #fff;

    width: 100%;

    max-height: 10rem;

    overflow: hidden

}



.mobiCouponMsgBox {

    position: fixed;

    top: 25%;

    margin: 0 auto;

    height: auto;

    width: 100%;

    z-index: 9999;

    transition: all .5s linear;

    -webkit-transition: all .5s linear;

    -ms-transition: all .5s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .5s 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-color: rgba(0, 0, 0, .7);

    font-weight: 400;

    padding: .7rem .8rem;

    -webkit-box-sizing: border-box;

    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 .fBottom, .mobiCouponMsg .sContent1, .mobiCouponMsg .sContent2, .mobiCouponMsg .sContent3, .mobiCouponMsg .sContent4 {

    font-size: .7rem;

    line-height: .8rem

}



.mobiCouponMsg .fBottom, .mobiCouponMsg .fTop {

    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;

    height: auto !important

}



.fk-marqueeMoveInStyle {

    opacity: 0

}



.fk-marqueeContainer .f-contentPanel .richContent {

    margin: 0

}



.fk-marqueeContainer .f-contentPanel {

    overflow: hidden;

    height: auto !important

}



.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: translate3d(0);

        transform: translate3d(0)

    }

    100% {

        -webkit-transform: translate3d(-100%);

        transform: translate3d(-100%)

    }

}



@keyframes rightToLeft {

    0% {

        -webkit-transform: translate3d(0);

        transform: translate3d(0)

    }

    100% {

        -webkit-transform: translate3d(-100%);

        transform: translate3d(-100%)

    }

}



@-webkit-keyframes leftToRight {

    0% {

        -webkit-transform: translate3d(-100%);

        transform: translate3d(-100%)

    }

    100% {

        -webkit-transform: translate3d(0);

        transform: translate3d(0)

    }

}



@keyframes leftToRight {

    0% {

        -webkit-transform: translate3d(-100%);

        transform: translate3d(-100%)

    }

    100% {

        -webkit-transform: translate3d(0);

        transform: translate3d(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

}



.noMallNavBtn {

    display: none

}



.footerMenuItem {

    display: none

}



.myMallOrderDiviceLine {

    display: none

}



.fixedAreaBox {

    display: none

}



.myMallOrderLine {

    overflow: hidden

}



.mallThemeProductWrap {

    display: none

}



.mallThemeProductWrap .mallCollectionIcon {

    display: none

}



.mallThemeProductWrap .mallShareIcon {

    display: none

}



.jz_mallTheme .mallThemeProductWrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 1.8rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.jz_mallTheme .productNameText {

    max-height: 1.8rem;

    height: auto

}



.profileContent ul {

    margin-top: 0

}



.profileContent li {

    overflow: hidden;

    border-color: #ebebeb

}



.profileContent li:last-child {

    border-bottom: 1px solid #ebebeb

}



.profileContent .modifyArea li {

    cursor: auto

}



.profileContent .myMallOrderList {

    height: auto;

    margin-bottom: .5rem;

    cursor: auto

}



.profileContent .myMallOrderList + li {

    border: 1px solid #ebebeb

}



.profileContent .myMallOrderLine {

    height: 2.5rem;

    line-height: 2.5rem;

    overflow: hidden;

    border-bottom: 1px #ececec solid;

    cursor: pointer

}



.myMallOrderDiviceLine {

    height: 3rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.mallOrderDiviceItem {

    position: relative;

    display: inline-block;

    width: 25%;

    height: 100%;

    text-align: center

}



.mallDiviceLine33 .mallOrderDiviceItem {

    width: 33.3%

}



.mallDiviceLine20 .mallOrderDiviceItem {

    width: 20%

}



.mallOrderDiviceItem a {

    font-size: 0

}



.mallItemIcon {

    padding-top: .6rem;

    font-size: 1rem;

    color: #333

}



.mallWaitPay:before {

    content: "\ea8e"

}



.mallFinGroupBuy:before {

    content: "\eb39"

}



.waitShip:before {

    content: "\ea8b"

}



.toSignUp:before {

    content: "\ea8d"

}



.toComment:before {

    content: "\eaa1"

}



.toRefund:before {

    content: "\eaab"

}



.mallItemText {

    height: 1rem;

    line-height: .7rem;

    padding: 0 .2rem;

    font-size: .5rem;

    color: #666

}



.diviceOrderNum {

    display: none;

    position: absolute;

    top: .2rem;

    right: 1.25rem;

    width: .72rem;

    height: .72rem;

    line-height: .75rem;

    text-align: bottom;

    border: .05rem solid #ff4644;

    border-radius: 50%;

    text-align: center;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    background: #fff;

    color: #ff4644;

    font-size: .45rem;

    font-family: "微软雅黑"

}



.mallDiviceLine33 .diviceOrderNum {

    right: 1.92rem

}



.mallDiviceLine20 .diviceOrderNum {

    right: .92rem

}



.diviceOrderNumShow {

    display: inline-block

}



.mCartSelectAllText {

    font-size: .7rem

}



.saleSaveMoneyKey {

    font-size: .55rem

}



.saleSaveMoney {

    font-size: .55rem

}



.mobiV3ProfileIsChina .mallItemIconSvg {

    width: .853rem;

    height: .853rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.mobiV3ProfileIsChina::-webkit-scrollbar-track {

    background: #f4f4f4 !important;

    border-radius: 5px !important

}



.mobiV3ProfileIsChina::-webkit-scrollbar-thumb {

    background: #ff7316 !important

}



.mobiV3ProfileIsChina::-webkit-scrollbar-corner {

    border-radius: 5px !important

}



.mobiV3ProfileIsChina {

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none

}



.mobiV3ProfileIsChinaVisit.hiddenScroll {

    -ms-overflow-style: none;

    overflow: -moz-scrollbars-none

}



.mobiV3ProfileIsChinaVisit.hiddenScroll::-webkit-scrollbar {

    height: 0 !important

}



.mobiV3ProfileIsChinaVisit::-webkit-scrollbar-track {

    background: #f4f4f4 !important;

    border-radius: 5px !important

}



.mobiV3ProfileIsChinaVisit::-webkit-scrollbar-thumb {

    background: #ff7316 !important

}



.mobiV3ProfileIsChinaVisit::-webkit-scrollbar-corner {

    border-radius: 5px !important

}



.mobiV3ProfileIsChina .mallOrderFixedRight {

    margin-top: -2.7rem;

    border-radius: 8px;

    right: .4rem;

    font-size: .5rem;

    color: #666;

    position: absolute;

    float: right;

    width: 3rem;

    background: #fff;

    text-align: center;

    opacity: 1

}



.mobiV3ProfileIsChina .mallOrderShadow {

    position: absolute;

    width: .4rem;

    height: 2.4rem;

    top: .2rem;

    right: 3rem;

    background: -webkit-gradient(linear, left top, right top, from(rgba(240, 240, 240, 0)), to(#f2f2f2));

    background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0, #f2f2f2 100%);

    opacity: 1

}



.mobiV3ProfileIsChina .myMallOrderDiviceLine {

    -webkit-box-pack: left !important;

    -ms-flex-pack: left !important;

    justify-content: left !important

}



.mobiV3ProfileIsChina .hiddenScrollBlock {

    border-bottom-right-radius: 8px;

    border-bottom-left-radius: 8px;

    height: .5rem;

    position: absolute;

    width: 95%;

    background: #fff;

    margin-top: -.3rem

}



.mobiV3ProfileIsChinaVisit .orderItemActive {

    height: 97%;

    font-size: .75rem;

    font-family: PingFang SC;

    font-weight: 700;

    opacity: 1

}



.mobiV3ProfileIsChinaVisit .orderSort_lineLeft {

    left: 0;

    position: absolute;

    width: 1rem;

    height: 2rem;

    background: -webkit-gradient(linear, right top, left top, from(rgba(240, 240, 240, 0)), to(#fff));

    background: linear-gradient(-90deg, rgba(240, 240, 240, 0) 0, #fff 100%);

    opacity: 1;

    z-index: 1000

}



.mobiV3ProfileIsChinaVisit .orderSort_lineRight {

    position: absolute;

    width: 1rem;

    height: 2rem;

    right: 0;

    background: -webkit-gradient(linear, left top, right top, from(rgba(240, 240, 240, 0)), to(#fff));

    background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0, #fff 100%);

    opacity: 1

}



.mobiV3ProfileIsChinaVisit .diviceOrderNum {

    right: .3rem !important

}



.mobiV3ProfileIsChinaVisit .borderBottomScrollContainer {

    width: 2.5rem;

    height: .3rem;

    background: #f4f4F4FF;

    border-radius: 32px;

    margin-left: 6.4rem;

    margin-top: .2rem;

    margin-bottom: .3rem

}



.mobiV3ProfileIsChinaVisit .borderBottomScrollLine {

    width: 1.3rem;

    height: .3rem;

    border-radius: 32px

}



.orderSort_line {

    width: 100%;

    height: 2rem;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.orderDiviceItemLink {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    width: 20%;

    text-align: center

}



.mallSortItemText {

    display: inline-block;

    min-width: 70%;

    max-width: 100%;

    margin: 0 auto;

    border-bottom: .1rem solid transparent;

    font-size: .6rem;

    color: #333

}



.orderSort_line .orderDiviceItemLink.orderItemActive {

    border-bottom-style: solid;

    border-bottom-width: .1rem

}



.mobiCol15 .g_separator {

    background: #f7f7f7;

    border-top: 1px #f2f2f2 solid;

    border-bottom: none;

    height: .5rem;

    margin: 0

}



.orderList .moreGoods {

    display: none

}



.orderList .icon-seemoreIcon:before {

    content: "\e656";

    font-size: .7rem;

    font-weight: 700;

    margin-left: .2rem;

    position: relative;

    top: .1rem

}



.orderList .seeMore .icon-hidemoreIcon:before {

    content: "\e701";

    font-size: .7rem;

    margin-left: .2rem;

    font-weight: 700;

    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

}



.orderList .orderButton {

    border-radius: 1rem;

    text-align: center;

    padding: 0 .4rem;

    margin: .5rem 0;

    font-size: .6rem;

    width: auto

}



.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: 3rem;

    height: 3rem

}



.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 .pv_head_item {

    background: #e6e6e6

}



.areaBox1 .pv_head_item[active] {

    background: #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 {

    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 .notAdded {

    position: absolute;

    width: 3rem;

    height: 3rem;

    top: .5rem;

    background-color: rgba(0, 0, 0, .5)

}



.refundList .refundLineItem .item1 .notAddedTip {

    display: inline-block;

    text-align: center;

    width: 100%;

    height: 100%;

    color: #fff;

    font-size: .7rem;

    line-height: 2.8rem

}



.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

}



.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_locale1028 .refundList .refundCode, .g_locale2052 .refundList .refundCode {

    display: inline-block;

    width: 70%

}



.g_locale1028 .refundList .refundStatus, .g_locale2052 .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: red

}



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

    padding: 0 .4rem;

    margin: 0 .3rem 0 0;

    height: 1.5rem;

    line-height: 1.5rem;

    font-size: .65rem;

    color: #666;

    text-align: center;

    border-radius: 3px;

    display: inline-block;

    vertical-align: middle;

    border-width: 1px;

    border-style: solid

}



.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: -.7rem;

    color: #fc8453

}



.remarkDatail .remarkList .userContent .icon-arrow:before {

    content: "\eaac"

}



.remarkDatail .remarkList .memberContent {

    background-color: #fff

}



.remarkDatail .remarkList .memberContent .icon-arrow {

    right: -.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 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;

    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: red;

    color: #fff;

    position: absolute;

    border-radius: 50%;

    right: -.35rem;

    top: -.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

}



.fk-siteForm-v .fk-siteFormItemShowVal, .fk-siteForm-v .fk-siteFormTextTipMain, .fk-siteForm-v .fk-siteFormTextTipSecond, .fk-siteForm-v .siteFormAddButton, .fk-siteForm-v .siteFormItemShowName, .siteFormName {

    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 .fk_formTextareaStyle, .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=number], .fk-siteForm-v .fk-siteFormItemShowVal .g_itext[type=text], .fk-siteForm-v .fk-siteFormItemShowVal .g_selectTag {

    margin-top: .6rem

}



.fk-siteForm-v .fk-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-formValidateUpDiv-left-importantStar, .fk-siteForm-v .fk-siteFormItemShowVal .left .g_itext[type=text] {

    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.6rem;

    line-height: 1.6rem

}



.fk-checkCodeComponent .g_itext[type=text], .fk-uploadComponent .uploadify-button {

    -webkit-box-sizing: border-box;

    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;

    -webkit-box-sizing: border-box;

    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;

    -webkit-box-sizing: border-box;

    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-siteForm-v .areacode {

    background: url(/image/selectTriangle.png?v=201711250607);

    background-repeat: no-repeat;

    background-size: .6rem .6rem;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    border-radius: 0;

    color: #666;

    height: .6rem;

    width: .6rem;

    position: absolute;

    right: 2rem;

    bottom: .55rem

}



.fk-siteForm-v .ct_code {

    position: absolute;

    right: 2.85rem;

    bottom: .4rem;

    font-size: .6rem

}



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

    -webkit-box-sizing: border-box;

    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-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, .2)), color-stop(83%, rgba(0, 0, 0, 1)));

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(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: 700;

    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;

    -webkit-transition: -webkit-transform .25s;

    transition: -webkit-transform .25s;

    transition: transform .25s;

    transition: transform .25s, -webkit-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;

    pointer-events: none;

    opacity: 0

}



.fk-photoListCard .f-showPic_0 .f-imgContainer {

    display: none

}



.fk-photoListCard .f-showPic_1 .f-imgContainer, .fk-photoListCard .f-showPic_2 .f-imgContainer, .fk-photoListCard .f-showPic_3 .f-imgContainer {

    display: block

}



.fk-photoListCard .f-showPic_1 {

    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)

    }

}



.jz_cardStyle {

    margin-top: 0;

    text-align: center

}



.jz_cardStyle .cardWrap {

    width: 7.5rem;

    max-width: 46%;

    margin: .75rem .25rem 0;

    overflow: hidden

}



.form .jz_cardStyle div.cardWrap {

    padding-bottom: 0

}



.jz_cardStyle .cardWrap .imageMiddle {

    display: none

}



.jz_cardStyle .fk-productListImgWrap {

    display: block;

    width: 7.5rem

}



.jz_cardStyle .imgItem {

    width: 100%;

    padding-top: 8.75rem;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    min-height: 0;

    background-color: #f4f4f4

}



.form .jz_cardStyle .imgItem {

    display: block

}



.jz_cardStyle .imgScale .imgItem {

    background-size: contain

}



.jz_cardStyle .imgStretch .imgItem {

    background-size: 100% 100%

}



.jz_cardStyle .paramCollectionWrap {

    background-color: #f5f5f5;

    margin: 0;

    padding: .35rem .33rem .45rem;

    overflow: hidden

}



.jz_cardStyle .productParam {

    font-size: .6rem;

    margin-bottom: .11rem

}



.form .jz_cardStyle .paramName {

    margin-bottom: .28rem

}



.jz_cardStyle .mProductTileForm .f-mallPriceStyle.textAlign_center {

    text-align: center

}



.jz_cardStyle .mProductTileForm .f-mallPriceStyle.textAlign_center .J_fk-mallCart {

    vertical-align: text-bottom

}



.jz_cardStyle div.paramCollection {

    margin-top: 0

}



.form .jz_cardStyle p.paramName {

    color: #333

}



.form .jz_cardStyle p.productParam {

    color: #666

}



.form .jz_cardStyle .cardWrap:last-child {

    display: block;

    margin: .75rem .45rem 0

}



.form .jz_cardStyle .cardWrap:nth-child(2n) {

    display: inline-block;

    margin: .75rem .25rem 0

}



.jz_borderStyle {

    margin-top: 0;

    text-align: center

}



.jz_borderStyle .cardWrap {

    width: 7.5rem;

    max-width: 47%;

    margin: .75rem .16rem 0;

    border: 1px solid #e6e6e6;

    border-radius: .2rem;

    overflow: hidden

}



.form .jz_borderStyle div.cardWrap {

    padding-bottom: 0

}



.jz_borderStyle .cardWrap .imageMiddle {

    display: none

}



.jz_borderStyle .fk-productListImgWrap {

    display: block;

    width: 100%

}



.jz_borderStyle .imgItem {

    width: 100%;

    padding-top: 8.75rem;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    min-height: 0

}



.form .jz_borderStyle .imgItem {

    display: block

}



.jz_borderStyle .imgScale .imgItem {

    background-size: contain

}



.jz_borderStyle .imgStretch .imgItem {

    background-size: 100% 100%

}



.jz_borderStyle .paramCollectionWrap {

    margin: 0;

    padding: .35rem .33rem .45rem;

    background-color: #fff;

    overflow: hidden

}



.jz_borderStyle .productParam {

    font-size: .6rem;

    margin-bottom: .11rem

}



.form .jz_borderStyle .paramName {

    margin-bottom: .28rem

}



.jz_borderStyle div.paramCollection {

    margin-top: 0

}



.form .jz_borderStyle p.paramName {

    color: #333

}



.form .jz_borderStyle p.productParam {

    color: #666

}



.form .jz_borderStyle .cardWrap:last-child {

    display: block;

    margin: .75rem .28rem 0

}



.form .jz_borderStyle .cardWrap:nth-child(2n) {

    display: inline-block;

    margin: .75rem .16rem 0

}



.jz_mergeBorderStyle {

    margin-top: 0;

    background-color: #fff

}



.jz_mergeBorderStyle .cardWrap {

    width: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 1px solid #f0f0f0;

    overflow: hidden;

    border-top-width: 0;

    border-left-width: 0

}



.jz_mergeBorderStyle .mProductTileForm.cardWrap {

    margin: 0

}



.jz_mergeBorderStyle .cardWrap:nth-child(2n) {

    border-right-width: 0

}



.jz_mergeBorderStyle .cardWrap:nth-child(1) {

    border-top-width: 1px

}



.jz_mergeBorderStyle .cardWrap:nth-child(2) {

    border-top-width: 1px

}



.form .jz_mergeBorderStyle div.cardWrap {

    padding: .745rem 1.375rem 0

}



.jz_mergeBorderStyle .cardWrap .imageMiddle {

    display: none

}



.jz_mergeBorderStyle .fk-productListImgWrap {

    display: block;

    width: 100%

}



.jz_mergeBorderStyle .imgItem {

    width: 5.25rem;

    padding-top: 5.25rem;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    min-height: 0

}



.form .jz_mergeBorderStyle .imgItem {

    display: block

}



.jz_mergeBorderStyle .imgScale .imgItem {

    background-size: contain

}



.jz_mergeBorderStyle .imgStretch .imgItem {

    background-size: 100% 100%

}



.jz_mergeBorderStyle .paramCollectionWrap {

    margin: 0;

    padding: .35rem 0 .4rem;

    overflow: hidden

}



.jz_mergeBorderStyle .productParam {

    font-size: .6rem;

    margin-bottom: .11rem

}



.form .jz_mergeBorderStyle .paramName {

    margin-bottom: .15rem

}



.jz_mergeBorderStyle div.paramCollection {

    margin-top: 0

}



.form .jz_mergeBorderStyle p.paramName {

    color: #333

}



.form .jz_mergeBorderStyle p.productParam {

    color: #666

}



.form .jz_mergeBorderStyle .cardWrap:last-child {

    display: block

}



.form .jz_mergeBorderStyle .cardWrap:nth-child(2n) {

    display: inline-block

}



.form .jz_mergeBorderStyle div.mProductTileForm {

    margin-left: 0

}



.jz_mergeBorderStyle .cardWrap .proListBookingBtn {

    display: block;

    float: none;

    top: .2rem;

    margin: 0;

    max-width: 4rem

}



.jz_mergeBorderStyle .textAlign_center .proListBookingBtn {

    margin: auto

}



.jz_mergeBorderStyle .textAlign_center ~ .proListBookingBtn {

    margin: auto

}



.jz_mergeBorderStyle.jz_bookingOpen .mProductTileForm .textAlign_center {

    text-align: center

}



.fk-productListImgWrap .f-productListTopFlag {

    z-index: 10;

    position: absolute;

    top: 0;

    right: 0;

    width: 36px;

    height: 20px;

    line-height: 20px;

    font-size: 12px;

    text-align: center;

    color: #fff;

    background-color: #fa3b00

}



.f-productListTopPromotion {

    z-index: 10;

    position: absolute;

    top: 0;

    left: 0;

    width: auto;

    height: 20px;

    line-height: 20px;

    font-size: 12px;

    text-align: center;

    color: #fff;

    background-color: #fa3b00;

    padding-left: 5px;

    padding-right: 5px

}



.productHotTextListTable div.f-productListTopFlag, .productTextListTable div.f-productListTopFlag {

    display: inline-block;

    width: 36px;

    margin-right: 4px;

    line-height: 20px;

    text-align: center;

    color: #fff;

    background-color: #fa3b00;

    font-size: 12px

}



.fk-productListImgWrap {

    display: inline-block;

    position: relative;

    vertical-align: top

}



.fk-productListTitle .fk-productListImgWrap {

    vertical-align: bottom

}



.productWaterFall .fk-productListImgWrap {

    display: block

}



@media all and (-ms-high-contrast: none) {

    .fk-productListImgWrap {

        max-width: 100%

    }



    .fk-productListImgWrap, ::-ms-backdrop {

        max-width: 100%

    }

}



.fade-in-for-lazyload {

    -webkit-transition: .6s opacity;

    transition: .6s opacity;

    -webkit-animation: fadeIn .6s linear;

    animation: fadeIn .6s linear

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



@keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



.loading-for-lazyload {

    min-height: 3rem

}



.form .mProductList .f-mallPriceWrap {

    position: relative

}



.fk-mProductList3 .textAlign_center .f-mallCart, .fk-mProductList32 .textAlign_center .f-mallCart, .fk-mProductList7 .textAlign_center .f-mallCart, .fk-mProductList8 .textAlign_center .f-mallCart {

    position: absolute;

    right: 0

}



div.fk-mProductList1 .mProductTileForm .f-mallPriceStyle {

    text-align: left

}



div.fk-mProductList9 .productSlide .f-mallPriceStyle {

    text-align: left

}



div.fk-mProductList31 .mProductTileForm .f-mallPriceStyle {

    text-align: left

}



.fk-mProductList31 .mProductTileForm {

    padding-bottom: .5rem

}



div.fk-mProductList31 .mProductTileForm .paramName {

    font-size: .5rem

}



div.fk-mProductList31 .mProductTileForm .paramCollection {

    padding: 0

}



div.fk-mProductList31 .mProductTileForm .productParam {

    font-size: .5rem

}



.fk-mProductList31 {

    margin: 0;

    padding: .45rem .2125rem 0

}



.form .formMiddle .fk-mProductList31 .mProductTileForm {

    width: 33.3%;

    padding-left: .2125rem;

    padding-right: .2125rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0

}



div.fk-mProductList32 {

    margin-top: 0

}



div.fk-mProductList32 .mProductTextForm .paramCollection {

    padding: 0 0 .9rem;

    margin: .9rem .9rem 0

}



div.fk-mProductList32 .mProductTextForm .paramName {

    margin-bottom: .3rem;

    position: relative;

    word-break: normal;

    word-wrap: break-word

}



div.fk-mProductList32 .mProductTextForm .marketPrice {

    font-size: .55rem

}



div.fk-mProductList32 .mProductTextForm .productParam {

    font-size: .55rem

}



.fk-mProductList32 .f-productListTopFlag {

    width: 36px;

    height: 20px;

    background-color: #fa3b00;

    margin-left: .25rem;

    padding: 0 3px;

    line-height: 20px;

    font-size: .3rem;

    color: #fff;

    text-align: center

}



.fk-mProductList32 .separatorLine {

    margin: 0 .9rem

}



.fk-mProductList32 .separatorLine:last-child {

    display: none

}



.fk-unloadForWechatBg {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(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;

    -webkit-transform-origin: left top;

    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;

    -webkit-transform-origin: left top;

    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

}



.u_area_box_wrap.fixedAreaBoxEmpty {

    height: 0

}



.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-mallNavStyle3 .mallNavBtnText, .fk-mallNavStyle7 .mallNavBtnText {

    text-overflow: ellipsis;

    overflow: hidden;

    word-wrap: break-word;

    white-space: nowrap;

    position: relative

}



div.fk-mallNavStyle3 .mallNavBtnText, div.fk-mallNavStyle7 .f-navCheck .mallNavBtnText, div.fk-mallNavStyle7 .mallNavBtnText {

    color: #666

}



div.fk-mallNavStyle3 > .mallNavBtn .icon-navItemIcon, div.fk-mallNavStyle7 > .mallNavBtn .icon-navItemIcon {

    display: inline-block;

    height: 1.15rem;

    width: 1.15rem

}



.fk-mallNavStyle3 > .mallNavBtn:nth-child(1), .fk-mallNavStyle7 > .mallNavBtn:nth-child(1) {

    width: 3.05rem;

    position: absolute;

    left: 0;

    top: 0

}



.fk-mallNavStyle3 > .mallNavBtn:nth-child(1) .mallNavText, .fk-mallNavStyle7 > .mallNavBtn:nth-child(1) .mallNavText {

    display: none

}



.fk-mallNavStyle3 .mallNavTextWrap, .fk-mallNavStyle7 .mallNavTextWrap {

    overflow: hidden;

    padding-left: 3.05rem

}



.fk-mallNavStyle3 .icon-navItemIcon, .fk-mallNavStyle7 .icon-navItemIcon {

    font-size: 1.15rem;

    vertical-align: middle

}



.fixedAreaBox2000_8 .fk-mallNavStyle3 .f-navCheck .icon-navItemIcon {

    color: #000

}



.fixedAreaBox2000_8 .fixedAreaBox .f-navCheck .mallNavBtnText {

    color: #000

}



#fixedAreaBox .fk-mallNavStyle7 .f-navCheck .icon-navItemIcon:before {

    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: none;

    position: relative

}



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: none

}



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: none;

    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

}



#fixedAreaBox .fk-mallNavStyle5 .f-navCheck .icon-navItemIcon:before {

    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 {

    -webkit-transform: scale(1.4);

    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;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s

}



div.fixedAreaBox .fk-mallNavStyle6 {

    border-top: none

}



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: none;

    line-height: 1.95rem

}



div.fk-mallNavStyle6 .icon-navItemIcon {

    color: #a5a7aa

}



div.fk-mallNavStyle6 .bigCircle {

    overflow: visible;

    width: 3.2rem

}



div.fixedAreaBox .fk-mallNavStyle6 {

    background-color: #1d262f

}



div.fixedAreaBox .fk-mallNavStyle6 {

    overflow: visible

}



div.fk-mallNavStyle6 .bigCircle .icon-navItemIcon {

    color: #fff

}



#fixedAreaBox .fk-mallNavStyle6 .f-navCheck .icon-navItemIcon:before {

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

}



@-webkit-keyframes footerAnimateShow {

    from {

        -webkit-transform: translateX(1rem) scale(0)

    }

    to {

        -webkit-transform: translateX(0) scale(1)

    }

}



@keyframes footerAnimateShow {

    from {

        -webkit-transform: translateX(1rem) scale(0);

        transform: translateX(1rem) scale(0)

    }

    to {

        -webkit-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(.2rem)

    }

    to {

        -webkit-transform: translateX(0)

    }

}



@keyframes iconAnimateShow {

    from {

        -webkit-transform: translateX(.2rem);

        transform: translateX(.2rem)

    }

    to {

        -webkit-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-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: none

}



.nav_sub_menu_triangle {

    position: absolute;

    width: .375rem;

    height: .175rem

}



.nav_sub_menu_triangle:before {

    content: "";

    position: absolute;

    bottom: -.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: -.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, .3)

}



.nav_style6 .nav_sub_menu_item {

    border-top-color: rgba(240, 240, 240, .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: none

}



.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: -.35rem

}



.jz_subMenuSeoGhost {

    display: none

}



.fix_iphoneX_footer {

    height: 1rem;

    width: 100%;

    position: fixed;

    left: 0;

    bottom: 0

}



.nav_offical_sub_menu_wrap {

    clear: both;

    z-index: 10

}



.nav_offical_sub_menu_wrap .navItem .navItemName {

    max-width: 6.25rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.jz_navbar_sub_menu_open {

    overflow-x: hidden

}



.nav_offical_sub_menu_wrap .icon-navItem {

    line-height: normal

}



.jz_subMenu_fold.jz_subMenu_bar .navItem:after {

    display: none

}



.jz_subMenu_fold.jz_subMenu_bar .nav_1_level:after {

    content: "\e672";

    font-size: .7rem;

    position: absolute;

    right: .5rem;

    top: 50%;

    color: #fff;

    display: inline;

    -webkit-transform: translateY(-38%);

    transform: translateY(-38%)

}



.jz_subMenu_fold .nav_1_level .navItemName {

    display: inline-block;

    max-width: 3.38rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    display: inline-block;

    max-width: 4.38rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.nav_sub_layout_fold .itemSep:first-child {

    display: block

}



.nav_sub_layout_fold .navItem {

    background-color: #37383e

}



.nav_sub_layout_fold div.navItem a {

    color: #fff

}



.nav_sub_layout_fold .icon-navItemIcon:before {

    opacity: 0

}



.jz_subMenu_fold .nav_sub_layout_fold .navItem:last-child {

    margin-bottom: 0

}



.jz_subMenu_fold .jz_navbar_sub_menu_open .nav_1_level:nth-last-child(2) {

    margin-bottom: 0;

    -webkit-transition: unset;

    transition: unset

}



.jz_subMenu_fold .nav_1_level:after {

    -webkit-transition: all .4s;

    transition: all .4s

}



.jz_subMenu_fold .navbarList div.subMenuOpen:after {

    -webkit-transform: translateY(-50%) rotate(90deg);

    transform: translateY(-50%) rotate(90deg)

}



.jz_subMenu_fold2.jz_subMenu_bar div.navItem:after {

    display: none

}



.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    -webkit-transition: all .4s;

    transition: all .4s

}



.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    content: "\e672";

    font-size: .7rem;

    position: absolute;

    right: .5rem;

    top: 50%;

    color: #fff;

    display: block;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.jz_subMenu_fold2 .navbarList div.subMenuOpen:after {

    -webkit-transform: translateY(-50%) rotate(90deg);

    transform: translateY(-50%) rotate(90deg)

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep:first-child {

    display: block

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .navItem {

    background-color: #37383e

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem a {

    color: #fff

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:before {

    opacity: 0

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .navItem:last-child {

    margin-bottom: 0

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem {

    background-color: #fff

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap div.navItem a {

    color: #666

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep {

    border-bottom: 1px solid #f2f2f2

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon {

    display: inline-block;

    position: relative

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:after {

    content: "";

    width: .3rem;

    height: .3rem;

    display: inline-block;

    border-radius: .3rem;

    background-color: #999;

    position: absolute;

    top: 50%;

    margin-top: -.15rem;

    right: .1rem

}



.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .icon-navItemIcon:before {

    display: none

}



.jz_subMenu_fold2 .jz_navbar_sub_menu_open .nav_1_level:nth-last-child(2) {

    margin-bottom: 0;

    -webkit-transition: unset;

    transition: unset

}



.nav_sub_layout_bubble .nav_offical_sub_menu_wrap2, .nav_sub_layout_dragDown .nav_offical_sub_menu_wrap2 {

    margin-top: -.9rem

}



.nav_sub_layout_bubble, .nav_sub_layout_dragDown {

    position: absolute;

    margin-top: .55rem;

    padding: .75rem;

    background-color: #fff;

    border-radius: .2rem;

    -webkit-box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .1);

    box-shadow: 0 0 .75rem 0 rgba(0, 0, 0, .1);

    font-size: .6rem;

    text-align: center

}



.nav_sub_layout_bubble .navItem:first-child, .nav_sub_layout_dragDown .navItem:first-child {

    margin-top: 0

}



.nav_sub_layout_bubble .navItem, .nav_sub_layout_dragDown .navItem {

    margin-top: .9rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    max-width: 6.25rem

}



.nav_sub_layout_bubble .navItemName, .nav_sub_layout_dragDown .navItemName {

    color: #333

}



.nav_sub_layout_bubble .nav_sub_menu_triangle2 {

    position: absolute;

    top: -.48rem;

    left: 50%;

    margin-left: -.35rem

}



.nav_sub_layout_bubble .nav_sub_menu_triangle2:before {

    content: "\b0113";

    color: #fff;

    font-size: .7rem;

    text-shadow: 0 -1px .15rem rgba(0, 0, 0, .05)

}



.nav_sub_layout_bubble_horizon .nav_offical_sub_menu_wrap2 {

    margin-top: -.4rem;

    margin-bottom: 1.2rem

}



.nav_sub_layout_bubble_horizon {

    position: fixed;

    background-color: #363636;

    font-size: .7rem

}



.nav_sub_layout_bubble_horizon .navItem {

    margin-top: 1.6rem;

    position: relative;

    margin: 1.6rem 1.15rem 0 1.25rem;

    overflow: hidden

}



.nav_sub_layout_bubble_horizon .navItem:first-child {

    margin-top: 0

}



.nav_sub_layout_bubble_horizon a {

    float: left;

    margin-right: .25rem

}



.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2:before {

    content: "";

    width: 0;

    height: 0;

    border: .3658536585365854rem solid transparent;

    border-left-width: .3658536585365854rem;

    border-right-width: .3658536585365854rem;

    border-top-color: #363636

}



.nav_sub_layout_bubble_horizon .nav_sub_menu_triangle2 {

    position: absolute;

    top: 50%;

    margin-top: -.3rem;

    right: -1.048780487804878rem;

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg)

}



.jz_subMenu_dragDown.jz_subMenu_bar .navItem {

    position: relative

}



.jz_subMenu_dragDown .nav_1_level .icon-subNav {

    position: relative;

    vertical-align: middle;

    height: .7rem;

    display: inline-block;

    margin-left: .15rem;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.jz_subMenu_dragDown .nav_1_level .icon-subNav:after {

    content: "\e672";

    font-size: .7rem;

    color: #fff

}



.nav_sub_layout_dragDown {

    margin-top: 0

}



.nav_sub_layout_dragDown .nav_sub_menu_triangle2 {

    display: none

}



.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    font-size: .6rem;

    padding-top: 1rem

}



.jz_subMenu_panel .sub_menu_nav_item_wrap {

    float: none;

    margin-bottom: 1.25rem;

    text-align: left;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #fff

}



.jz_subMenu_panel .nav_sub_layout_panel a {

    width: 100%;

    color: #666;

    display: inline-block

}



.jz_subMenu_panel .nav_1_level .icon-subNav {

    position: relative;

    vertical-align: middle;

    display: inline-block;

    margin-left: -1rem;

    font-size: 0

}



.jz_subMenu_panel .nav_1_level .icon-subNav:after {

    content: "\e672";

    vertical-align: middle;

    font-size: .7rem;

    position: relative;

    top: .04rem

}



.jz_subMenu_panel .jz_navbar_sub_menu_open .navItem {

    -webkit-transition: margin 0s;

    transition: margin 0s

}



.jz_subMenu_panel .icon-parentMenu {

    display: none

}



.jz_subMenu_panel .parent_menu {

    margin-left: 0

}



.jz_subMenu_panel .parent_menu .navItemName {

    vertical-align: middle;

    font-size: .6rem

}



.jz_subMenu_panel .parent_menu a:before {

    position: relative;

    top: .05rem;

    content: "\e60e";

    font-size: .8rem;

    display: table-cell;

    vertical-align: middle;

    width: 1.2rem;

    line-height: 1;

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased

}



.jz_subMenu_panel .jz_navbar_sub_menu_open {

    min-height: 7.94rem

}



.jz_subMenu_panel2 .jz_navbar_sub_menu_open {

    left: 0 !important

}



.jz_subMenu_panel2 .nav_offical_sub_menu_wrap2 {

    font-size: .7rem

}



.jz_subMenu_panel2 .sub_menu_nav_item_wrap {

    float: none;

    line-height: 1.75rem;

    text-align: center;

    padding: 0 1.1rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .18)

}



.jz_subMenu_panel2 .sub_menu_nav_item_wrap:last-child {

    border-bottom: none

}



.jz_subMenu_panel2 .nav_sub_layout_panel2 a {

    width: 100%;

    color: rgba(255, 255, 255, .65)

}



.jz_subMenu_panel2 .icon_subMenu {

    display: none;

    width: .3rem;

    height: .3rem;

    background-color: #666;

    border-radius: .3rem;

    margin-right: .6rem

}



.jz_subMenu_panel2 .nav_1_level .navItemName {

    position: relative;

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased

}



.jz_subMenu_panel2 .jz_navbar_sub_menu_open ~ .icon-navLeft {

    display: none !important

}



.jz_subMenu_panel2 .jz_navbar_sub_menu_open ~ .icon-navRight {

    display: none !important

}



.jz_subMenu_panel2 .nav_offical_sub_menu_wrap .navItemName {

    margin-left: .6rem

}



.jz_subMenu_panel2 .jz_navbar_sub_menu_open .navItem {

    -webkit-transition: margin 0s;

    transition: margin 0s

}



.jz_subMenu_panel2 .nav_1_level:after {

    content: "\e672";

    font-size: .8rem;

    position: absolute;

    bottom: -.7rem;

    left: 50%;

    color: #fff;

    -webkit-transform: rotate(90deg) translateY(25%);

    transform: rotate(90deg) translateY(25%)

}



.jz_subMenu_panel2 .parent_menu {

    border-bottom: 1px solid rgba(255, 255, 255, .5)

}



.jz_subMenu_panel2 .parent_menu a {

    color: rgba(255, 255, 255, .65);

    font-size: .7rem

}



.jz_subMenu_panel2 .parent_menu .icon-parentMenu {

    color: #666;

    display: inline-block;

    vertical-align: middle

}



.jz_subMenu_panel2 .parent_menu .icon-parentMenu:after {

    content: "\e672";

    font-size: .7rem;

    color: rgba(255, 255, 255, .65)

}



.jz_subMenu_panel2 .parent_menu .navItemName {

    margin-left: .6rem

}



.jz_subMenu_panel2 .parent_menu .icon-parentMenu {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.jz_subMenu_1014.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {

    max-width: 60%

}



.jz_subMenu_1029.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {

    max-width: 60%

}



.jz_subMenu_1017.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {

    max-width: 60%

}



.jz_subMenu_1018.jz_subMenu_fold.navBaseIcon .nav_1_level .navItemName {

    max-width: 85%

}



.jz_subMenu_1014.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 80%

}



.jz_subMenu_1029.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 80%

}



.jz_subMenu_1017.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 80%

}



.jz_subMenu_1018.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 95%

}



.jz_subMenu_1014.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 62%

}



.jz_subMenu_1029.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 62%

}



.jz_subMenu_1017.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 62%

}



.jz_subMenu_1018.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 87%

}



.jz_subMenu_1005.jz_subMenu_dragDown .icon-subNav:after {

    color: #000

}



.jz_subMenu_1019.jz_subMenu_dragDown .icon-subNav:after {

    color: #000

}



.jz_subMenu_1017 .navbarList div.subMenuOpen {

    background-color: #f8f8f8

}



.jz_subMenu_1017 .navbarList div.subMenuOpen .navItemName {

    color: #2b2b2b

}



.jz_subMenu_1017 .navbarList div.itemSelected:after {

    color: #2b2b2b

}



.jz_subMenu_1017 .navbarList div.subMenuOpen:after {

    color: #2b2b2b

}



.jz_subMenu_1017 .navbarList div.subMenuOpen .navItemIcon:before {

    color: #2b2b2b

}



.subMenu_1017 div.itemSep {

    border-bottom: 1px solid #dbdbdb

}



.subMenu_1017 div.navItem {

    background-color: #f8f8f8

}



.subMenu_1017 div.navItem a {

    font-size: .7rem;

    color: #2b2b2b

}



.jz_subMenu_1018 div.subMenu_1018 .icon-navItemIcon {

    opacity: 0

}



.jz_subMenu_1018 div.subMenu_1018 .navItem {

    background-color: #f8f8f8

}



.jz_subMenu_1018 div.subMenu_1018 .navItem a {

    font-size: .7rem;

    color: #333

}



.jz_subMenu_1018.jz_subMenu_fold .nav_1_level:after {

    color: #000

}



.jz_subMenu_345.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_349.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_342.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_348.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_323.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_325.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_321.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_322.jz_subMenu_fold .nav_1_level .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_345.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_349.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_342.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_348.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_323.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_325.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_321.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_322.jz_subMenu_fold .sub_menu_nav_item_wrap .navItemName {

    max-width: 6.38rem

}



.jz_subMenu_1020.jz_subMenu_fold2 .nav_offical_sub_menu_wrap .itemSep {

    border-bottom: none

}



.jz_subMenu_1020.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    color: #666

}



.jz_subMenu_1007.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    color: #666;

    right: .2rem

}



.jz_subMenu_1007.jz_subMenu_fold2.jz_subMenu_bar div.itemSelected:after {

    color: #fff

}



.jz_subMenu_1003.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    color: #666

}



.jz_subMenu_1026.jz_subMenu_bar.navBaseIcon .navItem .navItemName {

    vertical-align: unset

}



.jz_subMenu_1007.jz_subMenu_bar.navBaseIcon .navItem .navItemName {

    vertical-align: unset

}



.jz_subMenu_1000.jz_subMenu_bar.navBaseIcon .navItem .navItemName {

    vertical-align: unset

}



.jz_subMenu_1010.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    color: #666

}



.jz_subMenu_1026.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    color: #666

}



.jz_subMenu_1026.jz_subMenu_fold2.jz_subMenu_bar .itemSelected.nav_1_level:after {

    color: #fff

}



.jz_subMenu_326.jz_subMenu_fold2.jz_subMenu_bar div.nav_1_level:after {

    line-height: 1rem

}



.jz_subMenu_1026.jz_subMenu_bar .navItem a {

    max-width: 90%

}



.jz_subMenu_1026.jz_subMenu_fold2 .nav_1_level.itemSelected a {

    max-width: 100%

}



.jz_subMenu_1026.jz_subMenu_fold2 div.nav_1_level:after {

    right: .3rem

}



.jz_subMenu_1003.jz_subMenu_bar .navItem a {

    max-width: 90%

}



.jz_subMenu_1003.jz_subMenu_fold2 .nav_1_level.itemSelected a {

    max-width: 100%

}



.jz_subMenu_1003.jz_subMenu_fold2 div.nav_1_level:after {

    right: .3rem

}



.jz_subMenu_bubble.jz_subMenu_1004 .nav_1_level {

    position: relative

}



.jz_subMenu_bubble.jz_subMenu_1004.jz_subMenu_bar a {

    line-height: 1.45rem

}



.jz_subMenu_bubble.jz_subMenu_1004 .navItemName {

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased

}



.jz_subMenu_bubble.jz_subMenu_1004 .nav_1_level .navItemName:after {

    content: "\b0234";

    vertical-align: middle;

    font-size: .7rem;

    position: absolute;

    top: 1.1rem;

    left: 50%;

    margin-left: -.35rem

}



.jz_subMenu_bubble.jz_subMenu_1004 .itemSelected .nav_1_level .navItemName:after {

    color: #fff

}



.jz_subMenu_bubble.jz_subMenu_1004 .navbarList div.nav_1_level {

    -webkit-transition-delay: 0s;

    transition-delay: 0s

}



.jz_subMenu_bubble.jz_subMenu_1023 .nav_1_level {

    position: relative

}



.jz_subMenu_bubble.jz_subMenu_1023.jz_subMenu_bar a {

    line-height: 1.45rem

}



.jz_subMenu_bubble.jz_subMenu_1023 .navItemName {

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased

}



.jz_subMenu_bubble.jz_subMenu_1023 .nav_1_level .navItemName:after {

    content: "\b0234";

    vertical-align: middle;

    font-size: .7rem;

    position: absolute;

    top: 1.1rem;

    left: 50%;

    margin-left: -.35rem

}



.jz_subMenu_bubble.jz_subMenu_1023 .itemSelected .nav_1_level .navItemName:after {

    color: #fff

}



.jz_subMenu_bubble.jz_subMenu_1023 .navbarList div.nav_1_level {

    -webkit-transition-delay: 0s;

    transition-delay: 0s

}



.jz_subMenu_318 .jz_navbar_sub_menu_open {

    overflow-x: initial

}



.jz_subMenu_319 .jz_navbar_sub_menu_open {

    overflow-x: initial

}



.jz_subMenu_320 .jz_navbar_sub_menu_open {

    overflow-x: initial

}



.jz_subMenu_1030 .navbarList {

    overflow-x: hidden

}



.jz_subMenu_1030 .jz_navbar_sub_menu_open {

    min-height: 13.33rem

}



.jz_subMenu_1030.jz_subMenu_panel .nav_1_level {

    position: relative

}



.jz_subMenu_1030.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    padding: 0 2.9rem;

    font-size: .7rem

}



.jz_subMenu_1030.jz_subMenu_panel .sub_menu_nav_item_wrap {

    margin-bottom: 1.45rem

}



.jz_subMenu_1030.jz_subMenu_panel .nav_sub_layout_panel a {

    color: #fff

}



.jz_subMenu_1030.jz_subMenu_panel .icon_subMenu {

    margin-right: 1rem

}



.jz_subMenu_1030.jz_subMenu_panel .icon_subMenu {

    background-color: #fff

}



.jz_subMenu_1030.jz_subMenu_panel .nav_1_level .icon-subNav {

    display: none

}



.jz_subMenu_1030.jz_subMenu_panel .nav_1_level .navItemName:after {

    content: "\e672";

    font-size: .7rem;

    font-family: icomoon !important;

    vertical-align: middle

}



.jz_subMenu_1030.jz_subMenu_panel .parent_menu a:before {

    width: 1.5rem

}



.jz_subMenu_1030.jz_subMenu_panel .parent_menu .navItemName {

    font-size: .7rem

}



.jz_subMenu_1030.jz_subMenu_panel .nav_1_level .navItemName:after {

    position: relative;

    top: -.048780487804878rem

}



.jz_subMenu_1030.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open > div {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

}



.jz_subMenu_1013.navbarList {

    overflow-x: hidden

}



.jz_subMenu_1013 .jz_navbar_sub_menu_open {

    min-height: 13.33rem

}



.jz_subMenu_1013.jz_subMenu_panel .nav_1_level {

    position: relative

}



.jz_subMenu_1013.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    padding: 0 2.9rem;

    font-size: .7rem

}



.jz_subMenu_1013.jz_subMenu_panel .sub_menu_nav_item_wrap {

    margin-bottom: 1.45rem

}



.jz_subMenu_1013.jz_subMenu_panel .nav_sub_layout_panel a {

    color: #fff

}



.jz_subMenu_1013.jz_subMenu_panel .icon_subMenu {

    margin-right: 1rem

}



.jz_subMenu_1013.jz_subMenu_panel .icon_subMenu {

    background-color: #fff

}



.jz_subMenu_1013.jz_subMenu_panel .nav_1_level .icon-subNav {

    display: none

}



.jz_subMenu_1013.jz_subMenu_panel .nav_1_level .navItemName:after {

    content: "\e672";

    font-size: .7rem;

    font-family: icomoon !important;

    vertical-align: middle

}



.jz_subMenu_1013.jz_subMenu_panel .parent_menu a:before {

    width: 1.5rem

}



.jz_subMenu_1013.jz_subMenu_panel .parent_menu .navItemName {

    font-size: .7rem

}



.jz_subMenu_1013.jz_subMenu_panel .nav_1_level .navItemName:after {

    position: relative;

    top: -.048780487804878rem

}



.jz_subMenu_1013.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open > div {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

}



.g_web .jz_subMenu_1022 div.navbarList div.nav_sub_layout_panel {

    margin-top: 2.25rem;

    height: 89%

}



.jz_subMenu_1022.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    padding-top: 0

}



.jz_subMenu_1022 .nav_sub_layout_panel a {

    color: #ccc;

    font-size: .7rem;

    margin-left: .6rem

}



.jz_subMenu_1022 .nav_offical_sub_menu_wrap .itemSep {

    display: block;

    border-bottom: 1px solid #363636

}



.jz_subMenu_1022 .nav_1_level .navItemName {

    display: inline-block;

    max-width: 2.6rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.jz_subMenu_1022 .nav_1_level .navItemName:after {

    position: absolute;

    top: 50%;

    margin-top: -.3rem

}



.jz_subMenu_1022.jz_subMenu_panel .nav_1_level .icon-subNav {

    margin-left: 0

}



.jz_subMenu_1022.jz_subMenu_bar .nameWrap > .navItemName {

    display: inline-block

}



.jz_subMenu_1022.jz_subMenu_panel .nav_sub_layout_panel a {

    display: inline

}



.jz_subMenu_1022.jz_subMenu_panel .parent_menu.sub_menu_nav_item_wrap {

    padding-left: 1.5rem

}



.jz_subMenu_1022.jz_subMenu_panel .sub_menu_nav_item_wrap {

    padding-left: 2.6rem;

    margin-bottom: 0;

    line-height: 2.5rem

}



.jz_subMenu_1022.jz_subMenu_panel .parent_menu .navItemName {

    font-size: .7rem

}



.jz_subMenu_1022.jz_subMenu_panel .parent_menu a:before {

    width: 1.4rem;

    top: 0

}



.jz_subMenu_1022.jz_subMenu_panel .icon_subMenu {

    display: none

}



.g_web .jz_subMenu_panel.jz_subMenu_1022 .jz_navbar_sub_menu_open > div {

    -webkit-transform: translateX(-200%);

    transform: translateX(-200%)

}



.g_web .jz_subMenu_1006 div.navbarList div.nav_sub_layout_panel {

    margin-top: 2.25rem;

    height: 89%

}



.jz_subMenu_1006.jz_subMenu_panel.jz_navbar_sub_menu_open {

    border-top: none

}



.jz_subMenu_1006.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    padding-top: 0

}



.jz_subMenu_1006 .nav_sub_layout_panel a {

    color: #fff;

    font-size: .7rem;

    margin-left: .6rem

}



.jz_subMenu_1006 .nav_offical_sub_menu_wrap .itemSep {

    display: block;

    border-bottom: 1px solid #34495e

}



.jz_subMenu_1006 .nav_1_level .navItemName {

    display: inline-block;

    max-width: 3rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 2.8rem

}



.jz_subMenu_1006 .nav_1_level .navItemName:after {

    position: absolute;

    top: 50%;

    margin-top: -.3rem

}



.jz_subMenu_1006.jz_subMenu_panel .nav_1_level .icon-subNav {

    margin-left: 0

}



.jz_subMenu_1006.jz_subMenu_bar .nameWrap > .navItemName {

    display: inline-block

}



.jz_subMenu_1006.jz_subMenu_panel .nav_sub_layout_panel a {

    display: inline

}



.jz_subMenu_1006.jz_subMenu_panel .parent_menu.sub_menu_nav_item_wrap {

    padding-left: 1.5rem

}



.jz_subMenu_1006.jz_subMenu_panel .sub_menu_nav_item_wrap {

    padding-left: 2.6rem;

    margin-bottom: 0;

    line-height: 2.5rem

}



.jz_subMenu_1006.jz_subMenu_panel .parent_menu .navItemName {

    font-size: .7rem

}



.jz_subMenu_1006.jz_subMenu_panel .parent_menu a:before {

    width: 1.4rem;

    top: 0

}



.jz_subMenu_1006.jz_subMenu_panel .icon_subMenu {

    display: none

}



.g_web .jz_subMenu_panel.jz_subMenu_1006 .jz_navbar_sub_menu_open > div {

    -webkit-transform: translateX(-200%);

    transform: translateX(-200%)

}



.jz_subMenu_1028.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    padding-left: 3.25rem

}



.jz_subMenu_1028 .nav_1_level a {

    position: relative

}



.jz_subMenu_1028.jz_subMenu_panel .nav_offical_sub_menu_wrap a {

    color: #fff

}



.jz_subMenu_1028.jz_subMenu_bar div.navItem .navItemName {

    vertical-align: unset

}



.jz_subMenu_1028 .jz_navbar_sub_menu_open {

    min-height: 13.3rem

}



.g_web .jz_subMenu_panel.jz_subMenu_1028 .jz_navbar_sub_menu_open > div {

    opacity: 0;

    -webkit-transform: translateX(-300%);

    transform: translateX(-300%)

}



.jz_subMenu_1028.jz_subMenu_panel .parent_menu a:before {

    width: 1.4rem

}



.jz_subMenu_1028.jz_subMenu_panel .icon_subMenu {

    margin-right: .8rem;

    background-color: #fff

}



.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .icon-subNav {

    display: none

}



.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .navItemName {

    display: table;

    position: relative;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.jz_subMenu_1028.jz_subMenu_panel .parent_menu .navItemName {

    font-size: .7rem

}



.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .navItemName span {

    display: table-cell;

    max-width: 4.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: middle

}



.jz_subMenu_1028.jz_subMenu_panel .nav_1_level .navItemName:after {

    position: relative;

    top: 1px;

    content: "\e672";

    font-size: .7rem;

    display: table-cell;

    font-family: icomoon !important;

    vertical-align: middle

}



.jz_subMenu_1000.jz_subMenu_panel .nav_offical_sub_menu_wrap2 {

    padding-left: 3.25rem

}



.jz_subMenu_1000 .nav_1_level a {

    position: relative

}



.jz_subMenu_1000.jz_subMenu_panel .nav_offical_sub_menu_wrap a {

    color: #fff

}



.jz_subMenu_1000 .jz_navbar_sub_menu_open {

    min-height: 13.3rem

}



.g_web .jz_subMenu_panel.jz_subMenu_1000 .jz_navbar_sub_menu_open > div {

    opacity: 0;

    -webkit-transform: translateX(-300%);

    transform: translateX(-300%)

}



.jz_subMenu_1000.jz_subMenu_panel .parent_menu a:before {

    width: 1.4rem

}



.jz_subMenu_1000.jz_subMenu_panel .icon_subMenu {

    margin-right: .8rem;

    background-color: #fff

}



.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .icon-subNav {

    display: none

}



.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .navItemName {

    display: table;

    position: relative;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.jz_subMenu_1000.jz_subMenu_panel .parent_menu .navItemName {

    font-size: .7rem

}



.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .navItemName span {

    display: table-cell;

    max-width: 4.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: middle

}



.jz_subMenu_1000.jz_subMenu_panel .nav_1_level .navItemName:after {

    position: relative;

    top: 1px;

    content: "\e672";

    font-size: .7rem;

    display: table-cell;

    font-family: icomoon !important;

    vertical-align: middle

}



.jz_subMenu_302 .navItem {

    position: relative

}



.jz_subMenu_302.jz_subMenu_bar {

    height: 3rem

}



.jz_subMenu_302.jz_subMenu_bar .itemSelected {

    height: 3rem

}



.jz_subMenu_302.jz_subMenu_panel2 .nav_1_level.itemSelected:after {

    bottom: 0

}



.jz_subMenu_302.jz_subMenu_panel2 .nav_1_level.itemSelected {

    line-height: normal

}



.jz_subMenu_302.jz_navbar_sub_menu_open_1 {

    height: 6rem

}



.jz_subMenu_302.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    overflow-x: unset;

    overflow-y: auto

}



.jz_subMenu_302.jz_subMenu_panel2 .nav_1_level:after {

    -webkit-transform: rotate(90deg) translateY(50%);

    transform: rotate(90deg) translateY(50%)

}



.jz_subMenu_355.jz_subMenu_bar {

    height: 3rem

}



.jz_subMenu_355.jz_subMenu_bar .navItem {

    line-height: normal;

    height: 3rem

}



.jz_subMenu_355.jz_subMenu_bar .navItem:after {

    bottom: 0

}



.jz_subMenu_355 .navItem {

    position: relative

}



.jz_subMenu_355.jz_navbar_sub_menu_open_1 {

    height: 6rem

}



.jz_subMenu_355.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    overflow-x: unset;

    overflow-y: auto

}



.jz_subMenu_355.jz_subMenu_panel2 .nav_1_level:after {

    -webkit-transform: rotate(90deg) translateY(50%);

    transform: rotate(90deg) translateY(50%)

}



.jz_subMenu_301.jz_subMenu_bar {

    height: 3rem

}



.jz_subMenu_301.jz_subMenu_bar .navItem {

    line-height: normal;

    height: 3rem

}



.jz_subMenu_301.jz_subMenu_bar .navItem:after {

    bottom: 0

}



.jz_subMenu_301 .navItem {

    position: relative

}



.jz_subMenu_301.jz_navbar_sub_menu_open_1 {

    height: 6rem

}



.jz_subMenu_301.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    overflow-x: unset;

    overflow-y: auto

}



.jz_subMenu_301.jz_subMenu_panel2 .nav_1_level:after {

    -webkit-transform: rotate(90deg) translateY(50%);

    transform: rotate(90deg) translateY(50%)

}



.jz_subMenu_300.jz_subMenu_bar {

    height: 3rem

}



.jz_subMenu_300.jz_subMenu_bar .navItem {

    line-height: normal;

    height: 3rem

}



.jz_subMenu_300.jz_subMenu_bar .navItem:after {

    bottom: 0

}



.jz_subMenu_300 .navItem {

    position: relative

}



.jz_subMenu_300.jz_navbar_sub_menu_open_1 {

    height: 6rem

}



.jz_subMenu_300.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    overflow-x: unset;

    overflow-y: auto

}



.jz_subMenu_300.jz_subMenu_panel2 .nav_1_level:after {

    -webkit-transform: rotate(90deg) translateY(50%);

    transform: rotate(90deg) translateY(50%)

}



.jz_subMenu_303.jz_subMenu_bar {

    height: 3rem

}



.jz_subMenu_303.jz_subMenu_bar .navItem {

    line-height: normal;

    height: 3rem

}



.jz_subMenu_303.jz_subMenu_bar .navItem:after {

    bottom: 0

}



.jz_subMenu_303 .navItem {

    position: relative

}



.jz_subMenu_303.jz_navbar_sub_menu_open_1 {

    height: 6rem

}



.jz_subMenu_303.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    overflow-x: unset;

    overflow-y: auto

}



.jz_subMenu_303.jz_subMenu_panel2 .nav_1_level:after {

    -webkit-transform: rotate(90deg) translateY(50%);

    transform: rotate(90deg) translateY(50%)

}



.jz_subMenu_304.jz_subMenu_bar {

    height: 3rem

}



.jz_subMenu_304.jz_subMenu_bar .navItem {

    line-height: normal;

    height: 3rem

}



.jz_subMenu_304.jz_subMenu_bar .navItem:after {

    bottom: 0

}



.jz_subMenu_304 .navItem {

    position: relative

}



.jz_subMenu_304.jz_navbar_sub_menu_open_1 {

    height: 6rem

}



.jz_subMenu_304.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    overflow-x: unset;

    overflow-y: auto

}



.jz_subMenu_304.jz_subMenu_panel2 .nav_1_level:after {

    -webkit-transform: rotate(90deg) translateY(50%);

    transform: rotate(90deg) translateY(50%)

}



.jz_subMenu_1027.jz_subMenu_panel .nav_1_level .icon-subNav:after {

    top: .025rem

}



.jz_subMenu_1016 .navItemName {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.jz_subMenu_1008 .navItemName {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



#g_web .jz_subMenu_panel2 .g_mainColor {

    color: #fff

}



#g_web .jz_subMenu_345.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



#g_web .jz_subMenu_349.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



#g_web .jz_subMenu_342.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



#g_web .jz_subMenu_348.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}


#g_web .jz_subMenu_323.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



#g_web .jz_subMenu_325.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



#g_web .jz_subMenu_321.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



#g_web .jz_subMenu_322.jz_subMenu_fold .g_mainColor {

    color: rgba(255, 255, 255, .5)

}



.jz_subMenu_1030.jz_subMenu_panel .jz_navbar_sub_menu_open div.nav_sub_layout_panel {

    animation: sub_menu_enter .4s;

    -webkit-animation: sub_menu_enter .4s

}



.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open > div {

    opacity: 0

}



.g_web .jz_subMenu_panel .jz_navbar_sub_menu_open > div {

    opacity: 0

}



.g_web .jz_subMenu_panel .navbarList div.nav_sub_layout_panel {

    height: 100%;

    width: 100%;

    overflow-x: hidden;

    opacity: 1;

    -webkit-transition: left .4s;

    transition: left .4s;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.nav_sub_layout_7 div.navItem:last-child {

    margin: 0

}



.g_web .jz_subMenu_panel2 .jz_navbar_sub_menu_open > div {

    -webkit-transform: translateY(-150%);

    transform: translateY(-150%)

}



.jz_subMenu_panel2 .nav_sub_layout_panel2 {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    overflow-x: hidden;

    -webkit-transition: top .4s;

    transition: top .4s;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    animation: sub_menu_enter_two .4s;

    -webkit-animation: sub_menu_enter_two .4s

}



@-webkit-keyframes sub_menu_enter_two {

    0% {

        top: 100%

    }

    100% {

        top: 0

    }

}



@keyframes sub_menu_enter_two {

    0% {

        top: 100%

    }

    100% {

        top: 0

    }

}



@-webkit-keyframes sub_menu_enter {

    0% {

        left: 100%

    }

    100% {

        left: 0

    }

}



@-webkit-keyframes sub_menu_enter {

    0% {

        left: 100%

    }

    100% {

        left: 0

    }

}



@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.jz-webTips {

        max-width: 512px

    }



    .webTips.jz-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

    }



    .orderDetail .orderButton {

        font-size: .6rem;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        border-radius: 1rem;

        text-align: center;

        padding: 0 .4rem

    }



    .order-ext-panel {

        max-width: 512px

    }



    .fullScreenDiv {

        max-width: 512px

    }



    .fullWidthClass {

        max-width: 512px

    }



    .voteResultDiv {

        max-width: 512px

    }



    .productDetailHeader {

        max-width: 512px

    }



    .tabUl {

        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

    }



    .map_view {

        max-width: 512px;

        left: calc(50% - 8rem)

    }

}



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

    -ms-writing-mode: tb-rl;

    writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    height: 100%;

    word-break: break-all;

    width: auto;

    max-width: 1000px;

    min-width: 40px;

    min-height: 10px

}



.form .fk-editor.fk-editor-vertical-lr {

    -ms-writing-mode: tb-lr;

    writing-mode: tb-lr;

    -webkit-writing-mode: vertical-lr;

    -ms-writing-mode: tb-lr;

    writing-mode: vertical-lr;

    height: 100%;

    word-break: break-all;

    width: auto;

    max-width: 1000px;

    min-width: 40px;

    min-height: 10px

}



.jz_popupZone_wrap .formStyle52.form, .jz_popupZone_wrap .formStyle52.form .formMiddle, .webContainerBox .formStyle52.form, .webContainerBox .formStyle52.form .formMiddle {

    background: 0 0;

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0

}



.jz_popupZone_wrap .formStyle53.form, .jz_popupZone_wrap .formStyle54.form, .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

}



.form.formStyle54 {

    padding: 0;

    background: 0 0;

    overflow: visible;

    -webkit-box-shadow: none;

    box-shadow: none

}



.form.formStyle54 .formMiddle {

    overflow: visible;

    background: 0 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;

    display: block;

    outline: 0

}



.form .floatBtnStyle0 .middle {

    border-radius: 5px

}



.form .floatBtnStyle1 .middle {

    border-radius: 0

}



.form .floatBtnStyle2 .middle {

    border-radius: 0;

    border-width: 1px;

    border-style: solid

}



.form .floatBtnStyle3 .middle {

    border-radius: 3px;

    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .2)

}



.form .floatBtnStyle4 .middle {

    border-radius: 3px;

    -webkit-box-shadow: 0 1.5px 5px -1px #fff inset;

    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;

    display: inline-block

}



.wxPublicAttentionService .avatar img {

    width: 100%;

    height: 100%;

    border-radius: 20px

}



.wxPublicAttentionService .tip {

    position: absolute;

    color: #f5f5f5;

    font-size: .54rem;

    top: .52rem;

    left: 2.4rem;

    max-width: 8.75rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.wxPublicAttentionService .guanzhu {

    position: absolute;

    color: #f5f5f5;

    font-size: .46rem;

    width: 2.5rem;

    height: .9rem;

    text-align: center;

    line-height: .9rem;

    border-radius: 1.5rem;

    border: 1px solid #fff;

    top: .41rem;

    cursor: pointer;

    display: inline-block

}



.wxPublicAttentionService .close {

    position: absolute;

    color: #fff;

    left: 3.15rem;

    top: .4rem;

    font-size: 1.05rem;

    cursor: pointer;

    z-index: 1

}



.wxPublicAttentionRightContent {

    float: right;

    width: 4.55rem;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    z-index: 99

}



.wxPublicAttentionService .clickContent {

    width: 100%;

    height: 100%;

    cursor: pointer;

    z-index: 2

}



.wxTopTip {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    background-color: #000;

    opacity: .6;

    z-index: 10

}



.wxPage {

    position: fixed;

    top: 4.5rem;

    left: 2.7rem;

    width: 10.65rem;

    height: 15rem;

    z-index: 20;

    border-radius: .3rem

}



.wxPage .pic {

    position: absolute;

    width: 10.65rem;

    height: 15rem;

    background-image: url(/image/wxPage.png);

    background-size: cover;

    background-repeat: no-repeat;

    border-radius: .3rem;

    -ms-user-select: none;

    user-select: none;

    -webkit-user-select: none;

    -moz-user-select: none

}



.wxPage .pic img {

    opacity: 0;

    width: 100%;

    height: 100%

}



.wxPage .pic1 {

    position: absolute;

    width: 8.25rem;

    height: 8.25rem;

    top: .75rem;

    left: 1.2rem

}



.wxPage .pic1 .img {

    width: 100%;

    height: 100%

}



.wxPage .text {

    position: absolute;

    color: #626366;

    width: 5.3rem;

    text-align: center;

    left: 2.65rem;

    top: 10rem;

    font-size: .55rem

}



.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: none;

    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 .imgWrapper {

    margin-bottom: .62rem;

    position: relative

}



.groupBuyListStyle1 .pdItem .pdImg {

    width: 7.05rem;

    height: 7.05rem;

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #f1f1f1

}



.groupBuyListStyle1 .pdItem .pdInfo .pdName {

    font-size: .6rem;

    line-height: .8rem;

    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.6rem

}



.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: -.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 a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.groupBuyListStyle2 .pdItem .imgWrapper {

    position: relative

}



.groupBuyListStyle2 .pdItem .pdImg {

    width: 4.3rem;

    height: 4.3rem;

    display: inline-block;

    -o-object-fit: cover;

    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;

    line-height: .8rem;

    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.55rem

}



.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: -.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:last-child {

    margin-bottom: 0;

    border-bottom: none

}



.groupBuyListStyle3 .pdItem .imgWrapper {

    position: relative;

    margin-bottom: .6rem

}



.groupBuyListStyle3 .pdItem .pdImg {

    width: 100%;

    height: 7.5rem;

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #f1f1f1

}



.groupBuyListStyle3 .pdItem .pdInfo .pdName {

    height: 1.6rem;

    line-height: .8rem;

    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%

}



.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: -.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%;

    max-height: 1.66rem

}



.fk-groupBuyDetail .pdBox .pdInfo .pdOption {

    font-size: .45rem;

    color: #888;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    word-break: break-all;

    word-wrap: break-word;

    width: 100%;

    margin-top: .1rem

}



.fk-groupBuyDetail .pdBox .pdInfo .groupProp {

    position: absolute;

    left: 0;

    top: 2.2rem

}



.fk-groupBuyDetail .pdBox .pdInfo .groupNum {

    font-size: .45rem;

    color: #999;

    display: inline-block

}



.fk-groupBuyDetail .pdBox .pdInfo .groupBuyNum {

    font-size: .45rem;

    color: #999;

    display: inline-block;

    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 #ccc;

    line-height: 2rem;

    text-align: center;

    font-size: 1.2rem;

    color: #e2e2e2

}



.fk-groupBuyDetail .contentBox .memberList .memberItem.moreItem {

    width: 2rem;

    height: 2rem;

    border: .0285rem solid #eee;

    line-height: 2rem;

    text-align: center;

    font-size: 1.2rem;

    color: #e2e2e2

}



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

    word-break: break-all;

    white-space: unset;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical

}



.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

}



.fk-groupBuyMember {

    min-height: 20rem

}



.fk-groupBuyMember .gbHeader {

    position: relative

}



.fk-groupBuyMember .gbHeader .gbBack {

    display: inline-block;

    height: 2.25rem;

    line-height: 2.25rem;

    margin-right: .3rem;

    font-size: 1.6rem;

    color: #fff;

    cursor: pointer

}



.fk-groupBuyMember .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-groupBuyMember .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

}



.jz_themeV3 .fk-groupBuyMember .gbHeader .hName {

    margin-left: .5rem

}



.fk-groupBuyMember .headPicBox {

    margin: 0 auto;

    margin-top: .64rem;

    width: 2.987rem;

    position: relative

}



.fk-groupBuyMember .headPicBox .pic {

    width: 2.987rem;

    height: 2.987rem;

    border: .03rem solid #eee;

    border-radius: 3rem

}



.fk-groupBuyMember .headPicBox .sign {

    background: url(/image/mall/gbMemberSign.png?v=201903061420);

    background-size: 100% 100%;

    width: 2.987rem;

    height: .939rem;

    font-size: .512rem;

    color: #fff;

    text-align: center;

    line-height: .853rem;

    position: absolute;

    left: 0;

    top: 2.667rem

}



.fk-groupBuyMember .txtBox {

    font-size: .597rem;

    color: #666;

    text-align: center;

    height: .64rem;

    line-height: .64rem;

    margin-top: .95rem

}



.fk-groupBuyMember .successTips {

    text-align: center;

    width: 100%;

    font-size: .6rem;

    color: #77bc51;

    margin-top: .95rem

}



.fk-groupBuyMember .failTips {

    text-align: center;

    width: 100%;

    font-size: .6rem;

    color: #ff4f49;

    margin-top: .95rem

}



.fk-groupBuyMember .failTips .errIcon {

    display: inline-block;

    vertical-align: middle;

    font-size: .8rem;

    margin-right: .3rem

}



.fk-groupBuyMember .memberContainer {

    padding: 0 .8rem 1.28rem;

    margin-top: .981rem;

    overflow: hidden

}



.fk-groupBuyMember .memberContainer .memberItem {

    border-radius: 3rem;

    width: 1.92rem;

    height: 1.92rem;

    margin-left: .427rem;

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin-bottom: .427rem

}



.fk-groupBuyMember .memberContainer .memberItem:first-child, .fk-groupBuyMember .memberContainer .memberItem:nth-child(6n+1) {

    margin-left: 0

}



.fk-groupBuyMember .memberContainer .memberItem.emptyItem {

    width: 2rem;

    height: 2rem;

    border: .0285rem dashed #ccc;

    line-height: 2rem;

    text-align: center;

    font-size: 1.2rem;

    color: #e2e2e2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.fk-groupBuyMember .memberContainer .memberItem .memberImg {

    border-radius: 3rem;

    width: 2.1rem;

    height: 2.1rem

}



.fk-groupBuyMember .memberContainer .memberPic {

    width: 1.92rem;

    height: 1.92rem;

    border-radius: 100%;

    display: inline-block;

    margin-right: .427rem;

    position: relative

}



.fk-groupBuyMember .memberContainer .memberPic:nth-child(6n) {

    margin-right: 0

}



.fk-groupBuyMember .memberContainer .memberPic .picImg {

    width: 1.92rem;

    height: 1.92rem;

    border-radius: 100%

}



.fk-groupBuyMember .memberContainer .vacant {

    color: #e2e2e2;

    border: .03rem solid #eee;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.fk-groupBuyMember .memberContainer .vacant .otText {

    position: absolute;

    text-align: center;

    width: 100%;

    line-height: 1.707rem;

    font-size: 1.024rem

}



.fk-groupBuyMember .block {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    height: .256rem;

    background: #fff

}



#fixedRightSideBtns {

    position: fixed;

    z-index: 9;

    margin-left: 13.9rem;

    width: 2rem;

    bottom: 110px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



@media only screen and (min-width: 768px) {

    #fixedRightSideBtns {

        left: calc(50% - 8rem)

    }

}



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

}



.newGuestGiftSreen {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    height: 100%;

    top: 0;

    background: #000;

    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: -.19rem;

    margin-right: -.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: -.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;

    text-align: center

}



.giftItem .couponRight {

    width: 5.85rem;

    float: right;

    line-height: .9rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.giftItem .couponStatus {

    display: inline-block;

    width: 2.25rem;

    height: 2.3rem;

    position: absolute;

    right: .38rem;

    top: .3rem

}



.giftItem .boxCorner {

    position: absolute;

    right: .3rem;

    top: .23rem;

    width: 1.92rem;

    height: 1.92rem;

    background: url(/image/newGuestCorner.png?v=202010281225);

    background-size: cover

}



.giftItem .boxCorner .couponCount {

    font-size: .51rem;

    color: #fff;

    white-space: nowrap;

    -webkit-transform: rotate(45deg) translate(50%, 0);

    transform: rotate(45deg) translate(50%, 0);

    margin-top: .22rem

}



.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: -.1rem

}



.giftItem .couponPrice {

    font-size: 1.19rem;

    font-weight: 700

}



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

}



.newGuestGiftBtn, .newGuestGiftContainer .closeBtn, .newGuestGiftContainer .giftMsgBtn, .newGuestGiftContainer .giftReceiveBtn {

    cursor: pointer

}



.giftItem .fontColorInvalid {

    color: #aaa

}



.giftItem .noAuthRece {

    font-size: .6rem;

    color: #999;

    width: 5.2rem;

    max-height: 2.5rem;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical

}



.paymentGiftiftPanelBg {

    position: fixed;

    width: 100%;

    z-index: 999;

    height: 100%;

    top: 0;

    background: #000;

    opacity: .7;

    max-width: 16rem;

    display: block

}



.paymentGiftiftPanel {

    position: fixed;

    -webkit-transition: .2s ease-out;

    transition: .2s ease-out;

    z-index: 999;

    z-index: 10000;

    top: 14%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.paymentGiftiftPanelV2 {

    top: 7%

}



.paymentGiftiftPanelV3 {

    top: 0

}



.paymentGiftiftConV1 {

    width: 12.8rem;

    height: 17.75rem;

    background: url(/image/paymentGift/mobi1.png?v=202002191321) no-repeat;

    background-size: contain;

    position: relative

}



.paymentGiftiftConV2 {

    width: 12.8rem;

    height: 21.35rem;

    background: url(/image/paymentGift/mobi2.png?v=202002191321) no-repeat;

    background-size: contain;

    position: relative

}



.paymentGiftiftConV3 {

    width: 12.8rem;

    height: 24.73rem;

    background: url(/image/paymentGift/mobi3.png?v=202002191321) no-repeat;

    background-size: contain;

    position: relative

}



.paymentGiftiftPanel .couponList {

    position: absolute;

    left: 1.63rem;

    top: 9.13rem;

    height: 11.69rem;

    overflow-y: scroll

}



.paymentGiftiftPanel .couponList::-webkit-scrollbar {

    display: none

}



.paymentGiftiftConV1 .couponList, .paymentGiftiftConV2 .couponList {

    overflow-y: hidden

}



.paymentGiftiftPanel .couponList .couponItem {

    width: 9.55rem;

    height: 3.35rem;

    background: url(/image/paymentGift/bgCoup.png?v=202002191321) no-repeat;

    background-size: cover;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: .15rem;

    margin-left: 0;

    margin-bottom: 0

}



.paymentGiftiftPanel .couponList .couponItem:first-child {

    margin-top: .8rem

}



.paymentGiftiftPanel .couponList .couponItem .couponTop {

    width: 9.15rem;

    height: .6rem;

    background: linear-gradient(115deg, rgba(255, 252, 233, 1), rgba(255, 230, 191, 1));

    -webkit-box-shadow: 0 0 0 0 rgba(174, 35, 45, .4), 0 0 0 0 rgba(255, 255, 255, .6);

    box-shadow: 0 0 0 0 rgba(174, 35, 45, .4), 0 0 0 0 rgba(255, 255, 255, .6);

    border-bottom-left-radius: .3rem;

    border-bottom-right-radius: .3rem;

    position: absolute;

    top: -.8rem;

    left: .2rem

}



.paymentGiftiftPanel .couponList .couponItem .title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .6rem;

    color: #743913;

    padding-top: .28rem

}



.paymentGiftiftPanel .couponList .couponItem .title .line {

    position: relative;

    padding-left: 0;

    padding-right: 0

}



.paymentGiftiftPanel .couponList .couponItem .title .line:before {

    content: '';

    display: block;

    width: .4rem;

    height: .05rem;

    background: rgba(232, 186, 142, 1)

}



.paymentGiftiftPanel .couponList .couponItem .title .name {

    margin: 0 .28rem;

    white-space: nowrap;

    max-width: 6rem;

    overflow: hidden;

    text-overflow: ellipsis

}



.paymentGiftiftPanel .couponList .couponItem .content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 90%

}



.paymentGiftiftPanel .couponList .couponItem .content .left {

    color: #ff4638;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    padding-top: .6rem;

    margin-right: .21rem

}



.paymentGiftiftPanel .couponList .couponItem .content .left .curent {

    font-size: .75rem

}



.paymentGiftiftPanel .couponList .couponItem .content .left .num {

    font-size: 1.07rem;

    max-width: 2.77rem;

    overflow: hidden;

    text-overflow: ellipsis

}



.paymentGiftiftPanel .couponList .couponItem .content .right {

    padding-top: .5rem;

    white-space: nowrap

}



.paymentGiftiftPanel .couponList .couponItem .content .right .tips {

    font-size: .6rem;

    color: #743913

}



.paymentGiftiftPanel .couponList .couponItem .content .right .time {

    font-size: .45rem;

    color: #bc9070

}



.paymentGiftiftPanel .couponList .couponItem .boxCorner {

    position: absolute;

    right: 0;

    top: 0;

    width: 1.92rem;

    height: 1.92rem;

    background: url(/image/paymentCorner.png?v=202010281225);

    background-size: cover

}



.paymentGiftiftPanel .couponList .couponItem .boxCorner .couponCount {

    font-size: .51rem;

    color: #fff;

    white-space: nowrap;

    -webkit-transform: rotate(45deg) translate(50%, -5%);

    transform: rotate(45deg) translate(50%, -5%)

}



.paymentGiftiftPanel .btn {

    width: 8.1rem;

    height: 1.45rem;

    background: url(/image/paymentGift/btn.png?v=202002191321) no-repeat;

    background-size: cover;

    position: absolute;

    top: 14.88rem;

    left: 2.38rem

}



.paymentGiftiftPanel .btnV2 {

    top: 18.48rem

}



.paymentGiftiftPanel .btnV3 {

    top: 22.13rem

}



.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: -webkit-gradient(linear, left top, left bottom, from(#ff611b), to(#ff2a3e));

    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% -.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) -.5% 82.5% no-repeat;

    background-size: 1482%;

    position: absolute;

    right: 3.5rem;

    top: -.5rem

}



.couponContent .topContent {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    padding-top: 2rem

}



.couponContent .topContentStatus {

    padding-top: 1rem

}



.bottomContent .bottomLeftLine, .bottomContent .bottomRightLine, .topContent .topLeftLine, .topContent .topRightLine {

    border-top: .025rem solid #ddd;

    display: inline-block;

    -webkit-box-flex: 5;

    -ms-flex-positive: 5;

    flex-grow: 5

}



.topContent .couponName {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    padding-top: .125rem

}



.bottomContent .validTime {

    font-size: .5rem;

    color: #666;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    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) -.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, .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: -.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;

    background-size: contain;

    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 a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.cutPriceListStyle2 .pdItem .imgWrapper {

    position: relative

}



.cutPriceListStyle2 .pdItem .imgWrapper .pdImg {

    width: 4.3rem;

    height: 4.3rem;

    -o-object-fit: cover;

    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;

    line-height: .8rem;

    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.55rem

}



.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: -.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:last-child {

    margin-bottom: 0;

    border-bottom: none

}



.cutPriceListStyle3 .pdItem .imgWrapper {

    height: 7.5rem;

    margin-bottom: .6rem;

    position: relative

}



.cutPriceListStyle3 .pdItem .imgWrapper .pdImg {

    width: 100%;

    height: 7.5rem;

    -o-object-fit: cover;

    object-fit: cover

}



.cutPriceListStyle3 .pdItem .imgWrapper {

    overflow: hidden

}



.cutPriceListStyle3 .pdItem .imgWrapper .imgRibbon {

    position: absolute;

    width: 100%;

    background: rgba(20, 20, 20, .6);

    height: 1.25rem;

    top: 6.285rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    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: -.0445rem

}



.cutPriceListStyle3 .pdItem .pdInfo .pdName {

    font-size: .6rem;

    line-height: .8rem;

    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.6rem

}



.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 -.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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-left: .5rem;

    border-bottom: 1px solid #eee

}



.cpProcedure .cpProBody {

    width: 100%;

    height: 4.75rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.cpProcedure .cpProBody .cpPro {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    text-align: center

}



.cpProcedure .cpProBody .cpPro .cpProTxt {

    text-align: center;

    font-size: .55rem;

    color: #666;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.cpProcedure .cpProBody .cpPro .cpProIcon {

    padding: .15rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



#cpPro1:after {

    content: '\b0239';

    font-family: icomoon;

    font-size: 1.7rem;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2

}



#cpPro2:after {

    content: '\b0240';

    font-family: icomoon;

    font-size: 1.7rem;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2

}



#cpPro3:after {

    content: '\b0241';

    font-family: icomoon;

    font-size: 1.7rem;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2

}



#cpPro4:after {

    content: '\b0242';

    font-family: icomoon;

    font-size: 1.7rem;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    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, .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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.cpHeader .cpPdInfo .cpPdPic {

    width: 4.75rem;

    height: 4.75rem;

    border-radius: 3px;

    -o-object-fit: cover;

    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.3rem;

    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.6875rem;

    height: .6rem;

    line-height: .6rem;

    position: absolute;

    top: 8.85rem;

    left: 6rem;

    overflow: hidden

}



.cpHeader .cpPdInfo .cpMinPrice {

    display: inline-block;

    font-size: .6rem;

    width: 5.625rem;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0 .426rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.cpProgress .cpProgressPrice {

    display: inline-block;

    font-size: .55rem;

    color: #999;

    text-align: center;

    width: 3.3125rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.cpProgress .cpProgressWrap {

    position: relative;

    display: inline-block;

    width: 8.8rem;

    height: .4rem;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.cpProgress .cpProgressWrap .cpProgressBar {

    display: inline-block;

    width: 8.8rem;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    padding: 0 .5rem;

    -webkit-box-sizing: border-box;

    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;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    cursor: pointer

}



.cpBtnPanel .cpImmeBuyBtn {

    width: 7rem;

    height: 1.75rem;

    font-size: .65rem;

    text-align: center;

    line-height: 1.65rem;

    border-style: solid;

    border-width: 1px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 2rem;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 2rem;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    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;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.cpRecordPanel {

    width: 100%;

    height: auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: .5rem

}



.cpRecordPanel .cpRecordHeader {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



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

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.cpRecordPanel .cpRecord .cpSRLeft img {

    width: 100%;

    height: 100%

}



.cpRecordPanel .cpRecord .cpSRCentre {

    height: 1.7rem;

    width: 8.5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    overflow: hidden

}



.cpRecordPanel .cpRecord .cpMemName {

    font-size: .6rem;

    color: #333;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.cpRecordPanel .cpRecord .cpRecordCT {

    font-size: .5rem;

    color: #999;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    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

}



.icon-cutPriceToIndex, .icon-groupBuyToIndex {

    width: 1.6rem;

    height: 1.6rem;

    position: fixed;

    margin-left: 14rem;

    bottom: 4.7rem;

    border-radius: 50%;

    text-align: center;

    line-height: 1.5rem;

    font-size: .8rem;

    background-color: #fff;

    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)

}



.icon-cutPriceToIndex:before, .icon-groupBuyToIndex:before {

    content: '\b0196'

}



#modifyIntegral .profileContent {

    padding: 0 !important;

    margin: 0 !important;

    background: #f7f7f7 !important

}



#modifyIntegral .whole_top {

    width: 100%

}



#modifyIntegral .top_container {

    width: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 6rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



#modifyIntegral .top_container .widget {

    font-size: .55rem;

    color: #fff;

    display: inline-block;

    min-width: 2.176rem;

    max-width: 5.333rem;

    height: 1.067rem;

    line-height: 1.067rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



#modifyIntegral .top_container .itgRuleForward {

    width: 3rem;

    height: 1rem;

    border: .05rem solid rgba(255, 255, 255, 1);

    border-radius: .55rem;

    position: absolute;

    right: .5rem;

    top: .5rem;

    font-size: .5rem;

    color: #fff;

    line-height: .94rem;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: .2rem;

    padding-right: .2rem

}



#modifyIntegral .top_container .credit_points {

    font-size: 1.15rem

}



#modifyIntegral .nav_container {

    width: 100%;

    height: 2.55rem;

    position: relative;

    background: #fff;

    margin-top: .3rem;

    z-index: 999

}



#modifyIntegral .nav_container .nav {

    width: 100%;

    height: 2.25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    border-bottom: 1px solid #eee

}



#modifyIntegral .nav_container .nav .item {

    font-size: .7rem;

    color: #999

}



#modifyIntegral .nav_container .nav .item.checked {

    color: #333;

    font-weight: 700

}



#modifyIntegral .nav_container .underline {

    display: inline-block;

    position: absolute;

    width: 1.05rem;

    height: .125rem;

    border-radius: .0625rem;

    top: 2.15rem;

    -webkit-transition: left .5s cubic-bezier(.175, .885, .32, 1.325);

    transition: left .5s cubic-bezier(.175, .885, .32, 1.325)

}



#modifyIntegral .list {

    width: 100%

}



#modifyIntegral .a_itg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom: 1px solid #eee;

    background: #fff;

    padding-top: .4rem;

    padding-bottom: .4rem

}



#modifyIntegral .loadMore {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 2.5rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .5973rem;

    color: #353535;

    cursor: pointer

}



#modifyIntegral .a_itg_order {

    height: 3rem

}



#modifyIntegral .a_itg .left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-left: .75rem

}



#modifyIntegral .a_itg .left .top {

    font-size: .6rem;

    color: #333

}



#modifyIntegral .a_itg .left .middle {

    font-size: .5rem;

    color: #333

}



#modifyIntegral .a_itg .left .bottom {

    margin-top: .256rem;

    font-size: .45rem;

    color: #999

}



#modifyIntegral .a_itg .right.income {

    font-size: .8rem;

    margin-right: .75rem;

    color: #f13a3a

}



#modifyIntegral .a_itg .right.expenses {

    font-size: .8rem;

    margin-right: .75rem;

    color: #4ab344

}



#modifyIntegral .no_itg {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 19.2rem;

    width: 100%;

    background: #fff;

    display: none

}



#modifyIntegral .no_itg .img {

    background: url(/image/mall/wxmallapp/noItg.png) no-repeat;

    width: 10.67rem;

    height: 10.67rem;

    position: relative;

    top: -2.1333rem;

    background-size: contain

}



#modifyIntegral .no_itg .txt {

    font-size: .75rem;

    position: relative;

    top: -3.2rem;

    color: #353535

}



.cpPanelHeader {

    background: #fff;

    color: #333;

    height: 2rem

}



.cpPanelHeader .cpPanelText {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.cpPanelHeader .cpPanelText .cpPanelChoose {

    display: inline-block;

    -webkit-box-sizing: border-box;

    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;

    -webkit-transition: left .5s cubic-bezier(.175, .885, .32, 1.325);

    transition: left .5s cubic-bezier(.175, .885, .32, 1.325)

}



.cpListContent .cpEmpty {

    padding: 7rem 0;

    -webkit-box-sizing: border-box;

    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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 1px solid #eee;

    margin-right: .55rem

}



.cpList .cpRecord .cpDetail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    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: .4;

    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;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.cpList .cpRecord .cpDetail .cpMinPriceTxt {

    color: #888;

    font-size: .5rem;

    line-height: .5rem;

    display: inline-block;

    -ms-flex-item-align: end;

    align-self: flex-end

}



.cpList .cpRecord .cpDetail .cpMinPriceVal {

    font-size: .65rem;

    line-height: .65rem;

    display: inline-block;

    -ms-flex-item-align: end;

    align-self: flex-end

}



.gbPanelHeader {

    background: #fff;

    color: #333;

    height: 2rem

}



.gbPanelHeader .gbPanelText {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.gbPanelHeader .gbPanelText .gbPanelChoose {

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 2rem;

    line-height: 2rem;

    width: 2.25rem;

    text-align: center;

    font-size: .6rem

}



.gbPanelHeader .gbUnderline {

    display: inline-block;

    position: absolute;

    width: 2.25rem;

    height: .1rem;

    top: 4.15rem;

    left: 1.55rem;

    -webkit-transition: left .5s cubic-bezier(.175, .885, .32, 1.325);

    transition: left .5s cubic-bezier(.175, .885, .32, 1.325)

}



.gbListContent .gbEmpty {

    padding: 3.8rem 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.gbListContent .gbEmpty .gbEmptyIcon {

    background: url(/image/noGroupbuy.png?v=201905201142);

    background-size: cover;

    background-repeat: no-repeat;

    width: 5rem;

    height: 6rem;

    margin: 0 auto

}



.gbListContent .gbEmpty .gbEmptyText {

    font-size: .6rem;

    color: #888;

    text-align: center;

    text-indent: .7rem;

    margin-top: 1rem

}



.gbList .gbRecord {

    height: 7.524rem;

    margin-top: .35rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    background: #fff

}



.gbList .gbRecord .gbStatusIcon {

    display: inline-block;

    position: absolute;

    top: 0;

    right: 0;

    width: 2.8rem;

    height: 2.8rem

}



.gbSucc {

    background-image: url(/image/cpSucc.png?v=201806041141);

    background-repeat: no-repeat;

    background-size: cover

}



.gbFail {

    background-image: url(/image/cpFail.png?v=201806041141);

    background-repeat: no-repeat;

    background-size: cover

}



.gbList .gbRecord .gbPdInfo {

    height: 7.524rem;

    width: 100%;

    padding: 0 .81rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.gbRecord .gbPdInfo .upper {

    height: 4.1rem;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: .81rem 0;

    border-bottom: .024rem solid #f1f1f1

}



.gbRecord .gbPdInfo .upper .gbPdImg {

    width: 4.1rem;

    height: 4.1rem;

    border: .024rem solid #edeef0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-right: .643rem;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.gbRecord .gbPdInfo .upper .gbDetail {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.gbRecord .upper .gbDetail .gbPdName {

    font-size: .571rem;

    color: rgba(53, 53, 53, 1);

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3

}



.gbRecord .upper .gbDetail .gbPdPrice {

    font-size: .62rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.gbRecord .upper .gbDetail .gbPdPrice .plaque {

    width: auto;

    height: .67rem;

    border-radius: .12rem;

    font-size: .476rem;

    color: rgba(255, 255, 255, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    top: .08rem;

    margin-right: .2rem;

    padding: 0 .19rem

}



.gbRecord .gbPdInfo .under {

    height: 1.809rem;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.gbRecord .gbPdInfo .under .indicator {

    font-size: .524rem

}



.gbRecord .gbPdInfo .under .btnPanel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.gbRecord .under .btnPanel .btn {

    width: 3.047rem;

    height: 1.024rem;

    border: .024rem solid rgba(192, 192, 192, 1);

    border-radius: .12rem;

    font-size: .524rem;

    color: rgba(102, 102, 102, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer

}



.gbRecord .under .btnPanel .btn.orderBtn {

    margin-right: .404rem

}



.promWelcome {

    position: relative;

    background-color: #fff;

    height: 30rem;

    overflow-y: scroll

}



.promPoster {

    background: url(/image/promoter/1.png?v=201807301313) no-repeat;

    background-size: contain;

    height: 8rem

}



.promWelcomeTxt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: auto;

    padding: 1.65rem 1rem 1.65rem 1rem;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: 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

}



.promBtnWrapper {

    margin: 1rem 0;

    width: 100%;

    height: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.form .promBtnWrapper .promInterBtn {

    color: #fff

}



.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

}



.promoPageBg {

    height: 100vh

}



.gradientBg {

    width: 100%;

    height: 4.7rem;

    background-image: -webkit-gradient(linear, left top, right bottom, from(#337bfe), to(#3bb6ff));

    background-image: linear-gradient(to bottom right, #337bfe, #3bb6ff);

    position: absolute;

    top: 2.2rem;

    left: 0;

    z-index: 0;

    border-top: .025rem solid rgba(255, 255, 255, .1)

}



.promoPageHeader {

    background: #fff;

    width: 15rem;

    height: 7.3rem;

    margin: auto;

    border-radius: .4rem;

    margin-top: 1rem;

    z-index: 1;

    position: relative

}



.promoPageHeader .upperPanel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 1.25rem .95rem .45rem 1.25rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative

}



.promoPageHeader .upperPanel .withdrawable {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: left;

    -ms-flex-align: left;

    align-items: left

}



.promoPageHeader .upperPanel .withdrawableTxt {

    font-size: .55rem;

    color: #999

}



.promoPageHeader .upperPanel .withdrawableAmount {

    font-size: 1.15rem;

    color: #333;

    margin-top: .6rem

}



.promoPageHeader .upperPanel .withdrawBtn {

    width: 3.25rem;

    height: 1.3rem;

    color: #fff;

    font-size: .6rem;

    border-radius: 50px;

    text-align: center;

    line-height: 1.3rem;

    position: absolute;

    right: 1.25rem;

    cursor: pointer;

    bottom: .7rem

}



.promoPageHeader .seperateLine {

    height: 1px;

    width: 14rem;

    background: #f2f2f2;

    margin: auto

}



.promoPageHeader .lowerPanel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: .4rem .95rem 0 1.25rem;

    width: 100%

}



.promoPageHeader .lowerPanel .infoPanel, .promoPageHeader .lowerPanel .lefty {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: left;

    -ms-flex-align: left;

    align-items: left;

    width: 50%

}



.promoPageHeader .compartment .minorTitle {

    font-size: .55rem;

    color: #999

}



.promoPageHeader .compartment .minorTxt {

    font-size: 1rem;

    margin-top: .5rem;

    color: #353535;

    line-height: .4rem

}



.promoPageHeader .lowerPanel .verticalSeperateLine {

    height: 2.3rem;

    width: 1px;

    position: relative;

    background: #f2f2f2;

    top: -.35rem

}



.promoPageHeader .lowerPanel .righty {

    width: 50%;

    margin-left: .75rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoPageHeader .lowerPanel .infoPanel {

    width: 100%

}



.promoPageHeader .righty .icon-arrowIcon {

    font-size: 1.3rem;

    position: relative;

    top: .4rem;

    left: .2rem

}



.promoPageHeader .righty .icon-arrowIcon:before {

    content: "\ea9e";

    color: #c8c8c8

}



.promoPageFeaturesEntry {

    margin-top: .4rem;

    margin-bottom: .4rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    height: 4.4rem;

    background: #fff

}



.promoPageFeaturesEntry .promoPageFeature {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    background: #fff

}



.promoPagePosters .promoPoster {

    width: 7.25rem;

    height: 3.3rem;

    margin-left: .5rem;

    margin-top: .5rem;

    display: inline-block;

    cursor: pointer;

    border: .025rem solid rgba(238, 238, 238, 1)

}



.promoPoster .left {

    float: left;

    display: inline-block;

    width: 3rem;

    margin-top: .75rem;

    margin-left: .45rem

}



.promoPoster .left .title {

    font-size: .65rem;

    color: #353535;

    font-weight: 500

}



.promoPoster .left .desc {

    font-size: .525rem;

    color: #9c9c9c;

    margin-top: .25rem

}



.promoPoster .right {

    display: inline-block;

    width: 3.8rem;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center

}



.promoPoster:last-child {

    margin-bottom: .5rem

}



.icon-promoterForward {

    font-size: .325rem;

    position: relative;

    top: -.04rem;

    left: .1rem

}



.icon-promoterForward:before {

    content: '\b0362'

}



.promoPagePosters #promotePd .right {

    background-image: url(/image/promoter/promotePd.png?v=201907311250);

    background-size: 3.525rem 1.95rem

}



.promoPagePosters #promoteAll .right {

    background-image: url(/image/promoter/promoteAll.png?v=201907311250);

    background-size: 3.55rem 1.925rem

}



.promoPagePosters #inviteFriend .right {

    background-image: url(/image/promoter/inviteFriend.png?v=201907311250);

    background-size: 3.1rem 2.225rem

}



.promoPagePosters #preTip .title {

    width: 4rem;

    color: #9c9c9c

}



.promoterPdPage {

    background: #f5f5f5

}



.promoterSearchInputCon {

    width: calc(100% - 1.28rem);

    position: fixed;

    z-index: 999;

    top: 2.325rem;

    padding: .43rem .64rem;

    background: #fff

}



.promoterSearchInputCon .searchInput {

    width: 14.72rem;

    height: 1.63rem;

    background: rgba(244, 244, 244, 1);

    border: none;

    border-radius: 1rem;

    padding-left: 1.55rem;

    font-size: .6rem

}



.promoterSearchInputCon .searchInput:focus {

    border: none;

    outline: 0

}



.promoterSearchInputCon .searchInputBox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative;

    z-index: 999

}



.promoterSearchInputCon .searchSvg {

    position: absolute;

    left: .55rem;

    width: .68rem;

    height: .68rem

}



.promoterSearchInputCon .icon-delete {

    position: absolute;

    right: 1.93rem;

    width: .68rem;

    height: .68rem;

    display: none

}



.promoterSearchInputConsssss .jzm-v25 {

    width: .68rem;

    height: .68rem

}



.promoterSearchInputCon .historyTopicWrap {

    top: 0;

    font-size: .6rem;

    color: #333

}



.promoterSearchInputCon .historyTopicWrap .pdHeader {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.promoterSearchInputCon .historyTopicWrap .historyLabel {

    margin-top: .43rem

}



.promoterSearchInputCon .historyTopicWrap .historyLabel .topicItem {

    font-size: .51rem;

    border: none;

    background-color: #f7f7f7;

    border-radius: 1rem;

    padding: .23rem .43rem;

    margin: 0 .34rem .43rem 0;

    color: #353535

}



.promoterSearchInputCon .historyTopicWrap .deleteSvg {

    width: .68rem;

    height: .68rem;

    fill: #ccc

}



.promoterSearchInputCon .pdSearchBtn {

    font-size: .64rem;

    margin-left: .28rem;

    white-space: nowrap

}



.promoterPdFilterContain {

    position: fixed;

    top: 5.164rem;

    width: 100%;

    max-width: 16rem;

    z-index: 999

}



.promoterPdFilterContain .promoterPdFilter {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    height: 2.356rem;

    line-height: 2rem;

    font-size: .6rem;

    color: rgba(133, 133, 133, 1);

    border-bottom: .025rem solid #eee;

    position: relative;

    background: #fff

}



.promoterPdFilterContain .filterItem {

    position: relative

}



.filterItemAsce {

    display: inline-block;

    width: 0;

    height: 0;

    border: .2rem solid transparent;

    border-bottom-color: #858585;

    position: absolute;

    top: .55rem;

    margin-left: .2rem

}



.filterItemDesc {

    display: inline-block;

    width: 0;

    height: 0;

    border: .2rem solid transparent;

    border-top-color: #858585;

    position: absolute;

    top: 1.1rem;

    margin-left: .2rem

}



.promoterPdFilterContain .promoterPdFilter .select {

    color: #f23030

}



.promoterPdFilterContain .promoterPdFilter .asceSelect {

    border-left-color: transparent;

    border-top-color: transparent;

    border-right-color: transparent

}



.promoterPdFilterContain .promoterPdFilter .descSelect {

    border-left-color: transparent;

    border-bottom-color: transparent;

    border-right-color: transparent

}



.promoterPdPage .promoterPdLoading {

    background: url(/image/loading/loading_2.gif?v=201807301313) no-repeat;

    height: 1.4rem;

    margin: 0 auto;

    width: 1.4rem;

    margin-top: 4rem;

    min-height: 14rem

}



.promoterPdPage .promoterPdEmpty {

    background: url(/image/promoter/promotePdEmpty.png?v=201807301313) no-repeat;

    width: 6.725rem;

    height: 5.1rem;

    background-size: 100%;

    margin: 0 auto;

    margin-top: 4rem;

    display: none

}



.promoterPdPage .promoterPdEmptyTip {

    font-size: .6rem;

    color: #353535;

    text-align: center;

    margin-top: .5rem;

    margin-bottom: 8rem;

    display: none

}



.promoterPdPage .promoterPdList {

    background: #fff;

    padding-top: 5.57rem

}



.promoterPdPage .searchEmpty {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 3.9rem;

    padding-bottom: 2rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.promoterPdPage .searchEmpty .searchImg {

    background: url(/image/promoter/searchEmpty.png?v=202008121347) no-repeat;

    background-size: 100%;

    width: 11.58rem;

    height: 6.81rem

}



.promoterPdPage .searchEmpty .searchTip {

    font-size: .6rem;

    font-weight: 400;

    color: rgba(153, 153, 153, 1);

    line-height: .47rem;

    margin-top: 1.11rem

}



.promoterPdPage .searchEmpty .searchBtn {

    width: 6.4rem;

    height: 1.71rem;

    border-radius: 1rem;

    color: #fff;

    margin-top: .81rem;

    line-height: 1.71rem;

    text-align: center

}



.promoterPdPage .promoterPdList .promotePdItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoterPdPage .promoterPdList .promotePdItem {

    margin-top: .5rem

}



.promoterPdPage .promoterPdList .promotePdItem .left {

    width: 5rem;

    height: 5rem;

    float: left;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.promoterPdList .promotePdItem .left .promotePdPic {

    max-width: 100%;

    max-height: 100%;

    height: auto;

    margin-left: .5rem;

    border-radius: .21rem

}



.promoterPdList .promotePdItem .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 9.325rem;

    padding-left: .675rem;

    position: relative

}



.promoterPdList .promotePdItem .shareCon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #fff;

    padding: 0 .38rem;

    border-radius: .49rem;

    height: .98rem;

    margin-left: auto;

    margin-top: .21rem;

    white-space: nowrap;

    font-size: .55rem

}



.promoterPdList .promotePdItem .shareSvg {

    width: .6rem;

    height: .6rem;

    fill: #fff;

    margin-right: .23rem

}



.promotePdItem .right .pdName {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #2d2e2e;

    font-size: .6rem;

    margin-bottom: .325rem;

    max-height: 1.6rem;

    margin-top: .35rem

}



.promotePdItem .right .commissionTipBg {

    font-size: .45rem;

    display: inline-block;

    max-width: 8.1rem;

    border-radius: .3375rem;

    height: .675rem;

    line-height: .7rem;

    padding-left: .35rem;

    padding-right: .35rem;

    margin-bottom: .85rem;

    position: absolute;

    left: 0;

    top: 0;

    opacity: .1

}



.promotePdItem .right .commissionTip {

    font-size: .45rem;

    display: inline-block;

    max-width: 8.1rem;

    border-radius: .3375rem;

    height: .675rem;

    line-height: .7rem;

    padding-left: .35rem;

    padding-right: .35rem;

    margin-bottom: .85rem;

    position: relative

}



.promotePdItem .right .mallPrice {

    color: #2b2b2b;

    font-size: .7rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.promotePdItem .right .smallPrice {

    font-size: .47rem

}



.promoterPdPage .promoterPdList .promotePdItem:last-child {

    margin-bottom: .5rem

}



.aPromoOrder {

    background-color: #fff;

    margin-bottom: .4rem;

    position: relative

}



.ownOrderIcon {

    display: inline-block;

    color: #fff;

    width: 1.15rem;

    height: .5rem;

    border-top-right-radius: .25rem;

    border-bottom-right-radius: .25rem;

    border-top-left-radius: .25rem;

    background: #ff5135;

    font-size: .4rem;

    text-align: center;

    line-height: .5rem;

    vertical-align: middle;

    margin-left: .1rem;

    margin-bottom: .08rem

}



.promoOrderHeader {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.promoteContainer {

    background-color: #f4f4f4;

    border-top: 1px solid #eee;

    height: 100%

}



.promoteTabList {

    width: 16rem;

    height: 2.13rem;

    line-height: 2.13rem;

    background-color: #fff;

    position: relative

}



.promoteTabList .promoteTab {

    text-align: center;

    width: 50%;

    float: left;

    height: 2.13rem;

    line-height: 2.13rem;

    font-size: .64rem;

    color: #353535;

    position: relative;

    background-color: #fff

}



.promoteTabList .promoteSelected {

    width: .94rem;

    height: .13rem;

    border-radius: .13rem;

    margin-top: -.13rem;

    background-color: #ff5135;

    position: absolute;

    right: calc(50% - .47rem)

}



.promoteEmptyListImg {

    width: 6.93rem;

    height: 7.25rem;

    position: absolute;

    top: 4.69rem;

    left: 52%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.promoteEmptyListTxt {

    position: absolute;

    top: 11.84rem;

    width: 100%;

    font-size: .6rem;

    color: #666;

    text-align: center

}



.promoteOwnOrder {

    display: inline-block;

    color: #fff;

    width: 1.15rem;

    height: .51rem;

    border-top-right-radius: .26rem;

    border-bottom-right-radius: .26rem;

    border-top-left-radius: .26rem;

    background: #ff7214;

    font-size: .38rem;

    text-align: center;

    line-height: .51rem;

    vertical-align: middle;

    margin-left: .21rem;

    margin-bottom: .17rem

}



.promoteOrderList {

    margin-top: .34rem

}



.promoteOrderList_line {

    width: 14.29rem;

    padding: 0 .64rem;

    margin-bottom: .38rem;

    background-color: #fff;

    border-radius: 8px;

    margin-left: .21rem

}



.promoteOrderList_line .promoteLine_title {

    height: 2.13rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .6rem;

    border-bottom: .02rem solid #eee

}



.promoteOrderList_line .promoteLine_title .promoteOrderStatus {

    color: #ff5135

}



.promoteOrderList_line .promoteLine_left_block {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoteOrderList_line .promoteHeadPic {

    width: 1.49rem;

    height: 1.49rem;

    border-radius: 50%;

    margin-right: .3rem;

    margin-top: .09rem

}



.promoteOrderList_line .promoteNickname {

    color: #353535

}



.promoteOrderList_line .promoteOrderTime {

    font-size: .47rem;

    color: #878787

}



.promoteOrderList_line .promoteDone {

    color: #49b343 !important;

    font-size: .6rem

}



.promoteOrderList_line .promoteClose {

    color: #999 !important;

    font-size: .6rem

}



.promoteOrderList_line .promoteStatusRight {

    position: absolute;

    right: .9rem

}



.promoteOrderList_line .promoteReal_pay_text {

    margin-left: 0

}



.promoteOrderList_line .promoteReal_pay_num {

    margin-right: .43rem;

    margin-top: .11rem

}



.promoteOrderList_line .promoteMoney_num_small {

    font-size: .51rem;

    margin-top: .13rem

}



.promoteOrderList_line .promoteItem_scroll {

    padding-top: .43rem;

    white-space: nowrap;

    position: relative;

    padding-bottom: .43rem;

    border-bottom: .02rem solid #ededed;

    cursor: pointer

}



.promoteOrderList_line .promoteLine_items {

    display: inline-block;

    padding: 0 .17rem

}



.promoteOrderList_line .promoteLine_items_no_scroll {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoteOrderList_line .promoteProduct_pic {

    width: 3.41rem;

    height: 3.41rem;

    border-radius: .21rem;

    margin-top: .17rem

}



.promoteOrderList_line .promotePd_scroll {

    width: 14.29rem

}



.promoteOrderList_line .promotePd_no_scroll {

    width: 11.73rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.promoteOrderList_line .promoteProduct_container {

    background: #fff;

    border-radius: .11rem;

    overflow: hidden

}



.promoteOrderList_line .promoteItem_scroll_right {

    top: 0;

    right: 0;

    font-size: .55rem;

    color: #353535;

    position: absolute;

    float: right;

    width: 2.41rem;

    height: 4.39rem;

    background: #fff;

    text-align: center;

    opacity: .92

}



.promoteOrderList_line .promoteItem_scroll_right_text {

    margin-top: 1.83rem

}



.promoteOrderList_line .promoteLine_item2_flow {

    height: 3.75rem

}



.promoteProduct_name {

    width: 7.81rem;

    color: #353535;

    font-size: .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: left;

    -ms-flex-pack: left;

    justify-content: left;

    white-space: normal;

    word-break: break-all;

    margin-left: .43rem

}



.promoteOrderList_line .promoteFlow_btn {

    position: absolute;

    right: .85rem;

    width: 3.33rem;

    height: 1.28rem;

    background: rgba(255, 255, 255, 1);

    border: .04rem solid rgba(251, 111, 39, 1);

    border-radius: .64rem;

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(255, 81, 53, 1);

    text-align: center;

    margin-top: -.3rem

}



.promoteOrderList_line .promoteSee_flow {

    margin-top: .26rem

}



.promoteOrderList_line .promoteClose_reason {

    color: #353535;

    font-size: .6rem;

    position: absolute;

    right: .85rem;

    margin-top: -.4rem

}



.promoteOrderList_line .promoteOrderFigure {

    width: 100%

}



.promoteOrderList_line .promoteFigure-item {

    width: 90%;

    height: 1.96rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.promoteOrderList_line .promoteFigure-item .promoteFigure-num {

    font-size: .64rem;

    text-align: center;

    color: #ff5135;

    margin-left: -.32rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: .04rem

}



.promoteOrderList_line .promoteFigure-item .promoteFigure-text {

    font-size: .6rem;

    color: #353535;

    text-align: center;

    margin-top: .11rem

}



.promoteOrderList_line .hiddenScrollBar {

    position: absolute;

    width: 100%;

    height: .25rem;

    background-color: #fff;

    margin-top: -.2rem

}



.aItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    width: 100%

}



.aItem .itemWrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    height: 4.5rem;

    padding: 0 .75rem 0 .75rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.itemWrapper .itemImg {

    width: 3.5rem;

    height: 3.5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 1px solid #eee;

    border-radius: 4px;

    -o-object-fit: contain;

    object-fit: contain;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.itemWrapper .itemInfo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.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: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoOrderFooter .promoOrderTotalPrice {

    width: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-right: 1px solid #eee;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: 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%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: 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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    margin-bottom: .4rem

}



.promoOrdersSwitch .switches {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: .7rem;

    color: #999;

    height: inherit;

    padding: 0 3rem 0 3rem

}



.promoOrdersSwitch .switches .myOrders, .promoOrdersSwitch .switches .othersOrders {

    height: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer

}



.promoOrdersSwitch .switches .highlight {

    color: #333

}



.promoOrdersSwitch .switchUnderline {

    display: inline-block;

    width: .9rem;

    height: .1rem;

    position: relative;

    left: 3.95rem;

    -webkit-transition: left .5s cubic-bezier(.175, .885, .32, 1.325);

    transition: left .5s cubic-bezier(.175, .885, .32, 1.325)

}



.promoOrderListWrapper {

    display: none

}



.invitationWrapper {

    background: #fff

}



.invitationWrapper .aInvitee {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    height: 2.55rem;

    padding: 0 1.5rem 0 1.5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-bottom: 1px solid #eee;

    box-sizing: border-box

}



.invitationWrapper .aInvitee .leftPart {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.invitationWrapper .aInvitee .leftPart .inviteeAvator {

    border: 1px solid #eee;

    border-radius: 50%;

    -o-object-fit: contain;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 2.75rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 .9rem 0 .9rem;

    border-bottom: 1px solid #eee

}



.aFlow .leftPart {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 3rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 .9rem 0 .9rem;

    border-bottom: 1px solid #eee;

    cursor: pointer

}



.aWithdraw .rightPart {

    height: 2.5rem

}



.aWithdraw .leftPart {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    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: -.75rem;

    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

}



.aWithdraw .withDrawMsg {

    color: #999;

    font-size: .5rem;

    margin-bottom: .2rem

}



.withdrawDetail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column

}



.withdrawBg {

    height: 8.3rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%

}



.withdrawBgSucColor {

    background: -webkit-gradient(linear, left top, left bottom, from(#2ac073), to(#1db475));

    background: linear-gradient(180deg, #2ac073 0, #1db475 100%)

}



.withdrawBgFaiColor {

    background: -webkit-gradient(linear, left top, left bottom, from(#ff6864), to(#ff525c));

    background: linear-gradient(180deg, #ff6864 0, #ff525c 100%)

}



.withdrawBg .withdrawTitleWrapper {

    width: 5rem;

    height: 4.2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.withdrawBg .withdrawTitleWrapper .withdrawIcon {

    width: 3.5rem;

    height: 3.5rem;

    display: inline-block

}



.withdrawBg .withdrawTitleWrapper .withdrawIcon.succ {

    background: url(/image/promoter/12.png?v=202106091323) no-repeat;

    background-size: contain

}



.withdrawBg .withdrawTitleWrapper .withdrawIcon.fail {

    background: url(/image/promoter/13.png?v=202106091323) no-repeat;

    background-size: contain

}



.withdrawBg .withdrawTitleWrapper .withdrawTxt {

    font-size: .7rem;

    color: #fff

}



.withdrawInfo {

    background: #fff;

    width: 15rem;

    height: 9.6rem;

    -webkit-box-sizing: border-box;

    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;

    -webkit-box-sizing: border-box;

    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: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.withdrawInfo .withdrawInfoBody {

    padding: 1.05rem 1.05rem 1.05rem 1.05rem;

    font-size: .6rem;

    color: #333;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 6.2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.withdrawInfo .withdrawInfoBody .applyAmount .succ {

    color: #4ab344;

    position: relative;

    left: -.29rem;

    font-size: .6rem

}



.withdrawInfo .withdrawInfoBody .applyAmount .price {

    font-size: .68rem

}



.withdrawInfo .withdrawInfoBody .applyAmount .fail {

    color: #ff7214;

    position: relative;

    left: -.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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    background: #fff

}



.withdrawForm {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.withdrawForm .withdrawFormCtrl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 2.25rem;

    border-bottom: 1px solid #eee;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    padding-left: .625rem;

    padding-right: .625rem

}



.withdrawForm .withdrawFormCtrl .ctrlBadge {

    font-size: .6rem;

    color: #333

}



.withdrawForm .withdrawFormCtrl input {

    outline: 0;

    border: none;

    font-size: .6rem;

    color: #333;

    text-align: right

}



.withdrawForm .withdrawFormCtrl input::-webkit-input-placeholder {

    font-size: .6rem;

    color: #999

}



.withdrawForm .withdrawFormCtrl input:-ms-input-placeholder {

    font-size: .6rem;

    color: #999

}



.withdrawForm .withdrawFormCtrl input::-ms-input-placeholder {

    font-size: .6rem;

    color: #999

}



.withdrawForm .withdrawFormCtrl input::placeholder {

    font-size: .6rem;

    color: #999

}



.withdraw .withdrawFormFooter {

    font-size: .5rem;

    color: #999;

    -ms-flex-item-align: start;

    align-self: flex-start;

    text-align: center;

    width: 100%;

    margin-bottom: 1.75rem

}



.withdraw .withdrawBtn {

    display: inline-block;

    width: 15rem;

    height: 1.9rem;

    border-radius: .15rem;

    color: #fff;

    text-align: center;

    line-height: 1.9rem;

    margin: .07rem auto .7rem;

    cursor: pointer

}



.withdraw .manualPanel {

    width: 90%

}



.withdraw .alipayPanel, .withdraw .memberDepositPanel, .withdraw .wechatPanel {

    display: none;

    width: 100%

}



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

    -webkit-box-sizing: border-box;

    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: -.02rem;

    left: .1rem

}



.withdraw .cashContent {

    width: 100%

}



.withdraw .cashContent .withdrawFormCtrl .ctrlVal input {

    text-align: left;

    font-size: 1.8rem;

    width: 12rem;

    display: inline-block;

    padding-left: 0;

    height: 1.4rem;

    margin-bottom: 8px

}



.onlinePayType .wxPayIcon:before {

    content: "\eaa5";

    color: #75d42f

}



.onlinePayType .otherPayIcon:before {

    content: "\b0379";

    color: #ffab42

}



.onlinePayType .memberDepositSettleIcon:before {

    content: "\b0379";

    color: #ffab42

}



.withdraw .cashContent .withdrawFormCtrl .ctrlVal .amountField::-webkit-input-placeholder {

    line-height: 4.8

}



.withdraw .cashContent .withdrawFormCtrl .ctrlVal .amountField::-moz-placeholder {

    line-height: 4.8

}



.withdraw .cashContent .withdrawFormCtrl .ctrlVal .amountField::-moz-placeholder {

    line-height: 4.8

}



.withdraw .cashContent .withdrawFormCtrl .ctrlVal .amountField::-ms-input-placeholder {

    line-height: 4.8

}



.withdraw .cashContent .cashTitle {

    border-bottom: none;

    height: 1.8rem

}



.withdraw .cashContent .cashRmb {

    color: #000;

    font-size: 1.1rem

}



.withdraw .remarkContent {

    border-bottom: none;

    -webkit-box-align: unset;

    -ms-flex-align: unset;

    align-items: unset;

    margin-top: .55rem

}



.withdraw .remarkContent .ctrlVal {

    width: 100%;

    position: relative

}



.withdraw .remarkContent input {

    text-align: left;

    font-size: .55rem;

    color: #333;

    margin-top: -.6rem;

    text-align: left;

    width: 14rem

}



.withdraw .remarkContent input::-webkit-input-placeholder {

    font-size: .55rem

}



.withdraw .remarkContent input::-moz-placeholder {

    font-size: .55rem

}



.withdraw .remarkContent input::-moz-placeholder {

    font-size: .55rem

}



.withdraw .remarkContent input::-ms-input-placeholder {

    font-size: .55rem

}



.withdraw .icon-clearRemark {

    color: #ccc;

    position: absolute;

    right: 0;

    top: .15rem;

    display: none

}



.withdraw .icon-clearRemark:before {

    content: "\eaaf"

}



.posterHeader {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    height: 4.65rem;

    background: #fff;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: .4rem

}



.posterHeader .iconPart {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: .6rem 1.5rem 0 1.5rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    height: 3.2rem;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.posterHeader .iconPart .iconIndicator {

    display: inline-block;

    width: 1.7rem;

    height: 1.7rem;

    font-size: .75rem;

    font-weight: 700;

    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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.posterHeader .txtPart {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    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: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    padding-top: .6rem;

    background: #fff

}



.posterBody .actualPoster {

    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, .1);

    -webkit-border-shadow: 0 4px 15px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1);

    box-shadow: 0 4px 15px rgba(0, 0, 0, .1)

}



.posterBody .actualPoster.promoPoster {

    background-size: contain

}



.posterBody .actualPoster.invitePoster {

    background-size: contain

}



.posterBody .posterBodyBtn {

    display: inline-block;

    width: 15rem;

    height: 1.9rem;

    color: #999;

    text-align: center;

    line-height: 1.9rem;

    margin: 1.5rem auto;

    font-size: .65rem

}



.withdrawSubmitSucc {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    background: #fff

}



.withdrawSubmitSucc .withdrawSubMain {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: 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;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-bottom: 1px #eee dashed;

    height: 2.3rem;

    width: 90%;

    margin: 0 auto;

    padding-top: .1rem

}



.promoEmpty {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: 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

}



.promoCustomerEmpty .promoEmptyIcon {

    background: url(/image/promoter/customerEmpty.png?v=201812051352) no-repeat;

    background-size: contain;

    height: 11rem;

    width: 10.7rem

}



.promoShareIconWrapper .style1 {

    display: inline-block;

    position: fixed;

    width: 2.7rem;

    height: 2.183rem;

    z-index: 9999;

    bottom: 7.7rem;

    background: url(/image/promoter/btnStyle1.gif?v=201909111257) no-repeat;

    background-size: auto 100%;

    cursor: pointer;

    margin-left: -2.85rem

}



.promoShareIconWrapper .style2 {

    display: inline-block;

    position: fixed;

    width: 1.22rem;

    height: 1.127rem;

    z-index: 9999;

    bottom: 7.7rem;

    background: url(/image/promoter/btnStyle2.gif?v=201909111257) no-repeat;

    background-size: auto 100%;

    cursor: pointer;

    margin-left: -1.85rem

}



.promoShareIconWrapper .style3 {

    position: fixed;

    width: 2.066rem;

    height: 2.066rem;

    z-index: 9999;

    bottom: 7.7rem;

    cursor: pointer;

    margin-left: -2.85rem;

    display: inline-block;

    font-size: 12px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: linear-gradient(-42deg, rgba(43, 43, 43, 1), rgba(121, 121, 121, 1));

    -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .15);

    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .15);

    color: #fff;

    border-radius: 50%

}



.promoShareIconWrapper .style3 .style3Con {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.promoShareIconWrapper .style3 .icon-clickIcon:before {

    content: "\ea9e";

    color: #fff;

    margin-left: -5px

}



.promoShareIconWrapper .style3 .icon-clickIcon {

    width: .7rem;

    height: 22px;

    font-size: 24px

}



.productNewDetail .productPrice .mallPrice {

    display: inline-block

}



.productPrice .memberPricePd {

    padding: 3px 4px;

    border: 1px solid;

    margin-left: 12px;

    font-size: 12px;

    display: inline-block;

    vertical-align: text-bottom;

    margin-bottom: 2px;

    position: relative

}



.productPrice .memberPricePd .p1 {

    border: 1px solid;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: 4px;

    height: 9px;

    position: absolute;

    left: -1px;

    top: 4px;

    background: #fff;

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.productPrice .memberPricePd .p2 {

    padding: 0 4px

}



.productPrice .memberPricePd .p3 {

    border: 1px solid;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: 4px;

    height: 9px;

    position: absolute;

    right: -1px;

    top: 4px;

    background: #fff

}



.productPrice .backMoneyBg {

    position: absolute;

    opacity: .1;

    padding: 3px 8px;

    font-size: 12px;

    margin-left: 14px;

    vertical-align: text-bottom;

    margin-bottom: 2px;

    white-space: nowrap;

    left: 0;

    bottom: 1px

}



.productPrice .style3.backMoneyBg {

    position: absolute;

    opacity: .1;

    padding: 3px 16px;

    font-size: 12px;

    margin-left: 14px;

    white-space: nowrap;

    vertical-align: text-bottom;

    margin-bottom: 2px;

    left: 0;

    top: -2px

}



.productPrice .backMoney {

    padding: 2px 4px;

    font-size: 12px;

    display: inline-block;

    margin-left: 14px;

    vertical-align: text-bottom;

    white-space: nowrap;

    margin-bottom: 2px;

    position: relative

}



.productPrice .backMoney.style1 {

    position: relative;

    border: 1px solid

}



.productPrice .backMoney.style1 .p1 {

    border: 1px solid;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: 4px;

    height: 9px;

    position: absolute;

    left: -1px;

    top: 4px;

    background: #fff;

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.productPrice .backMoney.style1 .p2 {

    padding: 0 4px

}



.productPrice .backMoney.style1 .p3 {

    border: 1px solid;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: 4px;

    height: 9px;

    position: absolute;

    right: -1px;

    top: 4px;

    background: #fff

}



.productPrice .backMoney.style2 {

    padding: 3px 4px;

    position: relative;

    border: 1px solid;

    vertical-align: text-bottom

}



.productPrice .backMoney.style2 .p1 {

    border: 1px solid;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: 4px;

    height: 9px;

    position: absolute;

    left: -1px;

    top: 4px;

    background: #fff;

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.productPrice .backMoney.style2 .p2 {

    padding: 0 4px

}



.pproductPrice .backMoney.style3 .p2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.productPrice .backMoney.style2 .p3 {

    border: 1px solid;

    border-radius: 100% 0 0 100%/50%;

    border-right: none;

    width: 4px;

    height: 9px;

    position: absolute;

    right: -1px;

    top: 4px;

    background: #fff

}



.productPrice .backMoney .icon-money:before {

    content: "\eaab";

    font-size: 18px;

    font-weight: bolder

}



.productPrice .backMoney .moneyCoin {

    margin-right: 4px;

    display: inline-block;

    vertical-align: middle

}



.productPrice .backMoney.style3 {

    padding-top: 3px

}



.productPrice .backMoney.style3 .p2 {

    vertical-align: middle

}



@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

    }

    100%, 90.8% {

        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

    }

    100%, 90.8% {

        background-position: -28.8rem 0

    }

}



.promInvalidPage {

    width: 100%;

    height: 100%;

    position: relative;

    text-align: center;

    margin-bottom: 6rem

}



.promInvalidPage .img {

    margin: 0 auto;

    margin-top: 2rem;

    display: block

}



.promInvalidPage .text {

    font-size: .6rem;

    color: #353535;

    text-align: center

}



.customerPanel {

    background: #fff;

    width: 100%;

    height: auto

}



.customerPanel .aCus {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 3.55rem;

    width: 100%;

    border-bottom: 1px solid #eee

}



.customerPanel .aCus .imgWrapper {

    width: 1.625rem;

    height: 1.625rem;

    border-radius: 100%;

    border: 1px solid #eee;

    overflow: hidden;

    margin: 0 .6rem 0 .6rem

}



.customerPanel .aCus img {

    width: 1.625rem;

    height: 1.625rem

}



.customerPanel .aCus .name {

    font-size: .6rem;

    color: #333;

    width: 5rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.customerPanel .aCus.expired .name {

    width: 2.5rem

}



.customerPanel .aCus .expiredBadge {

    width: 1.7rem;

    height: .6rem;

    border-radius: 2px;

    font-size: .425rem;

    background: #ccc;

    text-align: center;

    line-height: .6rem;

    position: absolute;

    left: 5.5rem

}



.customerPanel .aCus .trophy {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: left;

    -ms-flex-align: left;

    align-items: left;

    position: absolute;

    right: .5rem;

    width: 36%

}



.customerPanel .trophy .orderSum {

    font-size: .55rem;

    color: #666;

    margin-bottom: .25rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.customerPanel .trophy .num {

    display: inline-block

}



.customerPanel .trophy .moneySum {

    font-size: .55rem;

    color: #666;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.customerPanel .trophy .moneySum .num {

    color: #4ab344

}



.customerPanel .trophy .shipSum {

    font-size: .45rem;

    color: #999;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-indent: .75rem

}



.customerPanel .trophy .shipSum .num {

    display: inline-block;

    text-indent: .1rem

}



.customerPanel .aCus.expired * {

    color: #999 !important

}



.customerPanel .aCus.expired img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



.pmWelBox {

    background: #fff;

    height: 30rem

}



.pmWel_showPic {

    width: 10.03rem;

    height: 8.213rem;

    background-size: contain;

    margin: 2.56rem auto .853rem

}



.pmWel_showPic.pic_noAuth {

    background-image: url(/image/promoter/apply/noAuth.png?v=201903201410)

}



.pmWel_showPic.pic_suc {

    background-image: url(/image/promoter/apply/suc.png?v=201903201410)

}



.pmWel_showPic.pic_fail {

    background-image: url(/image/promoter/apply/fail.png?v=201903201410)

}



.pmWel_showPic.pic_pass {

    background-image: url(/image/promoter/apply/pass.png?v=201903201410)

}



.pmWel_showPic_v2.pic_retreat {

    background-image: url(/image/promoter/apply/retreat.png?v=202006101442)

}



.pmWel_txt1 {

    font-size: .6rem;

    color: #333;

    height: .7rem;

    line-height: .7rem;

    text-align: center

}



.pmWel_txt2 {

    font-size: .5rem;

    color: #666;

    height: .6rem;

    line-height: .6rem;

    margin-top: .753rem;

    text-align: center

}



.promInterBtn.shortBtn {

    width: 7.253rem;

    margin-top: 2.133rem

}



.pmWel_showPic_v2 {

    width: 10.03rem;

    height: 7.05rem;

    background-size: contain;

    margin: 4rem auto 1.27rem

}



.pmWel_txt1_v2 {

    font-size: .7rem;

    color: rgba(101, 101, 101, 1);

    height: .7rem;

    line-height: .7rem;

    text-align: center

}



.promBtnWrapper .promInterBtn_v2 {

    display: inline-block;

    width: 7rem;

    height: 1.9rem;

    border-radius: 8px;

    font-size: .8rem;

    color: rgba(255, 255, 255, 1);

    cursor: pointer;

    text-align: center;

    line-height: 1.9rem;

    margin: 0 auto

}



.promBtnWrapper_v2 {

    margin: 1.25rem 0

}



.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 .f-mallCart, .mProductList .jz_productScr .textAlign_center .proListBookingBtn {

    position: absolute;

    right: 0;

    bottom: 0

}



.mProductList .jz_productScr .textAlign_center .proListBookingBtn {

    position: relative

}



.mProductList .proListBookingBtnWrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.mProductList .jz_productBigPicCardListForm .jz_productBigPicItem {

    border-radius: .29268rem;

    border: 1px solid #e6e6e6

}



.mProductList .jz_productBigPicCardListForm .jz_productScr {

    margin: .3rem

}



.mProductList .jz_productBigPicSimpleListForm .jz_productScr {

    margin: .3rem

}



.fk-formFold {

    overflow: hidden

}



.formStyle58 .formMiddleContent {

    margin-bottom: 0 !important

}



.fk-formFold .f-formFoldItem {

    overflow: hidden;

    height: auto

}



.fk-formFold .f-formFoldItem .f-formFoldContent {

    transition: height .5s;

    -moz-transition: all .5s ease;

    -webkit-transition: height .5s;

    -o-transition: height .5s

}



.fk-formFold .f-formFoldItem .f-formFoldContent {

    height: 0

}



.formStyle58.fk-nullModuleInFoldStyle .formBannerTitle {

    display: none

}



.fk-formFold .f-formFoldItem .f-formFoldContent .form {

    margin: 0;

    background: 0 0

}



#webContainerBox .fk-formFold .f-formFoldItem .f-formFoldContent .form .formBannerTitle {

    display: none !important

}



.fk-formFold .f-formFoldItem .f-formFoldButton {

    cursor: pointer;

    position: relative

}



.fk-formFold .f-formFoldItem .f-formFoldButton .f-formFoldButtonText {

    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;

    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: inherit

}



.fk-foldStyle1 .f-formFoldItem .f-formFoldButton .icon-fold:before {

    content: "\b0237";

    display: inline-block;

    -webkit-transition: all .2s;

    transition: all .2s;

    font-size: .5rem;

    position: absolute;

    top: 0

}



.fk-foldStyle1 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {

    -webkit-transform: rotate(90deg);

    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

}



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

    -webkit-transition: all .2s;

    transition: all .2s;

    font-size: .5rem;

    position: absolute;

    top: 0;

    color: #ccc

}



.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    color: #fff

}



.fk-foldStyle2 .f-formFoldItem .f-formFoldButton.active {

    color: #fff

}



.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

}



.fk-foldStyle3 .f-formFoldItem:last-child {

    border: none

}



.fk-foldStyle3 .f-formFoldItem .f-formFoldButton {

    height: 2.2rem;

    line-height: 2.2rem;

    padding-left: .8rem

}



.fk-foldStyle3 .f-formFoldItem .f-formFoldButton .icon-fold {

    display: inline-block;

    width: .6rem;

    height: .6rem;

    position: absolute;

    right: .6rem;

    top: .85rem

}



.fk-foldStyle3 .f-formFoldItem .f-formFoldButton .icon-fold:before {

    content: "\b0106";

    display: inline-block;

    -webkit-transition: all .2s;

    transition: all .2s;

    font-size: .6rem;

    position: absolute;

    top: 0

}



.fk-foldStyle3 .f-formFoldItem .f-formFoldButton.active .icon-fold:before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fk-formFold .f-formFoldItem .f-formFoldContent .formStyle2 .formMiddle {

    min-height: 1rem

}



.jz_popupZone_wrap {

    height: 100%;

    width: 100%;

    position: fixed;

    top: 0;

    background: rgba(0, 0, 0, .6);

    z-index: 9999

}



div.jz_popupZone_wrap .formStyle62, div.jz_popupZone_wrap .formStyle62 .formMiddle, div.jz_popupZone_wrap .jz_popupZone_content {

    height: 100%;

    background: 0 0;

    margin: 0;

    padding: 0;

    border: none;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



.jz_popupZoneWrap .fk-editor {

    color: #fff

}



.jz_popupZoneWrap, .jz_popupZoneWrap .f-formPopupZoneContent {

    position: relative;

    height: 100%;

    overflow-x: hidden;

    overflow-y: auto

}



#g_body.jz_popupZoneShow {

    overflow: hidden

}



.popupZoneCloseBtn {

    z-index: 8

}



.popupZoneCloseBtn .faisco-icons-M001039 {

    -webkit-transform: scale(.97);

    transform: scale(.97)

}



.webContainerBox div.formStyle62 .formMiddle {

    background: 0 0

}



.formStyle62 .formMiddle > .middleCenter, .formStyle62 .formMiddle > .middleCenter > .formMiddleContent {

    height: 100%;

    position: relative

}



.videoDialog {

    background-color: #000;

    height: 100%;

    width: 100%;

    position: fixed;

    -webkit-box-sizing: border-box;

    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: #fff;

    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, .4);

    border-radius: 1.1rem;

    color: #fff;

    text-align: center

}



.videoPlay:before {

    content: "\b0284";

    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;

    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%

}



.visualArea_leftTop {

    position: fixed;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    font-size: 0;

    margin: 0;

    padding: 0;

    z-index: 2

}



.visualArea_rightBottom {

    position: fixed;

    bottom: 0;

    right: 0;

    width: 0;

    height: 0;

    font-size: 0;

    margin: 0;

    padding: 0;

    z-index: 2

}



.m_mstlTopTipContain {

    background-color: #fef8eb;

    width: 100%;

    height: 1.5rem;

    line-height: 1.5rem;

    vertical-align: middle;

    text-align: center;

    display: block

}



.m_mstlTopTipContain .textOne {

    color: #f07e4c;

    font-size: .55rem;

    display: inline-block

}



.m_mstlTopTipContain .textTow {

    color: #5874d8;

    font-size: .55rem;

    text-decoration: underline;

    display: inline-block;

    cursor: pointer

}



.m_mstlTopTipContain.mstlTopTipContainBottom {

    margin-bottom: .38rem

}



.f_mapAuthSetting .mapAuthSettingContent {

    width: 11.95rem;

    height: 13.75rem;

    position: absolute;

    top: 7rem;

    left: 2rem;

    background-color: #fff;

    border-radius: .25rem;

    text-align: center

}



.f_mapAuthSetting .closeBtn {

    background: url(/image/share/gbsharehaibao_close.png) no-repeat;

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    display: block;

    width: .5rem;

    height: .5rem;

    margin: .5rem .7rem 0 0;

    float: right;

    cursor: pointer

}



.f_mapAuthSetting .img {

    background: url(/image/selfRaising/map_auth.png?v=201907311250) no-repeat;

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    width: 9.525rem;

    height: 6.475rem;

    margin: 1.25rem auto 0 auto

}



.f_mapAuthSetting .title {

    font-size: .625rem;

    color: #343434;

    margin-top: .8rem;

    height: .6rem;

    line-height: .6rem

}



.f_mapAuthSetting .message {

    font-size: .55rem;

    width: 9.375rem;

    margin: .4rem auto 0 auto;

    color: #a8a8a8

}



.f_mapAuthSetting .btnContain {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 1.875rem

}



.f_mapAuthSetting .cancel {

    display: inline-block;

    width: 50%;

    line-height: 1.875rem;

    border-top: .5px solid #d2d3d5;

    cursor: pointer;

    font-size: .725rem;

    color: #343434

}



.f_mapAuthSetting .access {

    display: inline-block;

    width: calc(50% - 1px);

    line-height: 1.875rem;

    border-top: .5px solid #d2d3d5;

    border-left: .5px solid #d2d3d5;

    cursor: pointer;

    font-size: .725rem;

    color: #007aff

}



.propListTab {

    height: 2rem;

    line-height: 2rem;

    background-color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.propListTab .outContain {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.propListTab .outContain .innerTitle {

    text-align: center;

    margin-left: 17.2%;

    margin-right: 17.2%;

    font-size: .625rem;

    margin-bottom: -3px;

    border-bottom-width: 3px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.propListTab .outContain[active=true] .innerTitle {

    border-bottom-style: solid

}



.propListTab .borderSpan {

    border: 1px solid #f2f2f2;

    height: 1.25rem;

    width: .4%

}



.fk_intraCityShipAddr {

    margin-bottom: .4rem

}



.fk_intraCityShipAddr_wrap {

    padding: 0 .85rem;

    background: #fff;

    padding-bottom: .4rem

}



.fk_intraCityShipAddr_user {

    height: 2rem;

    padding-right: .8rem;

    position: relative;

    font-size: 0

}



.fk_intraCityShipAddr_user_name, .fk_intraCityShipAddr_user_phone {

    display: inline-block;

    font-size: .6rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.fk_intraCityShipAddr_user_phone {

    float: right

}



.fk_intraCityShipAddr_user_phone_label, .fk_intraCityShipAddr_user_phone_number {

    display: inline-block;

    vertical-align: middle

}



.fk_intraCityShipAddr_user_phone_label {

    line-height: 2.6rem;

    margin: 0 0 0 .3rem;

    color: #fff;

    text-align: center;

    font-size: .35rem;

    width: 1.5rem;

    height: .75rem;

    line-height: .8rem;

    border-radius: .05rem

}



.fk_intraCityShipAddr_address {

    color: #666;

    font-size: 0;

    line-height: 1rem

}



.fk_intraCityShipAddr_address_icon, .fk_intraCityShipAddr_address_text {

    display: inline-block;

    vertical-align: middle;

    font-size: .6rem

}



.fk_intraCityShipAddr_address_text {

    word-break: break-all;

    width: 11.625rem;

    vertical-align: top;

    margin-top: -.125rem

}



.fk_intraCityShipAddr_address_text_content {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden

}



.selfRaisingMsg {

    background-color: #fff;

    margin-bottom: .35rem

}



.selfRaisingMsg .selfRaisingLine {

    border-bottom: 1px solid #f2f2f2;

    margin: 0 .75rem

}



.selfRaisingMsg .selfRaisingLine .selfRaisingMsgTitle {

    font-size: .6rem;

    height: 2.5rem;

    line-height: 2.5rem;

    color: #333

}



.selfRaisingMsg .selfRaisingLine .selfRaisingValue {

    padding-left: .4rem;

    border: none;

    background: 0 0;

    font-size: .6rem;

    color: #333;

    max-width: 9.5rem;

    width: 100%

}



.selfRaisingMsg .selfRaisingLine .selfRaisingPointNameContain {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    vertical-align: middle;

    margin-left: 13px

}



.selfRaisingMsg .selfRaisingLine .selfRaisingPointNameContain .selfRaisingPointDistance {

    font-size: .55rem;

    color: #9e9e9e

}



.selfRaisingMsg .selfRaisingLine .selfRaisingPointNameContain .selfRaisingPointName {

    font-size: .55rem;

    color: #333

}



.orderDetail .selfRaisingMsg #MDSelfRaisingPointInfo {

    height: 2.125rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 2.125rem;

    line-height: normal;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 .75rem;

    margin: 0

}



.orderDetail .selfRaisingLine_left, .orderDetail .selfRaisingLine_right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .6rem

}



.orderDetail .selfRaisingMsg #MDSelfRaisingPointInfo .selfRaisingMsgTitle {

    width: 3rem;

    line-height: normal;

    height: auto

}



.editPointInfo {

    display: none;

    background-color: #f7f7f7

}



.selfRaisingPointPanel {

    position: relative;

    cursor: pointer;

    font-size: .625rem;

    color: #333;

    background-color: #fff;

    width: 100%

}



.selfRaisingPointPanel .leftContain {

    display: inline-block;

    width: 7.5%

}



.selfRaisingPointPanel .leftContain .showMid {

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    color: #000

}



.selfRaisingPointPanel .centerContain {

    display: inline-block;

    width: 68%;

    height: 100%;

    margin-left: .725rem

}



.selfRaisingPointPanel .centerContain .pointName {

    font-size: .6rem;

    line-height: .6rem;

    font-weight: 700;

    margin-top: .75rem

}



.selfRaisingPointPanel .centerContain .pointAddr {

    font-size: .525rem;

    line-height: .6rem;

    margin-top: .425rem;

    word-break: break-all;

    -webkit-box-orient: vertical;

    display: -webkit-inline-box;

    overflow: hidden;

    -webkit-line-clamp: 2;

    color: #7f7f7f

}



.selfRaisingPointPanel .centerContain .pointPhoner {

    font-size: .525rem;

    line-height: .525rem;

    margin-top: .425rem;

    color: #7f7f7f

}



.selfRaisingPointPanel .rightContain {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-flex: 2;

    -ms-flex: 2 1;

    flex: 2 1;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    vertical-align: bottom;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 15%

}



.selfRaisingPointPanel .rightContain .distance {

    color: #7f7f7f;

    font-size: .525rem;

    position: absolute;

    top: .75rem;

    width: 19%;

    text-align: center

}



.selfRaisingPointPanel .rightContain .distanceTipContain {

    text-align: center

}



.selfRaisingPointPanel .rightContain .noneDistanceTipContain {

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    width: 19%

}



.selfRaisingPointPanel .rightContain .distanceTip {

    fill: #7f7f7f;

    width: .7rem;

    height: .7rem

}



.selfRaisingPointPanel .rightContain .distanceTipText {

    font-size: .5rem;

    height: .5rem;

    line-height: .3rem;

    color: #7f7f7f

}



.selfRaisingPointPanel .bottomLine {

    width: 15.35rem;

    border-bottom: 1px solid #f0f0f0;

    margin-left: .6rem;

    margin-top: .6rem

}



.selfRaisingPointPanel .pointCommonStyle {

    margin-left: .575rem;

    line-height: .8rem

}



.selfRaisingPointPanel .pointFirstList {

    margin-top: .75rem;

    font-weight: bolder;

    font-size: .6rem

}



.selfRaisingPointPanel .pointOtherList {

    font-size: .525rem;

    line-height: .525rem

}



.selfRaisingPointPanel .pointOtherList .pointAddrTemp {

    line-height: .8rem;

    width: 88%;

    float: left

}



.selfRaisingSelect {

    margin-left: .34rem;

    font-size: .875rem

}



.selfRaisingUnSelect {

    float: right;

    font-size: 1.2rem;

    width: 1rem;

    text-align: center;

    height: .78rem;

    line-height: .78em;

    margin-left: .21rem

}



.jz_mallTheme .pdMallAmountOver {

    width: 57.6%

}



#g_body .jz_mallTheme div.pdMallAmountOver.noServiceProduct {

    width: 68.8%

}



@media only screen and (min-width: 768px) {

    .visualArea_leftTop {

        left: calc(50% - 8rem)

    }



    .visualArea_rightBottom {

        right: calc(50% - 8rem)

    }

}



.formStyle63 .formMiddle, .formStyle65 .formMiddle, .formStyle66 .formMiddle, .formStyle67 .formMiddle, .formStyle68 .formMiddle, .formStyle69 .formMiddle, .formStyle70 .formMiddle, .formStyle71 .formMiddle {

    background: #f7f7f7 !important;

    margin-bottom: 0

}



li, ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.jz_vertical_group_has_photo .first_group, .jz_vertical_group_has_product .first_group, .jz_vertical_group_no_photo .first_group {

    position: relative;

    float: left;

    width: 3.875rem;

    height: 100%;

    background: #f8f8f8

}



.jz_vertical_group_has_product .first_panel {

    position: relative;

    margin-left: 4.375rem;

    margin-right: .5rem;

    overflow: hidden

}



.jz_landscape_group_has_photo .first_groupitem, .jz_landscape_group_has_product .first_groupitem {

    height: 2rem;

    line-height: 2rem;

    text-align: center;

    cursor: pointer

}



.jz_vertical_group_has_photo .first_groupitem, .jz_vertical_group_has_product .first_groupitem, .jz_vertical_group_no_photo .first_groupitem {

    height: 2.16rem;

    line-height: 2.16rem;

    text-align: center;

    cursor: pointer

}



.jz_vertical_group_has_photo .first_groupitem.selected, .jz_vertical_group_has_product .first_groupitem.selected, .jz_vertical_group_no_photo .first_groupitem.selected {

    background: #fff;

    cursor: default

}



.jz_landscape_group_has_photo .first_groupitem .first_groupname, .jz_landscape_group_has_product .first_groupitem .first_groupname, .jz_vertical_group_has_photo .first_groupitem .first_groupname, .jz_vertical_group_has_product .first_groupitem .first_groupname, .jz_vertical_group_no_photo .first_groupitem .first_groupname {

    position: relative;

    display: inline-block;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-align: center;

    text-overflow: ellipsis;

    margin: 0 auto

}



.jz_landscape_group_has_product .first_panel .product_item .right_content, .jz_vertical_group_has_product .first_panel .product_item .right_content {

    display: inline-block;

    position: absolute;

    height: 100%;

    width: calc(100% - 4.5rem)

}



.jz_vertical_group_has_product .first_panel .product_item {

    position: relative;

    height: 4rem;

    padding-bottom: .5rem;

    margin: .5rem 0 .5rem 0;

    border-bottom: 1px solid #f5f5f5

}



.jz_vertical_group_has_product .first_panel a:last-child .product_item {

    border-bottom: none

}



.jz_landscape_group_has_product .first_panel .product_item .img_panel, .jz_vertical_group_has_product .first_panel .product_item .img_panel {

    display: inline-block;

    vertical-align: bottom;

    width: 4rem;

    height: 4rem;

    margin-right: .5rem

}



.jz_landscape_group_has_product .first_panel .product_item .photoListImg, .jz_vertical_group_has_product .first_panel .product_item .photoListImg {

    border: 1px solid #eee;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    width: 100%;

    padding-top: 4rem;

    border-radius: .15rem

}



.jz_landscape_group_has_product .first_panel .price_panel, .jz_vertical_group_has_product .first_panel .price_panel {

    position: absolute;

    bottom: .65rem

}



.jz_landscape_group_has_product .first_panel .mall_cart, .jz_vertical_group_has_product .first_panel .mall_cart {

    position: absolute;

    bottom: .65rem;

    right: .3rem;

    width: 1rem;

    height: 1rem;

    cursor: pointer;

    border-radius: 50%

}



.jz_landscape_group_has_product .first_panel .mall_cart span, .jz_vertical_group_has_product .first_panel .mall_cart span {

    position: absolute;

    font-size: .525rem;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    color: #fff;

    width: .525rem;

    height: .525rem;

    top: 50%;

    left: 50%

}



.jz_landscape_group_has_product .first_panel .booking_btn, .jz_vertical_group_has_product .first_panel .booking_btn {

    position: absolute;

    height: 1.05rem;

    line-height: 1.05rem;

    max-width: 2.6rem;

    min-width: 1.6rem;

    padding: 0 .25rem;

    width: auto;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 0;

    float: right;

    border-radius: .1rem;

    color: #fff;

    text-align: center;

    cursor: pointer;

    font-size: .5rem;

    bottom: .7rem;

    right: 0

}



.jz_landscape_group_has_product .first_panel .price_panel .unit, .jz_vertical_group_has_product .first_panel .price_panel .unit {

    font-size: .6rem

}



.jz_landscape_group_has_product .first_panel .price_panel .num1, .jz_vertical_group_has_product .first_panel .price_panel .num1 {

    font-size: .75rem;

    margin-left: -.25rem

}



.jz_landscape_group_has_product .first_panel .price_panel .num2, .jz_vertical_group_has_product .first_panel .price_panel .num2 {

    margin-left: -.15rem;

    font-size: .55rem

}



.jz_landscape_group_has_product .first_panel .price_panel .vipName, .jz_vertical_group_has_product .first_panel .price_panel .vipName {

    display: inline-block;

    border-radius: .1rem;

    font-size: .45rem;

    color: rgba(255, 255, 255, 1);

    text-align: center;

    padding: 0 .15rem

}



.jz_landscape_group_has_product .first_panel .price_panel .linePrice, .jz_vertical_group_has_product .first_panel .price_panel .linePrice {

    font-size: .5rem;

    text-decoration: line-through;

    color: rgba(153, 153, 153, 1)

}



.jz_landscape_group_has_product .first_panel .right_content .title, .jz_vertical_group_has_product .first_panel .right_content .title {

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: .6rem;

    margin-top: .15rem

}



.jz_vertical_group_has_product .first_panel .group_name {

    color: #333;

    font-size: .6rem;

    margin-top: .5rem

}



.jz_landscape_group_has_photo .first_grouplist, .jz_landscape_group_has_product .first_grouplist {

    padding: 0 .6rem;

    height: 2rem

}



.jz_landscape_group_has_photo .first_group, .jz_landscape_group_has_product .first_group {

    height: 2rem;

    border-bottom: 1px solid #f0f0f0;

    overflow: hidden

}



.jz_landscape_group_has_photo .first_groupitem, .jz_landscape_group_has_product .first_groupitem {

    position: relative;

    float: left;

    max-width: 6rem;

    margin-right: 1rem;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.jz_landscape_group_has_photo .first_groupitem.selected, .jz_landscape_group_has_product .first_groupitem.selected {

    cursor: default

}



.jz_landscape_group_has_product .first_panel {

    position: relative

}



.jz_landscape_group_has_product .first_panel .product_item {

    position: relative;

    height: 4rem;

    padding-bottom: .5rem;

    margin: .5rem .475rem .5rem .75rem;

    border-bottom: 1px solid #f5f5f5

}



.jz_landscape_group_has_product .first_panel a:last-child .product_item {

    border-bottom: none

}



.jz_landscape_group_has_product .first_panel .group_name {

    font-size: .6rem;

    color: #333;

    margin: .75rem 0 1rem .75rem

}



.jz_landscape_group_has_photo .first_panel .second_group_panel, .jz_vertical_group_has_photo .first_panel .second_group_panel, .jz_vertical_group_no_photo .first_panel .second_group_panel {

    display: none

}



.jz_landscape_group_has_photo .first_panel .second_group_panel.selected, .jz_vertical_group_has_photo .first_panel .second_group_panel.selected, .jz_vertical_group_no_photo .first_panel .second_group_panel.selected {

    display: block

}



.jz_vertical_group_has_photo .first_panel, .jz_vertical_group_no_photo .first_panel {

    position: relative;

    margin-left: 3.875rem;

    padding: 0 1rem;

    overflow: hidden

}



.jz_landscape_group_has_photo .first_panel .second_groupitem, .jz_vertical_group_has_photo .first_panel .second_groupitem, .jz_vertical_group_no_photo .first_panel .second_groupitem {

    margin: .75rem 0;

    overflow: hidden

}



.jz_landscape_group_has_photo .first_panel .sed_groupname, .jz_vertical_group_has_photo .first_panel .sed_groupname, .jz_vertical_group_no_photo .first_panel .sed_groupname {

    font-size: .6rem;

    color: #333

}



.jz_landscape_group_has_photo .group_img_wrap, .jz_vertical_group_has_photo .group_img_wrap, .jz_vertical_group_no_photo .group_img_wrap {

    margin-top: .75rem;

    border-bottom: 1px solid #f5f5f5

}



.jz_landscape_group_has_photo .second_groupitem:last-child .group_img_wrap, .jz_vertical_group_has_photo .second_groupitem:last-child .group_img_wrap, .jz_vertical_group_no_photo .second_groupitem:last-child .group_img_wrap {

    border-bottom: none

}



.jz_landscape_group_has_photo .group_img_wrap .f-imgContainer, .jz_vertical_group_has_photo .group_img_wrap .f-imgContainer, .jz_vertical_group_no_photo .group_img_wrap .f-imgContainer {

    position: relative;

    display: inline-block;

    width: 100%;

    height: 2.625rem;

    line-height: 2.625rem;

    overflow: hidden

}



.jz_landscape_group_has_photo .f-groupImgContainer, .jz_vertical_group_has_photo .f-groupImgContainer {

    position: relative;

    float: left

}



.jz_vertical_group_has_photo .f-groupImgContainer {

    width: 25.92%;

    margin-right: 10%;

    margin-bottom: 10%

}



.jz_landscape_group_has_photo .f-groupImgContainer {

    width: 19.45%;

    margin-right: 7.4%;

    margin-bottom: 7.4%

}



.jz_vertical_group_has_photo .f-groupImgContainer:nth-child(3n), .jz_vertical_group_no_photo .f-groupImgContainer:nth-child(3n) {

    margin-right: 0

}



.jz_landscape_group_has_photo .f-groupImgContainer:nth-child(4n) {

    margin-right: 0

}



.jz_landscape_group_has_photo .f-groupImgContainer .f-itemImgName, .jz_vertical_group_has_photo .f-groupImgContainer .f-itemImgName {

    font-size: .6rem;

    color: #666;

    margin-top: .3rem;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.jz_landscape_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg, .jz_vertical_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg, .jz_vertical_group_no_photo .group_img_wrap .f-imgContainer .f-itemImg {

    display: inline-block;

    font-size: 2.625rem;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    width: 100%;

    padding-top: 2.625rem

}



.jz_landscape_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg.isFontIcon, .jz_vertical_group_has_photo .group_img_wrap .f-imgContainer .f-itemImg.isFontIcon, .jz_vertical_group_no_photo .group_img_wrap .f-imgContainer .f-itemImg.isFontIcon {

    padding-top: 0

}



.jz_landscape_group_has_photo .first_panel {

    position: relative;

    margin: 0 1.25rem

}



.jz_landscape_group_has_photo .quick_in, .jz_landscape_group_has_product .quick_in {

    top: 1.85rem

}



.jz_vertical_group_no_photo .f-groupImgContainer .f-itemImgName {

    font-size: .6rem;

    color: #666;

    text-align: left;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.jz_vertical_group_no_photo .f-groupImgContainer {

    position: relative;

    float: left;

    margin-right: .75rem;

    margin-bottom: 1rem

}



.jz_vertical_group_no_photo .f-groupImgContainer {

    width: 27.4%

}



.jz_vertical_group_no_photo .f-groupImgContainer-7 {

    width: 100%;

    margin: 0;

    padding: .75rem 0;

    border-bottom: 1px solid #f5f5f5

}



.jz_vertical_group_no_photo .first_panel .second_groupitem_7 {

    margin: 0

}



.jz_landscape_group_has_photo .faisco-icons-pic, .jz_vertical_group_has_photo .faisco-icons-pic {

    font-size: 2.625rem

}



.pageLoading {

    background-color: #fff;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    overflow: hidden

}



.fk-circle {

    margin: auto;

    width: 40px;

    height: 40px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.fk-circle .fk-child {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.fk-circle .fk-child:before {

    content: '';

    display: block;

    margin: 0 auto;

    width: 20%;

    height: 20%;

    background-color: #bfbfbf;

    border-radius: 100%;

    -webkit-animation: fk-circleBounceDelay 1.2s infinite ease-in-out both;

    animation: fk-circleBounceDelay 1.2s infinite ease-in-out both

}



.fk-circle .fk-circle2 {

    -webkit-transform: rotate(40deg);

    transform: rotate(40deg)

}



.fk-circle .fk-circle3 {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg)

}



.fk-circle .fk-circle4 {

    -webkit-transform: rotate(120deg);

    transform: rotate(120deg)

}



.fk-circle .fk-circle5 {

    -webkit-transform: rotate(160deg);

    transform: rotate(160deg)

}



.fk-circle .fk-circle6 {

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg)

}



.fk-circle .fk-circle7 {

    -webkit-transform: rotate(240deg);

    transform: rotate(240deg)

}



.fk-circle .fk-circle8 {

    -webkit-transform: rotate(280deg);

    transform: rotate(280deg)

}



.fk-circle .fk-circle9 {

    -webkit-transform: rotate(320deg);

    transform: rotate(320deg)

}



.fk-circle .fk-circle10 {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fk-circle .fk-circle11 {

    -webkit-transform: rotate(300deg);

    transform: rotate(300deg)

}



.fk-circle .fk-circle12 {

    -webkit-transform: rotate(330deg);

    transform: rotate(330deg)

}



.fk-circle .fk-circle2:before {

    -webkit-animation-delay: -1.1s;

    animation-delay: -.8s

}



.fk-circle .fk-circle3:before {

    -webkit-animation-delay: -1s;

    animation-delay: -.7s

}



.fk-circle .fk-circle4:before {

    -webkit-animation-delay: -.9s;

    animation-delay: -.6s

}



.fk-circle .fk-circle5:before {

    -webkit-animation-delay: -.8s;

    animation-delay: -.5s

}



.fk-circle .fk-circle6:before {

    -webkit-animation-delay: -.7s;

    animation-delay: -.4s

}



.fk-circle .fk-circle7:before {

    -webkit-animation-delay: -.6s;

    animation-delay: -.3s

}



.fk-circle .fk-circle8:before {

    -webkit-animation-delay: -.5s;

    animation-delay: -.2s

}



.fk-circle .fk-circle9:before {

    -webkit-animation-delay: -.4s;

    animation-delay: -.1s

}



.fk-circle .fk-circle10:before {

    -webkit-animation-delay: -.3s;

    animation-delay: -.3s

}



.fk-circle .fk-circle11:before {

    -webkit-animation-delay: -.2s;

    animation-delay: -.2s

}



.fk-circle .fk-circle12:before {

    -webkit-animation-delay: -.1s;

    animation-delay: -.1s

}



@-webkit-keyframes fk-circleBounceDelay {

    0%, 100%, 80% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes fk-circleBounceDelay {

    0%, 100%, 80% {

        -webkit-transform: scale(0);

        transform: scale(0);

        background-color: #bfbfbf

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

        background-color: #bfbfbf

    }

}



.fk-limitUvMask {

    background-color: #f1f4f8;

    width: 100%;

    height: 100%;

    z-index: 9998;

    position: fixed;

    top: 0;

    left: 0;

    overflow: hidden

}



.fk-limtUv {

    background-color: #f1f4f8;

    width: 100%;

    height: 100%;

    z-index: 9999;

    position: fixed;

    top: 0;

    left: 0;

    overflow: hidden

}



.fk-limtUv .tipDialog {

    width: 16rem;

    height: 100%;

    margin: 0 auto;

    padding-top: 12%;

    background-color: #fff;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .08);

    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .08);

    position: relative

}



.fk-limtUv .tipComtent {

    width: 16rem

}



.fk-limtUv .tipButton {

    width: 9rem;

    height: 1.6rem;

    background-color: #5874d8;

    margin: 20px auto;

    margin-top: 40px;

    font-size: 16px;

    text-align: center;

    color: #fff;

    line-height: 40px;

    border-radius: 3px;

    cursor: pointer;

    line-height: 1.6rem;

    padding: 0 20px

}



.fk-limtUv .tipButtonFk {

    color: #5874d8;

    border: 1px solid;

    background-color: #fff

}



.fk-limtUv .tipButton2 {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-left: 5px;

    padding-right: 5px

}



.fk-limtUv .tipFont {

    width: 100%;

    height: 26px;

    text-align: center;

    font-size: 20px;

    color: #333;

    margin-top: -10px

}



.fk-limtUv .quitIcon {

    position: absolute;

    right: 25px;

    top: 13px;

    padding: 0;

    width: 18px;

    height: 18px;

    background: url(/image/v2/mbg01.png?v=202106091323) -1383px -452px no-repeat;

    outline: 0;

    cursor: pointer;

    margin-top: 10px;

    display: none

}



.fk_secKillList {

    width: calc(100% - 1.2rem);

    padding: 0 .6rem;

    padding-top: .6rem

}



.fk_secKillList .pdItem {

    cursor: pointer;

    vertical-align: top

}



.fk_secKillList .pdItem .pdInfo .priceBox .invalidPrice {

    color: #999

}



.fk_secKillList .pdItem .watermark {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.secKillListStyle1 .pdItem {

    width: 100%;

    height: 4.975rem;

    display: inline-block;

    position: relative;

    margin-bottom: .325rem

}



.secKillListStyle1 .pdItem .imgBox {

    display: inline-block;

    vertical-align: top;

    position: relative

}



.secKillListStyle1 .pdItem .watermark.empty {

    width: 3.25rem;

    height: 3.25rem;

    background: url(/image/secKill/empty1.png?v=201811211416);

    background-size: 100%

}



.secKillListStyle1 .pdItem .countTime {

    position: absolute;

    bottom: 0;

    left: 1px;

    width: 4.7rem;

    height: .8rem;

    line-height: .8rem;

    font-size: .45rem;

    text-align: center;

    color: #fff;

    white-space: nowrap

}



.secKillListStyle1 .pdItem .countTimeBg {

    background: rgba(0, 0, 0, .6)

}



.secKillListStyle1 .pdItem .pdImg {

    width: 4.7rem;

    height: 4.7rem;

    display: inline-block;

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #f1f1f1

}



.secKillListStyle1 .pdItem .pdInfo {

    width: calc(100% - 5.7rem);

    height: 4.975rem;

    margin-left: .7rem;

    display: inline-block;

    border-bottom: 1px solid #f0f0f0;

    position: relative

}



.secKillListStyle1 .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.6rem

}



.secKillListStyle1 .pdItem .pdInfo .process {

    position: absolute;

    left: 0;

    top: 2.2rem;

    width: 5rem;

    height: .6rem;

    line-height: .6rem;

    border-width: 1px;

    border-style: solid;

    border-radius: .6rem;

    opacity: .6;

    overflow: hidden

}



.secKillListStyle1 .pdItem .pdInfo .processContent {

    opacity: .2;

    height: .6rem

}



.secKillListStyle1 .pdItem .pdInfo .processTxt {

    font-size: .4rem;

    height: .4rem;

    line-height: .4rem;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    padding-top: .1rem

}



.secKillListStyle1 .pdItem .pdInfo .process.invalidProcess {

    border-color: #ccc

}



.secKillListStyle1 .pdItem .pdInfo .process.invalidProcess .processContent {

    background: #ccc

}



.secKillListStyle1 .pdItem .pdInfo .process.invalidProcess .processTxt {

    color: #ccc

}



.secKillListStyle1 .pdItem .pdInfo .priceBox {

    position: absolute;

    left: 0;

    bottom: .625rem;

    height: .95rem;

    line-height: .95rem

}



.secKillListStyle1 .pdItem .pdInfo .priceBox .sign {

    font-size: .5rem;

    height: .5rem;

    line-height: .5rem

}



.secKillListStyle1 .pdItem .pdInfo .priceBox .price {

    font-size: .7rem;

    line-height: .7rem;

    max-width: 3rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin-left: -.1rem;

    display: inline-block;

    margin-right: .2rem;

    vertical-align: middle

}



.secKillListStyle1 .pdItem .pdInfo .priceBox .cancelPrice {

    font-size: .45rem;

    line-height: .57rem;

    color: #999;

    max-width: 3rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    text-decoration: line-through;

    vertical-align: text-bottom

}



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

}



.secKillListStyle1 .pdItem .pdInfo .ptBtn.greyBtn {

    background: #c1c1c1

}



.secKillListStyle2 .pdItem {

    width: 100%;

    display: inline-block;

    position: relative;

    margin-bottom: .75rem;

    border-bottom: 1px solid #f0f0f0

}



.secKillListStyle2 .pdItem:last-child {

    margin-bottom: 0;

    border-bottom: none

}



.secKillListStyle2 .pdItem .imgBox {

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin-bottom: .75rem;

    width: 100%

}



.secKillListStyle2 .pdItem .watermark.empty {

    width: 4.375rem;

    height: 4.375rem;

    background: url(/image/secKill/empty2.png?v=201811211416);

    background-size: 100%

}



.secKillListStyle2 .pdItem .countTime {

    position: absolute;

    bottom: 0;

    left: 1px;

    width: 100%;

    height: 1rem;

    line-height: 1rem;

    font-size: .5rem;

    text-align: center;

    color: #fff;

    white-space: nowrap

}



.secKillListStyle2 .pdItem .countTimeBg {

    background: rgba(0, 0, 0, .6)

}



.secKillListStyle2 .pdItem .pdImg {

    width: 100%;

    height: 7.55rem;

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #f1f1f1

}



.secKillListStyle2 .pdItem .pdInfo .pdName {

    height: .7rem;

    line-height: .7rem;

    font-size: .6rem;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

    white-space: nowrap;

    margin-bottom: .65rem

}



.secKillListStyle2 .pdItem .pdInfo .process {

    display: block;

    position: relative;

    width: 6.5rem;

    height: .6rem;

    line-height: .6rem;

    border-width: 1px;

    border-style: solid;

    border-radius: .6rem;

    opacity: .6;

    margin-bottom: .2rem;

    overflow: hidden

}



.secKillListStyle2 .pdItem .pdInfo .processContent {

    opacity: .2;

    height: .6rem

}



.secKillListStyle2 .pdItem .pdInfo .processTxt {

    font-size: .4rem;

    height: .6rem;

    line-height: .6rem;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.secKillListStyle2 .pdItem .pdInfo .process.invalidProcess {

    border-color: #ccc

}



.secKillListStyle2 .pdItem .pdInfo .process.invalidProcess .processContent {

    background: #ccc

}



.secKillListStyle2 .pdItem .pdInfo .process.invalidProcess .processTxt {

    color: #aaa

}



.secKillListStyle2 .pdItem .pdInfo .priceBox {

    margin-top: .55rem;

    height: .8rem;

    line-height: .8rem;

    display: inline-block;

    margin-bottom: .6rem

}



.secKillListStyle2 .pdItem .pdInfo .priceBox .price {

    font-size: .8rem;

    line-height: .8rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin-left: -.1rem;

    display: inline-block;

    margin-right: .2rem;

    vertical-align: baseline

}



.secKillListStyle2 .pdItem .pdInfo .priceBox .sign {

    font-size: .6rem;

    line-height: .6rem

}



.secKillListStyle2 .pdItem .pdInfo .priceBox .cancelPrice {

    font-size: .5rem;

    line-height: .5rem;

    color: #999;

    max-width: 3rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    text-decoration: line-through;

    vertical-align: baseline

}



.secKillListStyle2 .pdItem .pdInfo .ptBtn {

    margin-top: .4rem;

    height: .95rem;

    line-height: .95rem;

    text-align: center;

    border-radius: .1rem;

    color: #fff;

    font-size: .5rem;

    cursor: pointer;

    float: right;

    padding: 0 .27rem

}



.secKillListStyle2 .pdItem .pdInfo .ptBtn.greyBtn {

    background: #c1c1c1

}



.fk_secKillList.secKillListStyle3 {

    width: auto;

    padding: 0;

    padding-top: .6rem;

    white-space: nowrap

}



.fk_secKillList.secKillListStyle3 .secKillSlideList {

    white-space: nowrap

}



.secKillListStyle3 .pdItem {

    width: calc(5.5rem + 2px);

    display: inline-block;

    position: relative;

    margin-right: .4rem

}



.secKillListStyle3 .pdItem:first-child {

    margin-left: .7rem

}



.secKillListStyle3 .pdItem .imgBox {

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin-bottom: .35rem

}



.secKillListStyle3 .pdItem .countTime {

    position: absolute;

    bottom: 0;

    left: 1px;

    width: 5.5rem;

    height: .75rem;

    line-height: .75rem;

    font-size: .45rem;

    text-align: center;

    color: #fff;

    white-space: nowrap

}



.secKillListStyle3 .pdItem .countTimeBg {

    background: rgba(0, 0, 0, .6)

}



.secKillListStyle3 .pdItem .pdImg {

    width: 5.5rem;

    height: 5.5rem;

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #eee

}


.secKillListStyle3 .pdItem .watermark.expired {

    width: 2.9rem;

    height: 2.9rem;

    background: url(/image/secKill/end3.png?v=201811211416);

    background-size: 100%

}



.secKillListStyle3 .pdItem .watermark.empty {

    width: 2.9rem;

    height: 2.9rem;

    background: url(/image/secKill/empty3.png?v=201811211416);

    background-size: 100%

}



.secKillListStyle3 .pdItem .pdInfo {

    width: 5.5rem

}



.secKillListStyle3 .pdItem .pdInfo .pdName {

    height: .55rem;

    line-height: .55rem;

    font-size: 12px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    width: 100%

}



.secKillListStyle3 .pdItem .pdInfo .priceBox {

    margin-top: .7rem;

    height: .95rem;

    line-height: .95rem;

    display: inline-block;

    margin-bottom: .6rem

}



.secKillListStyle3 .pdItem .pdInfo .priceBox .price {

    font-size: .55rem;

    line-height: .8rem;

    max-width: 3.7rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin-left: -.1rem;

    display: inline-block;

    margin-right: .2rem;

    vertical-align: bottom

}



.secKillListStyle3 .pdItem .pdInfo .priceBox .sign {

    font-size: .4rem;

    line-height: .6rem

}



.secKillListStyle3 .pdItem .pdInfo .priceBox .cancelPrice {

    font-size: .45rem;

    line-height: .5rem;

    color: #999;

    max-width: 3rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    text-decoration: line-through

}



.secKillListStyle3 .pdItem .pdInfo .ptBtn {

    height: .875rem;

    line-height: .875rem;

    text-align: center;

    border-radius: 1rem;

    color: #fff;

    font-size: .5rem;

    cursor: pointer;

    width: .875rem;

    position: absolute;

    right: 0;

    bottom: .7rem

}



.secKillListStyle3 .pdItem .pdInfo .ptBtn.greyBtn {

    background: #c1c1c1

}



.secKillListStyle3.priceWrapStyle .pdItem .pdInfo {

    padding: 0 .2rem

}



.secKillListStyle3.priceWrapStyle .pdItem .pdInfo .priceBox {

    margin-top: .4rem

}



.secKillListStyle3.priceWrapStyle .pdItem .pdInfo .priceBox .price {

    display: block;

    margin-bottom: .1rem

}



.secKillListStyle3.priceWrapStyle .pdItem .pdInfo .priceBox .cancelPrice {

    display: block

}



.secKillListStyle3.priceWrapStyle .pdItem .pdInfo .ptBtn {

    bottom: .2rem;

    right: .2rem

}



.formStyle64 .mapContainerBox {

    width: 100%;

    height: 100%;

    color: #333

}



.formStyle64 .mapContainerBox .gm-style {

    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma

}



.formStyle64 .mapContainer {

    height: 100%;

    min-height: 12rem

}



.formStyle64 .mapContainer .msgBox {

    display: inline-block;

    cursor: default;

    position: absolute;

    width: auto;

    height: auto;

    padding: .7rem .9rem .7rem .5rem;

    background-color: #fff;

    border-radius: 6px;

    -webkit-box-shadow: #000 0 0 6px -3px;

    box-shadow: #000 0 0 6px -3px;

    color: #333

}



.formStyle64 .mapContainer .msgBox .msg {

    display: inline-block;

    width: auto;

    word-wrap: break-word;

    word-break: break-word;

    font-size: .56rem;

    width: 10rem

}



.formStyle64 .mapContainer .msgBox .arrow {

    position: absolute;

    display: inline-block;

    bottom: -6px;

    left: 3.2rem;

    width: 0;

    height: 0;

    content: '';

    border-style: solid;

    border-width: 7px;

    border-color: #fff #fff transparent transparent;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    -webkit-box-shadow: #000 1px -1px 3px -2px;

    box-shadow: #000 1px -1px 3px -2px

}



.formStyle64 .mapContainer .msgBox .close {

    cursor: pointer;

    display: block;

    position: absolute;

    right: 10px;

    top: 10px;

    width: 10px;

    height: 10px;

    background: url(/image/onlineMap/close.png?v=201811211416);

    background-size: cover

}



.formStyle64 .mapContainer .mapLoadError {

    width: 100%;

    height: 100%;

    min-height: 12rem;

    position: relative

}



.formStyle64 .mapContainer .errorMsgBox {

    width: 4.325rem;

    height: 7rem;

    position: absolute;

    left: 0;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0

}



.formStyle64 .mapContainer .errorMsgBox .errorImg {

    background: url(/image/v2/defaultIcon10.png?v=201711250607) no-repeat center center;

    background-size: contain;

    width: 4.325rem;

    height: 5.425rem

}



.formStyle64 .mapContainer .errorMsgBox .errorMsg {

    font-size: .65rem;

    color: #333;

    margin-top: .75rem;

    text-align: center

}



.formStyle64 .mapContainer .errorMsgBox .errName {

    display: none

}



.formStyle64 .mapContainer .mapLoadingBox {

    min-height: 12rem;

    height: 100%;

    width: 100%;

    background: url(/image/loading/loading_2.gif?v=201610211723) no-repeat center

}



.jzmBannerHide {

    height: 0 !important;

    overflow: hidden

}



.jzm_manageMode .fk-mobiTips {

    display: none

}



.fk-tipsDiv {

    position: relative;

    width: 100%;

    z-index: 999;

    height: 1.1rem

}



.fk-mobiTips {

    height: 1.11rem;

    width: 100%;

    background-color: #fff5dc;

    text-align: center;

    font-size: 14px;

    color: #ff8e1e;

    line-height: 1.1rem;

    position: fixed

}



.fk-mobiTips .scroll {

    width: 1560px;

    position: absolute;

    left: 0;

    top: 0;

    background-color: #fff5dc

}



.fk-mobiTips .scroll li {

    width: 780px;

    float: left;

    line-height: 1.1rem;

    text-align: center

}



.swipImgBox .mobiProductVideoDialog {

    position: absolute;

    height: 100%;

    width: 100%;

    bottom: 0

}



.swipImgBox .productVideoMask {

    background-color: #000;

    height: 100%;

    width: 100%;

    position: absolute;
    top: 0;

    z-index: 9999

}



.swipImgBox .videoQuit {

    cursor: pointer;

    width: 3rem;

    position: absolute;

    right: .5rem;

    top: .5rem;

    height: 1rem;

    text-align: center;

    line-height: 1rem;

    font-size: .5rem;

    color: #fff;

    background-color: rgb(60, 60, 60, .6);

    border-radius: 30px

}



.productBullet .bfFont {

    display: inline-block;

    width: 100%;

    height: 100%

}



.productBullet .bfFont:before {

    content: "";

    font-size: 10px;

    color: #fff;

    display: block;

    position: absolute;

    border-width: 3px 3px 5px 3px;

    border-style: solid;

    border-color: transparent transparent #fff transparent;

    -webkit-transition: left .2s;

    transition: left .2s;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    margin-left: 5.3px;

    margin-top: 2px

}



.u_area_box_wrap {

    position: relative

}



.newsList .prefixOpenLine {

    height: 2rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    line-height: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: .025rem solid #f3f3f3;

    position: relative;

    padding-left: 1.15rem;

    font-size: .7rem;

    color: #333

}



.newsList .textItemContent {

    width: 100%;

    height: 2rem;

    position: relative;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: .025rem solid #f3f3f3;

    padding-left: .75rem

}



.newsList .prefixOpenLine:before {

    content: "";

    position: absolute;

    width: .2rem;

    height: .2rem;

    top: 50%;

    left: .75rem;

    background: #666;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    border-radius: 100%

}



.newsList .classifiedWrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.newsList .searchResultLine.pic {

    width: 50%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .625rem 0 .75rem 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.newsList .searchResultLine.pic.fixedPicConetent {

    padding: .625rem 0 .75rem 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.newsList .searchResultLine .prefixOpenName {

    padding-left: .25rem;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.newsList .searchResultLine .pic {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    overflow: hidden

}



.newsList .searchFlagList {

    padding-left: .5rem

}



.newsList .searchSeparation {

    width: 100%;

    height: .5rem;

    background-color: #f5f5f5

}



.newsList .searchSeparation:last-child {

    display: none

}



.newsList .searchResultLine .pic img {

    border-radius: .2rem

}



.newsList .smallSizePic img {

    width: 7rem;

    height: 5.5rem

}



.newsList .bigSizePic img {

    width: 7rem;

    height: 7rem

}



.newsList .highlightText {

    color: #f23030

}



.newsList .resultDetail {

    margin-top: .45rem;

    padding-left: .125rem

}



.newsList .picDetailAb {

    width: 100%;

    height: 1.25rem;

    position: absolute;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    bottom: 0;

    color: #fff;

    font-size: .6rem;

    background: rgba(0, 0, 0, .4);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom-right-radius: .2rem;

    border-bottom-left-radius: .2rem

}



.newsList .resultDetail .detailSpan {

    display: block;

    max-width: 6.75rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.newsList .resultDetail .detailSpanInline {

    display: inline-block

}



.newsList .resultDetail .proPrice {

    font-size: .6rem;

    color: #666;

    margin-top: .5rem;

    max-width: 6.75rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.newsList .resultDetail .picName, .newsList .resultDetail .proName {

    font-size: .7rem;

    color: #333

}



.newsList .proSeparation {

    width: 100%;

    height: .625rem;

    background-color: #fff

}



.newsList .picDetailAb .phgName {

    position: absolute;

    left: .5rem;

    max-width: 4.625rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.newsList .picDetailAb .phgSize {

    position: absolute;

    right: .4rem

}



.newsList .textItemContent .word {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.newsList .icon-download:after {

    font-family: icomoon;

    content: "\eb1e";

    color: #666;

    position: absolute;

    top: 1em;

    right: .4rem

}



.newsList .textItemContent .textSpan {

    max-width: 90%;

    height: 100%;

    line-height: 2rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.noSearchList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.noSearchListText {

    font-size: .6rem;

    color: #999;

    margin: 1rem auto

}



.noSearchListImg {

    width: 4.325rem;

    height: 5.325rem;

    margin-top: 1.25rem

}



.carouselMultiPhoto .empty_tips_panel, .noticeContainer .empty_tips_panel {

    text-align: center;

    padding-top: 40px;

    padding-bottom: 55px

}



.noticeContainer .empty_tips_panel {

    width: 100%

}



.carouselMultiPhoto .empty_tips_panel .text, .noticeContainer .empty_tips_panel .text {

    color: #666;

    font-size: 14px;

    margin-bottom: 20px

}



.carouselMultiPhoto .cus_Empty_tips_panel {

    height: 5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.carouselMultiPhoto .cus_Empty_tips_panel .text {

    color: #666;

    font-size: 14px

}



#g_body.g_manageMode.pswp--active {

    overflow: hidden

}



.p_cation_description::-webkit-scrollbar {

    width: .1rem

}



.p_cation_description::-webkit-scrollbar-thumb {

    background: #4b4d50

}



.caption_detail-photoGroup .content_wrap {

    height: 100%;

    padding: 1.075rem .75rem 0

}



.caption_detail-photoGroup .title {

    max-width: 13.25rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color: #fff

}



.caption_detail-photoGroup .u_scrollContainer {

    margin-top: 1.35rem;

    height: 80%

}



.caption_detail-photoGroup .content {

    font-size: .6rem;

    color: #cacaca

}



.banNavAnimationDelay .navItem {

    -webkit-transition-delay: unset !important;

    transition-delay: unset !important

}



.deposit_index {

    height: 100%;

    width: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.deposit_index .top {

    width: 100%;

    height: 4.7rem;

    opacity: .15

}



.deposit_index .middle {

    width: 13.969rem;

    height: 7.47rem;

    background: #fff;

    -webkit-box-shadow: 0 0 .4267rem 0 rgba(0, 0, 0, .1);

    box-shadow: 0 0 .4267rem 0 rgba(0, 0, 0, .1);

    border-radius: .4267rem;

    position: relative;

    top: -4.267rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 1.493rem 0 1.0453rem 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.deposit_index .clickIcon {

    width: .55rem;

    height: .7rem

}



.deposit_index .clickIcon .icon-clickIcon:before {

    content: "\e672";

    font-size: .9rem

}



.deposit_index .middle .indicator {

    font-size: .512rem;

    color: rgba(102, 102, 102, 1)

}



.deposit_index .middle .deposit {

    font-size: 1.493rem;

    margin-top: .32rem

}



.deposit_index .middle .topup {

    width: 5.973rem;

    height: 1.536rem;

    border-radius: .768rem;

    color: rgba(255, 255, 255, 1);

    font-size: .597rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-top: .64rem

}



.deposit_index .unreadMark {

    width: .25rem;

    height: .25rem;

    background: rgba(255, 0, 0, 1);

    border-radius: 50%;

    position: absolute;

    top: .78rem;

    left: 3.35rem

}



.deposit_index .bottom {

    width: 100%;

    position: relative;

    top: -3.2rem

}



.deposit_index .bottom .item {

    width: 100%;

    height: 2.475rem;

    background: rgba(255, 255, 255, 1);

    font-size: .597rem;

    color: rgba(53, 53, 53, 1);

    border-bottom: 1px solid #eee;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0 .939rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative

}



.deposit_pwd {

    height: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 0 .96rem

}



.deposit_pwd .indicator {

    font-size: .768rem;

    color: rgba(85, 85, 85, 1);

    margin-top: 3.093rem;

    margin-bottom: 1.28rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.deposit_pwd .verbose {

    font-size: .53rem;

    color: rgba(153, 153, 153, 1);

    margin-top: .64rem

}



.deposit_pwd .confirm_pwd_error {

    font-size: .53rem;

    color: rgba(255, 17, 0, 1);

    margin-top: .64rem

}



.deposit_pwd .confirm_pwd_error_icon {

    width: 3px;

    height: 3px;

    margin-right: 5px;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(255, 17, 0, 1);

    border-radius: 50%

}



.deposit_pwd .confirm_pwd_error_icon_content {

    margin-left: 5px;

    font-size: 11px;

    font-family: Source Han Sans CN;

    color: rgba(255, 17, 0, 1)

}



.deposit_pwd .btn, .deposit_pwd .re_btn {

    width: 14.080rem;

    height: 1.835rem;

    background: rgba(253, 113, 40, 1);

    border-radius: .213rem;

    color: rgba(255, 255, 255, 1);

    font-size: .683rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 2.901rem;

    cursor: pointer

}



.deposit_pwd .btn_disabled {

    width: 14.080rem;

    height: 1.835rem;

    background: rgba(253, 113, 40, 1);

    border-radius: .213rem;

    color: rgba(255, 255, 255, 1);

    opacity: .5;

    font-size: .683rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 2.901rem

}



.deposit_pwd .pwd_wrapper, .deposit_pwd .re_pwd_wrapper {

    width: 14.080rem;

    height: 2.133rem;

    border-radius: .043rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.deposit_pwd .pwd_input_lurker {

    width: 2rem;

    height: 1rem;

    position: absolute;

    z-index: -1

}



.deposit_pwd .pwd_input {

    height: 2.133rem;

    border: 1px solid #ccc;

    border-right: none;

    background: rgba(255, 255, 255, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 1rem

}



.deposit_pwd .pwd_input:last-child {

    border-right: 1px solid #ccc

}



.deposit_pwd .pwd_input .psuedo_input {

    border-radius: 50rem;

    width: .5rem;

    height: .5rem;

    background-color: rgba(102, 102, 102, 1);

    display: none

}



.re_pwd_panal {

    display: none

}



.deposit_topup {

    width: 100%;

    height: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 0 .96rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.deposit_topup .title {

    width: 100%;

    height: 2.347rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.deposit_topup .title .txt {

    font-size: .725rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1)

}



.deposit_topup .title .info {

    font-size: .555rem;

    color: rgba(102, 102, 102, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup .title .info .iconArrow {

    width: .512rem;

    height: .512rem;

    background: rgba(204, 204, 204, 1);

    border-radius: 50%;

    position: relative;

    top: .043rem;

    color: #fff;

    font-size: .32rem;

    line-height: .512rem;

    text-indent: .128rem;

    margin-left: .213rem

}



.deposit_topup .rules_panel {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.deposit_topup .rules_panel .only_rule {

    width: 100%;

    height: 3.84rem;

    border: 1px solid rgba(255, 114, 20, 1);

    border-radius: .213rem;

    background: #fff2e9;

    color: rgba(255, 114, 20, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: .981rem 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup .rules_panel .only_rule .left {

    font-size: 1.28rem;

    width: 7.147rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup .rules_panel .only_rule .left .currency {

    font-size: .768rem;

    position: relative;

    top: .213rem

}



.deposit_topup .rules_panel .only_rule .seperator {

    width: 1px;

    height: 1.835rem;

    background: #ffd8bd

}


.deposit_topup .rules_panel .only_rule .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 1.835rem;

    width: 7.147rem

}



.deposit_topup .rules_panel .only_rule .right .mt {

    font-size: .597rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup .rules_panel .only_rule .right .coupon {

    font-size: .597rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup .rules_panel .rule_wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    min-height: 2.56rem;

    padding: .213rem

}



.deposit_topup .rules_panel .rule_wrapper .rule {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 100%;

    border: 1px solid rgba(233, 233, 233, 1);

    border-radius: .213rem;

    background: rgba(255, 255, 255, 1);

    color: rgba(153, 153, 153, 1);

    padding: .64rem 0 .64rem 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.deposit_topup .rules_panel .rule_wrapper .rule .top {

    font-size: .981rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: rgba(53, 53, 53, 1)

}



.deposit_topup .rules_panel .rule_wrapper .rule .top .currency {

    font-size: .683rem;

    position: relative;

    color: rgba(53, 53, 53, 1)

}



.deposit_topup .rules_panel .rule_wrapper .rule .bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup .rules_panel .rule_wrapper .rule .bottom .mt {

    font-size: .512rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: .32rem

}



.deposit_topup .rules_panel .rule_wrapper .rule .bottom .coupon {

    font-size: .512rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: .12rem

}



.deposit_topup .rules_panel .rule_wrapper .rule.selected {

    border: 1px solid rgba(255, 114, 20, 1);

    background: #fff2e9;

    color: rgba(255, 114, 20, 1)

}



.deposit_topup .rules_panel .rule_wrapper .rule.selected .top {

    color: rgba(255, 114, 20, 1)

}



.deposit_topup .rules_panel .rule_wrapper .rule.selected .top .currency {

    color: rgba(255, 114, 20, 1)

}



.deposit_topup .confirm {

    width: 14.080rem;

    height: 1.835rem;

    border-radius: .213rem;

    font-size: .683rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 1.493rem;

    margin-bottom: 1.067rem;

    color: #fff

}



.deposit_topup .clickIcon {

    width: .512rem;

    height: .512rem;

    background: rgba(204, 204, 204, 1);

    border-radius: 50%;

    position: relative;

    top: .043rem;

    color: #fff;

    font-size: .32rem;

    line-height: .512rem;

    text-indent: .128rem;

    margin-left: .213rem

}



.deposit_topup .clickIcon .icon-clickIcon:before {

    content: "\e672";

    font-size: .45rem;

    color: #fff;

    position: relative;

    left: -.07rem;

    top: .03rem

}



.deposit_topup .arrowIcon {

    width: .512rem;

    line-height: .512rem;

    background: rgba(255, 114, 20, 1);

    border-radius: 50%;

    margin-left: .15rem;

    margin-top: .04rem;

    text-indent: .04rem

}



.deposit_topup .arrowIcon2 {

    width: .512rem;

    line-height: .512rem;

    background: rgba(204, 204, 204, 1);

    border-radius: 50%;

    margin-left: .15rem;

    text-indent: .04rem

}



.deposit_topup .arrowIcon .icon-arrow:before, .deposit_topup .arrowIcon2 .icon-arrow:before {

    content: "\e672";

    font-size: .45rem;

    color: #fff

}



.deposit_topup .selectedBg {

    background: rgba(255, 114, 20, 1)

}



.couponBoxMask {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5)

}



.couponBoxMask .couponBox {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -55%);

    transform: translate(-50%, -55%);

    width: 12.37rem;

    background: #fff;

    border-radius: .17rem;

    padding: .85rem .47rem 1.28rem .47rem

}



.couponBox .boxHeader {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-bottom: .43rem

}



.couponBox .boxHeader .boxTitle {

    font-size: .77rem;

    font-weight: 700;

    color: #353535;

    margin-bottom: .6rem

}



.couponBox .boxHeader .boxMsg {

    font-size: .55rem;

    color: #353535;

    opacity: .8

}



.couponBox .boxContent {

    width: 100%;

    max-height: 11.55rem;

    overflow-y: scroll;

    overflow-x: hidden

}



.couponBox .boxContent::-webkit-scrollbar {

    display: none

}



.couponBox .boxContent .couponWrap {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 12.37rem;

    height: 3.8rem;

    background: url(/image/memDeposit/couponBg.png?v=202010281225);

    background-size: cover

}



.couponBox .couponWrap .couponLeft {

    position: absolute;

    left: .41rem;

    top: .38rem;

    width: 4.48rem;

    height: 3.33rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.couponBox .couponLeft .moneyWrap {

    margin-top: -.21rem

}



.couponBox .moneyWrap .currency {

    display: inline-block;

    font-size: .55rem;

    color: #fff

}



.couponBox .moneyWrap .price {

    display: inline-block;

    font-size: .94rem;

    color: #fff

}



.couponBox .couponLeft .condition {

    font-size: .51rem;

    color: #fff

}



.couponBox .couponWrap .couponRight {

    position: absolute;

    left: 4.82rem;

    top: .38rem;

    width: 7.21rem;

    height: 3.33rem

}



.couponBox .couponRight .couponName {

    font-size: .64rem;

    color: #353535;

    margin-left: .85rem;

    margin-top: .77rem;

    max-width: 5.12rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.couponBox .couponRight .validity {

    font-size: .51rem;

    color: #999;

    margin-left: .85rem;

    margin-top: .21rem

}



.couponBox .couponWrap .boxCorner {

    position: absolute;

    right: .43rem;

    top: .43rem;

    width: 1.92rem;

    height: 1.92rem;

    background: url(/image/memDeposit/couponCorner.png?v=202010281225);

    background-size: cover

}



.couponBox .boxCorner .couponCount {

    font-size: .51rem;

    color: #fff;

    white-space: nowrap;

    -webkit-transform: rotate(45deg) translate(50%, 0);

    transform: rotate(45deg) translate(50%, 0)

}



.couponBox .closeIcon {

    position: absolute;

    left: 5.76rem;

    bottom: -2.56rem;

    width: 1.58rem;

    height: 1.58rem;

    background: url(/image/memDeposit/close.png);

    background-size: cover

}



.deposit_svg {

    fill: #fea240;

    width: 1rem;

    height: 1rem;

    margin-right: .25rem;

    position: relative;

    top: .28rem

}



.result_wrapper {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.result_wrapper .img {

    width: 11.093rem;

    height: 6.827rem;

    background: url(/image/mall/memDeposit.png);

    background-size: 34.56rem;

    margin-bottom: 1.92rem;

    margin-top: 3.2rem

}



.result_wrapper .txt {

    font-size: .811rem;

    color: rgba(53, 53, 53, 1)

}



.result_wrapper .btn {

    width: 8.533rem;

    height: 1.835rem;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(255, 114, 20, 1);

    border-radius: .213rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .683rem;

    color: rgba(255, 114, 20, 1);

    margin-top: 2.347rem

}



.result_wrapper .explain {

    font-size: .555rem;

    color: rgba(102, 102, 102, 1);

    margin-top: .597rem

}



.result_wrapper.suc .img {

    background-position: -20.779rem -26.923rem

}



.result_wrapper.fail .img {

    background-position: -20.779rem -34.389rem

}



.result_wrapper.retry .img {

    background-position: -20.779rem -34.389rem

}



.deposit_topup_list {

    width: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 .64rem

}



.deposit_topup_list .item_wrapper {

    width: 100%;

    height: 2.56rem;

    border-bottom: 1px solid rgba(238, 238, 238, 1)

}



.deposit_topup_list .item_wrapper .item {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.deposit_topup_list .item_wrapper .item .left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.deposit_topup_list .item_wrapper .item .left .topup_txt {

    font-size: .64rem;

    color: rgba(53, 53, 53, 1)

}



.deposit_topup_list .item_wrapper .item .left .topup_time {

    font-size: .469rem;

    color: rgba(153, 153, 153, 1)

}



.deposit_topup_list .item_wrapper .item .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup_list .item_wrapper .item .right .topup_price {

    font-size: .64rem;

    color: rgba(74, 179, 68, 1);

    margin-right: .256rem

}



.deposit_topup_list .item_wrapper .item .right .iconArrow {

    color: rgba(153, 153, 153, 1);

    font-weight: 700;

    font-size: .469rem;

    position: relative;

    top: 1px

}



.deposit_topup_list .empty_wrapper {

    height: 100%;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_topup_list .empty_wrapper .empty_pic {

    width: 10.667rem;

    height: 10.667rem;

    background: url(/image/mall/dist/incomeEmpty.png) no-repeat;

    background-size: contain;

    background-position: center;

    margin-top: 2.133rem

}



.deposit_topup_list .empty_wrapper .empty_txt {

    font-size: .64rem;

    color: rgba(53, 53, 53, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    line-height: 1.109rem

}



.deposit_topup_list .clickIcon .icon-clickIcon:before {

    content: "\e672";

    font-size: .6rem;

    color: rgba(102, 102, 102, 1)

}



.deposit_consume_list {

    width: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 .64rem

}



.deposit_consume_list .item_wrapper {

    width: 100%;

    height: 2.56rem;

    border-bottom: 1px solid rgba(238, 238, 238, 1)

}



.deposit_consume_list .item_wrapper .item {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.deposit_consume_list .item_wrapper .item .left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.deposit_consume_list .item_wrapper .item .left .consume_txt {

    font-size: .64rem;

    color: rgba(53, 53, 53, 1)

}



.deposit_consume_list .item_wrapper .item .left .consume_time {

    font-size: .469rem;

    color: rgba(153, 153, 153, 1)

}



.deposit_consume_list .item_wrapper .item .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_consume_list .item_wrapper .item .right .refund_price {

    font-size: .64rem;

    color: rgba(74, 179, 68, 1);

    margin-right: .256rem

}



.deposit_consume_list .item_wrapper .item .right .consume_price {

    font-size: .64rem;

    color: rgba(53, 53, 53, 1);

    margin-right: .256rem

}



.deposit_consume_list .item_wrapper .item .right .iconArrow {

    color: rgba(153, 153, 153, 1);

    font-weight: 700;

    font-size: .469rem;

    position: relative;

    top: 1px

}



.deposit_consume_list .empty_wrapper {

    height: 100%;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.deposit_consume_list .empty_wrapper .empty_pic {

    width: 10.667rem;

    height: 10.667rem;

    background: url(/image/mall/dist/incomeEmpty.png) no-repeat;

    background-size: contain;

    background-position: center;

    margin-top: 2.133rem

}



.deposit_consume_list .empty_wrapper .empty_txt {

    font-size: .64rem;

    color: rgba(53, 53, 53, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    line-height: 1.109rem

}



.deposit_info {

    padding: .8rem .75rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.deposit_popup {

    display: inline-block;

    width: 15rem;

    height: 20rem;

    position: fixed;

    top: -12rem;

    left: -.55rem;

    z-index: 9999

}



.deposit_popup_close {

    display: inline-block !important;

    width: 2rem;

    height: 2rem;

    position: fixed;

    top: 8rem;

    left: 5.925rem;

    z-index: 9999

}



.deposit_img2 {

    position: relative;

    top: .5rem

}



.deposit_img3 {

    position: relative;

    top: .5rem

}



.deposit_popup .money_title {

    position: absolute;

    top: 7.7rem;

    font-size: .75rem;

    color: rgba(255, 255, 255, 1);

    left: 3.2rem

}



.deposit_popup .money_txt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    top: 7.3rem;

    left: 7.7rem;

    height: 2rem;

    width: 4.5rem;

    white-space: nowrap;

    overflow: hidden

}



.deposit_popup .money_num {

    font-size: 1.25rem;

    font-weight: 700;

    color: rgba(247, 21, 24, 1)

}



.deposit_popup .money_txt .unit {

    font-size: .55rem;

    position: relative;

    top: -.07rem

}



.deposit_popup .integral_title {

    position: absolute;

    font-size: .75rem;

    color: rgba(255, 255, 255, 1)

}



.deposit_popup .integral_txt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    height: 2rem;

    width: 4.5rem;

    white-space: nowrap;

    overflow: hidden

}



.deposit_popup .integral_num {

    font-size: 1.25rem;

    font-weight: 700;

    color: rgba(247, 21, 24, 1);

    position: relative

}



.deposit_popup .integral_txt .unit {

    font-size: .55rem;

    position: relative

}



.deposit_popup .integral_title1 {

    top: 7.7rem;

    left: 3.2rem

}



.deposit_popup .integral_txt1 {

    top: 7.3rem;

    left: 7.7rem

}



.deposit_popup .integral_txt1 .unit {

    top: -.07rem

}



.deposit_popup .integral_title2 {

    top: 11.5rem;

    left: 3.2rem

}



.deposit_popup .integral_txt2 {

    top: 11.1rem;

    left: 7.7rem

}



.deposit_popup .integral_txt2 .unit {

    top: -.07rem

}



.deposit_popup .integral_title3 {

    top: 11.5rem;

    left: 3.2rem

}



.deposit_popup .integral_txt3 {

    top: 11.1rem;

    left: 7.7rem

}



.deposit_popup .integral_txt3 .unit {

    top: -.07rem

}



.deposit_popup .coupon_title {

    position: absolute;

    font-size: .75rem;

    color: rgba(255, 255, 255, 1)

}



.deposit_popup .coupon_txt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    height: 2rem;

    width: 4.5rem;

    white-space: nowrap;

    overflow: hidden

}



.deposit_popup .coupon_num {

    font-size: 1.25rem;

    font-weight: 700;

    color: rgba(247, 21, 24, 1)

}



.deposit_popup .coupon_txt .unit {

    font-size: .55rem;

    position: relative

}



.deposit_popup .coupon_title1 {

    top: 7.7rem;

    left: 3.2rem

}



.deposit_popup .coupon_txt1 {

    top: 7.3rem;

    left: 7.7rem

}



.deposit_popup .coupon_txt1 .unit {

    top: -.07rem

}



.deposit_popup .coupon_title2 {

    top: 11.5rem;

    left: 3.2rem

}



.deposit_popup .coupon_txt2 {

    top: 11.1rem;

    left: 7.7rem

}



.deposit_popup .coupon_txt2 .unit {

    top: -.07rem

}



.deposit_popup .coupon_title3 {

    top: 15.3rem;

    left: 3.2rem

}



.deposit_popup .coupon_txt3 {

    top: 14.9rem;

    left: 7.7rem

}



.deposit_popup .coupon_txt3 .unit {

    top: -.07rem

}



.deposit_verbose {

    font-size: .5rem;

    color: rgba(255, 235, 215, 1);

    position: relative;

    z-index: 9999

}



.deposit_verbose1 {

    top: -1.2rem

}



.deposit_verbose2 {

    top: 2.6rem

}



.deposit_verbose3 {

    top: 5.75rem

}



.f_groupBuyMore.borderTop {

    border-top: .4rem solid #f4f4f4

}



.f_groupBuyMore .overHidden {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0

}



.f_groupBuyMore .title {

    height: 2.475rem;

    text-align: center;

    line-height: 2.457rem

}



.f_groupBuyMore .titleLine {

    width: .896rem;

    height: .045rem;

    background: rgba(53, 53, 53, 1);

    display: inline-block;

    vertical-align: middle

}



.f_groupBuyMore .titleName {

    font-size: .64rem;

    color: #353535;

    margin: 0 .6rem

}



.f_groupBuyMore .single {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-bottom: 1rem;

    position: relative

}



.f_groupBuyMore .single .leftPic {

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    width: 4.7rem;

    height: 4.7rem;

    display: inline-block;

    margin-left: .68rem

}



.f_groupBuyMore .single .leftPic .marketingTip {

    padding: 0 .1rem;

    height: .64rem;

    line-height: .64rem;

    margin-left: .23rem;

    margin-top: .23rem;

    border-radius: .1rem;

    font-size: .45rem;

    text-align: center;

    display: inline-block;

    color: #fff

}



.f_groupBuyMore .single .rightInfo {

    display: inline-block;

    margin-left: .745rem;

    position: relative;

    width: 8.938rem;

    height: 4.7rem

}



.f_groupBuyMore .single .rightInfo .pdName {

    word-break: break-all;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    position: absolute;

    color: #353535;

    font-size: .6rem;

    overflow: hidden

}



.f_groupBuyMore .single .rightInfo .groupPrice {

    word-break: break-all;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    font-size: .64rem;

    position: absolute;

    bottom: 0;

    width: 5.73rem;

    overflow: hidden

}



.f_groupBuyMore .single .rightInfo .jumpToUrl {

    width: 2.65rem;

    height: 1.06rem;

    line-height: 1.06rem;

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: .064rem;

    font-size: .512rem;

    color: #fff;

    text-align: center;

    cursor: pointer

}



.f_groupBuyMore .multiple {

    display: inline-block

}



.f_groupBuyMore .multipleItem {

    margin-left: .64rem;

    margin-bottom: 1rem;

    display: inline-block;

    vertical-align: -webkit-baseline-middle;

    position: relative

}



.f_groupBuyMore .multipleRightItem {

    display: inline-block;

    margin-left: 1.06rem

}



.f_groupBuyMore .multipleItem .topPic {

    background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    display: block;

    width: 6.82rem;

    height: 6.82rem

}



.f_groupBuyMore .multipleItem .topPic .marketingTip {

    padding: 0 .1rem;

    height: .64rem;

    line-height: .64rem;

    margin-left: .23rem;

    margin-top: .23rem;

    border-radius: .1rem;

    font-size: .45rem;

    text-align: center;

    display: inline-block;

    color: #fff

}



.f_groupBuyMore .multipleItem .buttomInfo {

    margin-top: .448rem;

    height: 2.56rem;

    position: relative

}



.f_groupBuyMore .multipleItem .buttomInfo .pdName {

    word-break: break-all;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    width: 6.82rem;

    color: #353535;

    font-size: .512rem;

    overflow: hidden

}



.f_groupBuyMore .multipleItem .buttomInfo .groupPrice {

    word-break: break-all;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    overflow: hidden;

    width: 4.05rem;

    position: absolute;

    font-size: .64rem;

    left: 0;

    bottom: 0

}



.f_groupBuyMore .multipleItem .buttomInfo .jumpToUrl {

    width: 2.65rem;

    height: 1.06rem;

    line-height: 1.06rem;

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: .064rem;

    font-size: .512rem;

    color: #fff;

    text-align: center;

    cursor: pointer

}



.f_selfRaisingSubmitSuc {

    height: 27rem;

    background-color: #f5f5f5;

    position: relative

}



.f_selfRaisingSubmitSuc .panelContain {

    position: absolute;

    top: .4rem;

    left: .425rem

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel {

    width: 15.15rem;

    height: 8.1rem;

    background-color: #fff;

    -webkit-box-shadow: 0 .125rem .375rem 0 rgba(3, 16, 46, .05);

    box-shadow: 0 .125rem .375rem 0 rgba(3, 16, 46, .05);

    border-radius: .25rem;

    text-align: center

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .tipImg {

    width: 1.5rem;

    height: 1.5rem;

    line-height: 1.8rem;

    background: rgba(255, 255, 255, 1);

    border: 3px solid #ff7214;

    opacity: .5;

    border-radius: 50%;

    margin: auto

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .tipImg .svg {

    width: .8rem;

    height: .8rem;

    fill: #ff6137;

    opacity: unset

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .showMsg {

    margin-top: .425rem;

    font-size: .55rem;

    height: .525rem;

    line-height: .375rem;

    color: #353535

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .priceContain {

    display: inline-block;

    margin-top: .8rem

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .priceContain .choiceCurrencyVal {

    display: inline-block;

    font-size: .75rem;

    margin-right: .15rem

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .priceContain .payPrice {

    display: inline-block;

    line-height: 1.1rem;

    font-size: 1.3rem

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .butContain {

    height: 1.5rem;

    line-height: 1.5rem;

    margin-top: .8rem

}



.f_selfRaisingSubmitSuc .panelContain .simplePanel .butContain .but {

    display: inline-block;

    height: 1.5rem;

    width: 4.7rem;

    color: #353535;

    font-size: .6rem;

    border: 1px solid #999;

    border-radius: .25rem;

    cursor: pointer

}



.f_selfRaisingSubmitSuc .marginRight925 {

    margin-right: .925rem

}



.f_selfRaisingSubmitSuc .panelContain .verificationContain {

    margin-top: .4rem;

    position: relative

}



.f_selfRaisingSubmitSuc .panelContain .verificationContain .saveArea {

    position: absolute;

    left: 9rem;

    top: .925rem;

    font-size: .6rem;

    height: .6rem;

    line-height: .6rem;

    cursor: pointer

}



.f_selfRaisingVerification .selfRaisingVerificationContent {

    z-index: 1000;

    position: absolute;

    left: 1.025rem;

    top: 4rem

}



.f_selfRaisingVerification .promptTextContain {

    margin-top: .4rem;

    background: #fff;

    text-align: center;

    border-radius: .25rem;

    height: 1.8rem;

    line-height: 1.8rem;

    width: 100%;

    cursor: pointer;

    color: #353535;

    width: 13.9rem

}



.m_timedAddTag {

    display: inline-block;

    color: #fff;

    margin-right: .2rem;

    border-radius: .1rem;

    padding: 0 .2rem;

    font-size: .5rem;

    height: .6rem;

    line-height: .6rem;

    top: -.04rem;

    position: relative

}



.formStyle3 .fk-mProductList33 .m_timedAddTag {

    font-size: .6rem

}



.formStyle3 .fk-mProductList31 .m_timedAddTag {

    font-size: .4rem

}



.g_main_fillColor_v3 svg path {

    fill: inherit

}



.g_oldThemefillColor svg path {

    fill: inherit

}



svg.g_main_fillColor_v3 path {

    fill: inherit

}



svg.g_oldThemefillColor path {

    fill: inherit

}



.weChatConsult {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9998;

    top: 0

}



.weChatConsultBg {

    position: relative;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9998;

    background: rgba(0, 0, 0, .7)

}



.weChatConsult .weChatConsultBox {

    position: absolute;

    z-index: 9999;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 10.65rem;

    height: 14.8rem;

    background: url(/image/wxPage.png?v=201907221459) no-repeat;

    background-size: contain

}



.weChatConsult .weChatConsultCloseBtn {

    position: absolute;

    width: .8rem;

    height: .8rem;

    fill: #bdbdbd;

    fill: #bdbdbd;

    right: .2rem;

    top: .2rem

}



.weChatConsultImg {

    width: 7.65rem;

    height: 7.65rem;

    position: absolute;

    top: 1.45rem;

    left: 1.5rem

}



.weChatConsultTextBox {

    position: absolute;

    width: 9.65rem;

    text-align: center;

    top: 10.15rem;

    font-size: .7rem;

    height: 1rem;

    left: .55rem;

    background: #fff

}



@-webkit-keyframes consultWechatQrCodeFadeIn {

    0% {

        opacity: .5;

        -webkit-transform: scale(.5);

        transform: scale(.5)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes consultWechatQrCodeFadeIn {

    0% {

        opacity: .5;

        -webkit-transform: scale(.5);

        transform: scale(.5)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.consultWechatQrCodeBounceIn {

    -webkit-animation-duration: .2s;

    animation-duration: .2s;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

    -webkit-animation-name: consultWechatQrCodeFadeIn;

    animation-name: consultWechatQrCodeFadeIn

}



#g_web.jz_oldTheme .half .productImmediatelyBug.g_bookingButton {

    width: 45%

}



.productNewDetailPanel .consultImmediatelyBtn.productAddMall {

    background-color: #fff;

    margin: .45rem .4rem .45rem 0

}



#g_web.jz_newTheme .productMallShop .g_bookingButton {

    width: 100%

}



#g_web.jz_newTheme .productMallShop .g_conSultBtn {

    color: #fff;

    padding: .55rem .5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.jz_oldTheme .productMallShop .g_conSultBtn {

    color: #fff

}



#g_web.jz_oldTheme .productMallShop .g_conSultBtn {

    padding: .6rem .5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



#g_web.jz_newTheme.jz_mallTheme .productMallShop .g_conSultBtn {

    padding: 0;

    margin: 0;

    border: 0

}



#g_web.jz_oldTheme .productMallShop .g_conSultBtn.productAddMall {

    background: #fff

}



#g_web.jz_newTheme .productMallShop.half .g_bookingButton {

    width: 50%

}



#g_web.jz_newTheme.jz_themePresetIndex_1 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_1 .productMallShop.half .g_conSultBtn {

    background-color: #f0863b

}



#g_web.jz_newTheme.jz_themePresetIndex_2 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_2 .productMallShop.half .g_conSultBtn {

    background-color: #fd6a4d

}



#g_web.jz_newTheme.jz_themePresetIndex_3 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_3 .productMallShop.half .g_conSultBtn {

    background-color: #fda92f

}



#g_web.jz_newTheme.jz_themePresetIndex_4 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_4 .productMallShop.half .g_conSultBtn {

    background-color: #fb7c27

}



#g_web.jz_newTheme.jz_themePresetIndex_5 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_5 .productMallShop.half .g_conSultBtn {

    background-color: #3b8b96

}



#g_web.jz_newTheme.jz_themePresetIndex_6 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_6 .productMallShop.half .g_conSultBtn {

    background-color: #1f58c5

}



#g_web.jz_newTheme.jz_themePresetIndex_7 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_7 .productMallShop.half .g_conSultBtn {

    background-color: #593cfb

}



#g_web.jz_newTheme.jz_themePresetIndex_8 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_8 .productMallShop.half .g_conSultBtn {

    background-color: #8b62e0

}



#g_web.jz_newTheme.jz_themePresetIndex_9 .btnGroup.half .g_conSultBtn, #g_web.jz_newTheme.jz_themePresetIndex_9 .productMallShop.half .g_conSultBtn {

    background-color: #3b3b3b

}



.proDetailDiv .btnGroup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.proDetailDiv .btnGroup .g_button {

    width: 90%;

    margin: 0 auto;

    margin-bottom: .4rem;

    color: #fff;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 .5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.proDetailDiv .btnGroup.half .g_button {

    width: 45%

}



.formDiv {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 999;

    top: 0;

    background-color: #fff;

    overflow-y: scroll;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    max-width: 768px;

    -webkit-overflow-scrolling: touch

}



.formDiv .form {

    height: 100%

}



#formDiv #module84 {

    width: 100%

}



#formDiv #module84 .formBannerTitle {

    display: none

}



#formDiv #module84 .formMiddle {

    background: #fff !important

}



#formDiv #module84 .formMiddleContent {

    margin: 0 !important

}



.formDiv .popupName {

    color: #fff;

    max-width: 8rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: inline-block;

    white-space: nowrap

}



.formDiv.maskStyle .popupName {

    color: #666

}



.formDiv .form .moduleContent {

    color: #666

}



.formDiv.maskStyle .jz_mobi_form {

    padding-top: 0

}



.formDiv .jz_mobi_form .submit_btn {

    margin-bottom: .65rem

}



.formDiv .icon-gClose {

    content: "\b0294";

    content: "\b0294";

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-left: .3rem

}



.formDiv .icon-gClose:before {

    content: "\b0294";

    color: #fff;

    font-size: .8rem

}



@media only screen and (min-width: 1280px) {

    .formDiv {

        max-width: 512px

    }

}



#formDiv.maskStyle #module84 {

    margin-top: 2rem

}



.formDiv.maskStyle #modulePopupWrap {

    width: auto;

    -webkit-transition: width .5s, height .5s;

    transition: width .5s, height .5s;

    max-height: 80%;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.formDiv.maskStyle {

    background: rgba(0, 0, 0, .6);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.formDiv.maskStyle #modulePopup {

    overflow-x: hidden;

    background: #fff;

    position: relative;

    width: 100%;

    max-height: 80%;

    overflow-y: auto;

    border-radius: .15rem

}



.formDiv.maskStyle .fixedHead {

    height: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: fixed;

    z-index: 999;

    text-align: center;

    background: #fff

}



.formDiv.maskStyle .transitionAnimation {

    -webkit-transition: width .5s, height .5s;

    transition: width .5s, height .5s

}



.formDiv.maskStyle .fixedHead.noAnimation {

    -webkit-transition: none;

    transition: none

}



.formDiv.maskStyle .mask_close {

    position: absolute;

    right: 0;

    margin-right: .3rem

}



.formDiv.maskStyle .mask_close svg {

    width: .7rem;

    height: .7rem;

    fill: #666;

    cursor: pointer

}



.formDiv.maskStyle .m_mobi_form_validate_code .m_mobi_form_input_text {

    width: 50%

}



.earnestSaleShareBtn {

    text-align: center;

    color: #fff;

    font-size: .6rem;

    margin-top: .4rem

}



.earnestSaleProductWrap.mallThemeProductWrap .productNameText {

    font-weight: 600;

    margin-top: -.3rem

}



.earnestSaleTime .countDownLeftBox {

    margin: .35rem 0 0 .64rem

}



.earnestSaleTime .earnestSaleTip {

    text-align: center;

    line-height: .75rem;

    display: inline-block;

    margin-right: .38rem;

    width: 1.45rem;

    height: 1.45rem;

    background: rgba(255, 255, 255, .8);

    border-radius: .15rem

}



.earnestSaleTime .earnestSaleTip .esName {

    width: 1.45rem;

    height: 1.45rem;

    font-size: .525rem;

    height: 1.2rem;

    line-height: .6rem;

    margin-top: .13rem

}



.earnestSaleTime .esPaynum {

    display: inline-block;

    font-size: .47rem;

    text-align: left;

    height: .47rem;

    line-height: .47rem;

    color: #fff;

    vertical-align: text-top

}



.earnestSaleTime .salePromotionNewNumb {

    background: rgba(255, 255, 255, .8)

}



.earnestSaleArea .esPriceContain {

    margin-top: .426rem;

    font-size: .512rem;

    color: #999;

    height: .512rem;

    line-height: .512rem

}



.earnestSaleArea .esPriceContain .realPrice {

    display: inline-block;

    font-size: .512rem;

    height: .64rem;

    line-height: .64rem;

    color: #474747

}



.earnestSaleArea .esPriceContain .cancelPrice {

    display: inline-block;

    font-size: .43rem;

    color: #999;

    margin-left: .26rem;

    height: .43rem;

    line-height: .43rem;

    text-decoration: line-through

}



.earnestSaleArea .earnestPriceContain {

    height: .81rem;

    line-height: .81rem;

    margin-top: .09rem

}



.earnestSaleArea .earnestPriceContain .earnestPrice {

    font-size: .51rem

}



.earnestSaleArea .earnestPriceContain .ccv {

    font-size: .51rem

}



.earnestSaleArea .earnestPriceContain .intPrice {

    font-size: .81rem;

    font-weight: 600

}



.earnestSaleArea .earnestPriceContain .decimalPrice {

    font-size: .51rem

}



.earnestSaleArea .earnestPriceContain .expandPriceTip {

    display: inline-block;

    margin-left: .43rem

}



.earnestSaleArea .earnestPriceContain .expandPriceTip .imgMask {

    display: inline-block;

    height: .8rem;

    vertical-align: top;

    width: .64rem;

    -webkit-mask-image: url(/image/earnestSale/tip.png?v=201909251255);

    -webkit-mask-repeat: round;

    mask-image: url(/image/earnestSale/tip.png?v=201909251255);

    mask-repeat: round

}



.earnestSaleArea .earnestPriceContain .expandPriceTip .expandPrice {

    display: inline-block;

    font-size: .51rem;

    border-radius: .09rem;

    padding-right: .34rem;

    padding-left: .34rem;

    vertical-align: top;

    height: .8rem;

    line-height: .8rem

}



.earnestSaleArea .earnestPriceContain .expandPriceTip .paddingUnset {

    padding: unset

}



.earnestSaleArea .earnestPriceContain .expandPriceTip .white85 {

    background-color: rgb(255, 255, 255, .85)

}



.earnestSaleArea .balancePriceTime {

    font-size: .51rem;

    color: #999;

    margin-top: .43rem

}



.earnestSaleBtnContain {

    color: #fff;

    position: relative

}



.earnestSaleBtnContain .earnestSaleBtn {

    text-align: left;

    width: 65%;

    height: 100%

}



.earnestSaleBtnContain .earnestSaleBtn .earnestEndTime {

    font-size: .51rem;

    line-height: .6rem;

    margin-top: .1rem;

    margin-left: .2rem

}



.earnestSaleBtnContain .earnestSaleBtn .shipDate {

    font-size: .47rem;

    line-height: .51rem;

    margin-top: .2rem;

    margin-left: .2rem

}



.earnestSaleBtnContain .btnName {

    font-size: .68rem;

    height: 100%;

    position: absolute;

    top: .68rem;

    font-weight: 600;

    right: 0;

    margin-top: -15px;

    width: 35%

}



.earnestSaleBtnContain .right1_2 {

    right: 1.2rem

}



.earnestSaleBtnContain.longSimpleWidth .btnName {

    right: .81rem

}



.productDetail_v3 .earnestSaleBtnContain .earnestSaleBtn {

    margin-top: 0;

    margin-left: 1rem

}



.productDetail_v3 .earnestSaleBtnContain .btnName {

    top: .9rem;

    right: 2rem

}



.earnestSalePriceTag .esPriceContain {

    margin-top: .4rem;

    font-size: .51rem;

    color: #999;

    height: .51rem;

    line-height: .51rem

}



.earnestSalePriceTag .esPriceContain .realPrice {

    display: inline-block;

    font-size: .51rem;

    height: .51rem;

    line-height: .51rem;

    color: #474747

}



.earnestSalePriceTag .esPriceContain .realPrice .smallPrice {

    display: inline-block

}



.earnestSalePriceTag .esPriceContain .cancelPrice {

    display: inline-block;

    font-size: .43rem;

    color: #999;

    margin-left: .26rem;

    height: .43rem;

    line-height: .43rem;

    text-decoration: line-through

}



.earnestSalePriceTag .earnestPriceContain {

    height: .81rem;

    line-height: .81rem;

    margin-top: .09rem

}



.earnestSalePriceTag .earnestPriceContain .earnestPrice {

    display: inline-block;

    font-size: .51rem

}



.earnestSalePriceTag .earnestPriceContain .ccv {

    display: inline-block;

    font-size: .51rem

}



.earnestSalePriceTag .earnestPriceContain .intPrice {

    display: inline-block;

    font-size: .81rem;

    font-weight: 600

}



.earnestSalePriceTag .earnestPriceContain .decimalPrice {

    display: inline-block;

    font-size: .51rem

}



.earnestSalePriceTag .expandPriceTip {

    display: inline-block;

    position: relative;

    margin-top: .1rem

}



.earnestSalePriceTag .expandPriceTip .imgMask {

    width: 0;

    height: 0;

    border-left: .19rem solid transparent;

    border-right: .19rem solid transparent;

    border-bottom: .19rem solid #ffefb3;

    position: absolute;

    left: .34rem

}



.earnestSalePriceTag .expandPriceTip .expandPrice {

    margin-top: .17rem;

    display: inline-block;

    font-size: .51rem;

    border-radius: .11rem;

    padding-right: .38rem;

    padding-left: .38rem;

    height: .75rem;

    line-height: .75rem;

    background: -webkit-gradient(linear, left top, right top, from(#ffefb3), to(#ffdc9d));

    background: linear-gradient(90deg, #ffefb3, #ffdc9d);

    color: #b86011

}



.orderDetail .orderDetail_line .line_item .earnestSaleOptions, .orderSettle .mall_product .right .product_attr.earnestSaleOptions {

    -webkit-line-clamp: 1

}



.earnestSaleshipDays {

    font-size: .51rem;

    color: #f5a827;

    margin-top: .35rem;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2

}



.orderDetail .earnestSaleshipDays {

    margin-top: .2rem

}



.f_earnestSale {

    width: calc(100% - 1.11rem);

    padding-left: .47rem;

    padding-right: .64rem;

    background: #fff

}



.f_earnestSale .earnestSale-payItem {

    height: 3.84rem;

    padding: 1rem 0 1rem .21rem;

    border-bottom: 1px solid #f2f2f2

}



.f_earnestSale .topContain {

    width: calc(100% - .21rem);

    display: inline-block;

    position: relative

}



.f_earnestSale .topContain .tip {

    display: inline-block;

    margin-top: .21rem

}



.f_earnestSale .topContain .tip .topCircle {

    width: .3rem;

    height: .3rem;

    border-radius: 50%

}



.f_earnestSale .topContain .tip .topLine {

    width: .04rem;

    height: .83rem;

    background: rgba(255, 203, 168, 1);

    margin-left: .13rem

}



.f_earnestSale .topContain .tip .bottomLine {

    width: .04rem;

    height: .83rem;

    background: rgba(234, 234, 234, 1);

    margin-left: .13rem

}



.f_earnestSale .topContain .tip .bottomCircle {

    width: .3rem;

    height: .3rem;

    background: rgba(204, 204, 204, 1);

    border-radius: 50%

}



.f_earnestSale .topContain .info {

    display: inline-block;

    vertical-align: top;

    margin-left: .13rem

}



.f_earnestSale .topContain .info .innerTopContain {

    display: inline-block;

    margin-left: .28rem

}



.f_earnestSale .topContain .info .innerTopContain .esleft {

    font-size: .51rem;

    display: inline-block;

    vertical-align: top;

    height: .51rem

}



.f_earnestSale .topContain .info .innerTopContain .esright {

    display: inline-block;

    position: absolute;

    right: 0;

    top: 0;

    line-height: .77rem

}



.f_earnestSale .topContain .info .innerTopContain .esright .first {

    display: inline-block;

    font-size: .51rem;

    height: .77rem;

    background: rgba(255, 255, 255, 1);

    border-style: solid;

    border-width: 1px;

    border-radius: .09rem;

    text-align: center;

    padding: 0 .34rem;

    margin-right: .6rem;

    vertical-align: top

}



.f_earnestSale .topContain .info .innerTopContain .esright .second {

    display: inline-block;

    text-align: right;

    font-size: .6rem;

    height: .81rem;

    line-height: .73rem

}



.f_earnestSale .topContain .info .innerBottomContain .first {

    font-size: .51rem;

    display: inline-block;

    bottom: 0;

    position: absolute;

    left: .68rem

}



.f_earnestSale .topContain .info .innerBottomContain .second {

    display: inline-block;

    font-size: .6rem;

    color: rgba(31, 31, 31, 1);

    position: absolute;

    right: 0;

    bottom: 0

}



.f_earnestSale .bottomContain {

    margin-top: .8rem;

    font-size: .51rem;

    color: #888;

    height: .51rem;

    line-height: .51rem

}



.f_earnestSale .earnestSale_line {

    height: 2.5rem;

    line-height: 2.5rem;

    margin: 0 .2rem;

    background-color: #fff;

    font-size: .6rem;

    color: #333;

    border-bottom: 1px solid #f2f2f2

}



.unsetBorderBottom {

    border-bottom: unset

}



.f_earnestSale .earnestSale_line .left {

    float: left

}



.f_earnestSale .earnestSale_line .right {

    float: right

}



.f_earnestSale .switch {

    margin-top: .65rem

}



.f_earnestSale .cmn-toggle {

    position: absolute;

    margin-left: -426.62rem;

    visibility: hidden

}



.f_earnestSale .cmn-toggle + label {

    display: block;

    position: relative;

    cursor: pointer;

    outline: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.f_earnestSale input.cmn-toggle-round + label {

    padding: .09rem;

    width: 2rem;

    height: 1.01rem;

    background-color: #ddd;

    border-radius: 2.56rem

}



.f_earnestSale input.cmn-toggle-round + label:after, .f_earnestSale input.cmn-toggle-round + label:before {

    display: block;

    position: absolute;

    top: .04rem;

    left: .04rem;

    bottom: .04rem;

    content: ""

}



.f_earnestSale input.cmn-toggle-round + label:before {

    right: .04rem;

    background-color: #f1f1f1;

    border-radius: 2.56rem;

    -webkit-transition: background .4s;

    transition: background .4s

}



.f_earnestSale input.cmn-toggle-round + label:after {

    width: 1.1rem;

    background-color: #fff;

    border-radius: 100%;

    -webkit-box-shadow: 0 .09rem .21rem rgba(0, 0, 0, .3);

    box-shadow: 0 .09rem .21rem rgba(0, 0, 0, .3);

    -webkit-transition: margin .4s;

    transition: margin .4s

}



.f_earnestSale input.cmn-toggle-round:checked + label:before {

    background-color: #62ca45

}



.f_earnestSale input.cmn-toggle-round:checked + label:after {

    margin-left: 1rem

}



.earnestSaleOptions {

    overflow: hidden;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 1

}



.earnestSaleshipDays {

    height: .52rem;

    line-height: .52rem;

    font-size: .51rem;

    color: #f5a827;

    margin-top: .3rem;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2

}



.f_earnestSaleTimer {

    z-index: 1;

    width: 16rem;

    height: 1.6rem;

    line-height: 1.6rem;

    background: #333;

    position: fixed;

    bottom: 2.3rem;

    border-top: .02rem solid #eee;

    color: #fff;

    font-size: .55rem;

    vertical-align: middle;

    text-align: center

}



.bottom0 {

    bottom: 0

}



.f_earnestSaleTimer .tip {

    margin-right: .38rem;

    display: inline-block;

    width: .55rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .49rem;

    background: rgba(255, 255, 255, 1);

    border-radius: 50%;

    color: #404040;

    font-weight: 900;

    transform: rotate(-180deg);

    -o-transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg)

}



.f_earnestSaleTimer .payTimer {

    display: inline-block

}



.empty_tips {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 19.2rem;

    width: 100%;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.empty_tips .img {

    background: url(/image/noItg.png?v=201909251255) no-repeat;

    width: 10.67rem;

    height: 10.67rem;

    position: relative;

    top: -2.1333rem;

    background-size: contain

}



.empty_tips .text {

    font-size: .64rem;

    position: relative;

    top: -3.2rem;

    color: #353535

}



.itgRewardPopContain {

    width: 12rem;

    height: 11.5rem;

    margin: 0 auto;

    background: #fff;

    border-radius: .4rem;

    position: relative;

    border-radius: .4rem

}



.itgRewardPopContain .itgRewardPopTitleBg {

    position: absolute;

    top: -173px;

    left: 0;

    top: -4.35rem

}



.itgRewardPopContain .topTitle {

    position: absolute;

    top: 2rem;

    width: 100%;

    font-size: .75rem;

    color: #fff

}



.itgRewardPopContain .middleRewardTip {

    position: absolute;

    top: 5.2rem;

    width: 100%;

    font-size: .75rem;

    color: #555

}



.itgRewardPopContain .middleRewardNum {

    font-size: 1.8rem;

    color: rgba(252, 124, 33, 1);

    position: absolute;

    width: 100%;

    top: 7.2rem

}



.itgRewardPopContain .forwardContain {

    font-size: .5rem;

    color: rgba(153, 153, 153, 1);

    position: absolute;

    bottom: .8rem;

    width: 100%

}



.itgRewardPopContain .icon-itgForward {

    font-size: .42rem;

    margin-left: .1rem

}



.itgRewardPopContain .icon-itgForward:before {

    content: '\b0362'

}



.itgRewardPopContain .itgRewardPopClose.J-prompt-cancel {

    display: inline-block;

    position: absolute;

    bottom: -2.5rem;

    left: 5.25rem

}



.formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgDesc.default, .formStyle42 .newCarouselMultiPhoto.outerBox .photoImageItem .imgName.default {

    -webkit-box-orient: vertical

}



.formStyle52 .fkEditor-wrap u span {

    text-decoration: underline

}



.moduleContent {

    overflow: hidden

}



.p_productDetailMemberShipCard {

    width: 14.8rem;

    height: 2.13rem;

    background: rgba(238, 238, 238, .5);

    border-radius: .04rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0 auto .426rem auto

}



.p_productDetailMemberShipCard .nameArea {

    width: 3.41rem;

    height: 1.34rem;

    line-height: 1.34rem;

    border-radius: .09rem;

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(237, 206, 151, 1);

    text-align: center;

    margin-left: .3rem;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    word-wrap: break-word;

    background: url(/image/memberShipCard/productDetailCardBg.png?v=201911181319) no-repeat;

    background-size: contain;

    background-position: center

}



.p_productDetailMemberShipCard .rights {

    width: 7.3rem;

    font-size: .51rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(102, 102, 102, 1);

    height: .8rem;

    line-height: .8rem;

    margin-left: .28rem;

    margin-right: .34rem;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    word-wrap: break-word

}



.p_productDetailMemberShipCard .openBtn {

    text-align: center;

    width: 2.77rem;

    height: 1rem;

    line-height: 1rem;

    background: rgba(243, 229, 204, 1);

    border: 1px solid rgba(237, 206, 151, 1);

    border-radius: 1rem;

    font-size: .5rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(119, 83, 36, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.p_productDetailMemberShipCard .textCenter {

    display: block;

    margin: auto

}



.p_memberShipCard.memberShipCardArea {

    height: 1.59rem;

    width: 14.51rem;

    margin: auto;

    border-radius: .51rem .51rem 0 0;

    background: url(/image/memberShipCard/memberCenterCardBg1_black.png?v=201911181319) no-repeat;

    background-size: contain;

    background-position: center;

    margin: auto;

    position: relative

}



.p_memberShipCard span {

    width: 100%;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.jz-theme7 .p_memberShipCard.memberShipCardArea {

    background: url(/image/memberShipCard/memberCenterCardBg1.png?v=201911181319) no-repeat;

    background-size: contain;

    background-position: center

}



.p_memberShipCard.memberShipCardArea .membershipCardName {

    width: 8.53rem;

    font-size: .56rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #edce97;

    left: 39%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    position: absolute

}



.jz-theme7 .p_memberShipCard.memberShipCardArea .membershipCardName {

    color: #000

}



.p_memberShipCard.memberShipCardArea .membershipCardBtn {

    display: inline-block;

    width: 2.99rem;

    height: .81rem;

    line-height: .81rem;

    background: rgba(243, 229, 204, 1);

    border-radius: .43rem;

    font-size: .51rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(119, 83, 36, 1);

    text-align: center;

    float: right;

    margin: .38rem 1.28rem 0 0;

    cursor: pointer

}



.p_memberShipCard .cardBox:last-child {

    margin-bottom: 1.28rem

}



.p_memberShipCard .cardBox {

    cursor: pointer;

    width: 14.08rem;

    height: 6.4rem;

    -webkit-box-shadow: 0 .15rem .21rem 0 rgba(51, 51, 51, .12);

    box-shadow: 0 .15rem .21rem 0 rgba(51, 51, 51, .12);

    border-radius: .43rem;

    position: relative;

    margin: 19px auto 0 auto

}



.p_memberShipCard .cardBox .nameAndSign {

    position: absolute;

    left: 1.3rem;

    top: 1.11rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline

}



.p_memberShipCard .cardBox .nameAndSign .name {

    display: inline-block;

    height: 1.28rem;

    line-height: 1.13rem;

    font-size: 1.07rem;

    font-weight: bolder;

    color: rgba(255, 255, 255, 1);

    max-width: 10.45rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.p_memberShipCard .cardBox .nameAndSign .name {

    opacity: 0

}



.p_memberShipCard .cardBox .nameAndSign .name_show {

    position: absolute;

    left: 0;

    top: 0;

    height: 1.28rem;

    line-height: 1.28rem;

    font-size: 1.07rem;

    font-weight: bolder;

    color: rgba(255, 255, 255, 1);

    max-width: 10.67rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.p_memberShipCard .cardBox .nameAndSign .name_shadow {

    position: absolute;

    left: .09rem;

    top: .09rem;

    height: 1.28rem;

    line-height: 1.28rem;

    font-size: 1.07rem;

    font-weight: bolder;

    color: #000;

    opacity: .1;

    max-width: 10.67rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.p_memberShipCard .cardBox .nameAndSign .sign {

    display: inline-block;

    width: 1.75rem;

    height: .68rem;

    line-height: .68rem;

    background: rgba(0, 0, 0, 1);

    border-radius: .34rem;

    font-size: .43rem;

    text-align: center;

    color: #fff;

    margin-left: .32rem;

    opacity: .5;

    vertical-align: text-top

}



.p_memberShipCard .cardBox .timeBox {

    position: absolute;

    left: 1.26rem;

    bottom: .96rem;

    font-size: .51rem;

    color: rgba(255, 255, 255, 1);

    opacity: .7;

    height: 1.34rem

}



.p_memberShipCard .cardBox .timeBox .timeTxt {

    height: .51rem;

    line-height: .51rem

}



.p_memberShipCard .cardBox .timeBox .timeVal {

    height: .51rem;

    line-height: .51rem;

    margin-top: .32rem

}



.p_memberShipCard .cardBox .priceBox {

    position: absolute;

    top: 2.56rem;

    right: 1.13rem;

    color: #fff

}



.p_memberShipCard .cardBox .priceBox .priceSign {

    display: inline-block;

    font-size: .64rem;

    vertical-align: text-bottom

}



.p_memberShipCard .cardBox .priceBox .priceVal {

    display: inline-block;

    font-size: 1.49rem;

    vertical-align: baseline;

    height: 1.28rem;

    line-height: 1.28rem

}



.p_memberShipCard .cardBox .priceBox_shadow {

    position: absolute;

    top: 2.65rem;

    right: 1.05rem;

    color: #000;

    opacity: .1

}



.p_memberShipCard .cardBox .priceBox_shadow .priceSign {

    display: inline-block;

    font-size: .64rem;

    vertical-align: text-bottom;

    opacity: 0

}



.p_memberShipCard .cardBox .priceBox_shadow .priceVal {

    display: inline-block;

    font-size: 1.49rem;

    vertical-align: baseline;

    height: 1.28rem;

    line-height: 1.28rem

}



.p_memberShipCard .cardBox .buyBtn {

    position: absolute;

    right: 1.07rem;

    bottom: .58rem;

    width: 2.99rem;

    height: 1.28rem;

    line-height: 1.28rem;

    background: rgba(0, 0, 0, .5);

    border-radius: .64rem;

    font-size: .6rem;

    color: #fff;

    text-align: center;

    font-weight: 400

}



.p_memberShipCard .cardBox .buyRecordBtn {

    position: absolute;

    right: 1.49rem;

    bottom: .96rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .55rem;

    color: #fff;

    text-align: center;

    opacity: .8

}



.p_memberShipCard .cardBox .rightIco {

    position: absolute;

    right: .92rem;

    bottom: 1rem;

    height: .43rem;

    line-height: .43rem;

    font-size: .5rem;

    color: #fff;

    text-align: center;

    opacity: .8

}



.p_memberShipCard .rightsBox .titleBox {

    height: .64rem;

    margin-top: 1.28rem;

    position: relative;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .rightsBox .titleBox .txt {

    font-size: .64rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    height: .64rem;

    line-height: .64rem;

    display: inline-block

}



.p_memberShipCard .rightsBox .titleBox .explanation {

    position: absolute;

    right: .53rem;

    bottom: 0;

    font-size: .55rem;

    font-weight: 400;

    color: rgba(102, 102, 102, 1);

    height: .55rem;

    line-height: .55rem

}



.p_memberShipCard .rightsBox .titleBox .rightIco {

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: .43rem

}



.p_memberShipCard .rightsBox .rightsList {

    margin-top: 1.15rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 13.65rem

}



.p_memberShipCard .rightsBox .rightsList .rightsItem {

    width: 2.77rem;

    margin-right: .85rem;

    margin-bottom: .43rem

}



.p_memberShipCard .rightsBox .rightsList .rightsItem:nth-child(4n) {

    margin-right: 0

}



.p_memberShipCard .rightsBox .rightsList .rightsItem .ico {

    width: 2.13rem;

    height: 2.13rem;

    border: 1px solid rgba(199, 163, 76, 1);

    border-radius: 50%;

    position: relative;

    margin: 0 auto

}



.p_memberShipCard .rightsBox .rightsList .rightsItem .ico image {

    width: 1.07rem;

    height: 1.07rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.p_memberShipCard .rightsBox .rightsList .rightsItem .txt {

    font-size: .55rem;

    color: #353535;

    text-align: center;

    width: 2.77rem;

    max-height: 1.49rem;

    line-height: .75rem;

    margin-top: .68rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



.p_memberShipCard .couponBox {

    width: 14.08rem;

    margin-top: .85rem;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .couponBox .titleBox {

    height: .64rem;

    position: relative;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .couponBox .titleBox .txt {

    font-size: .64rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    height: .64rem;

    line-height: .64rem;

    display: inline-block

}



.p_memberShipCard .couponBox .couponList {

    margin-top: .62rem

}



.p_memberShipCard .couponBox .couponList1 .couponItemWrap {

    width: 14.12rem;

    height: 3.46rem;

    overflow: hidden;

    margin-bottom: .6rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem {

    width: 14.04rem;

    height: 3.37rem;

    border: 1px solid rgba(220, 190, 116, 1);

    background: rgba(254, 249, 238, 1);

    border-radius: .13rem;

    position: relative

}



.p_memberShipCard .couponBox .couponList1 .couponItem .priceBox {

    position: absolute;

    left: .73rem;

    top: 1.11rem;

    color: rgba(199, 163, 76, 1);

    font-weight: 700;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .couponBox .couponList1 .couponItem .priceBox .priceSign {

    display: inline-block;

    font-size: .51rem;

    height: .51rem;

    line-height: .51rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem .priceBox .priceVal {

    display: inline-block;

    font-size: 1.28rem;

    height: 1.28rem;

    line-height: 1.28rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem .name {

    position: absolute;

    top: .73rem;

    left: 4.44rem;

    height: .6rem;

    line-height: .6rem;

    font-size: .6rem;

    color: #423d32;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem .limit {

    position: absolute;

    top: 1.56rem;

    left: 4.44rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .55rem;

    color: #423d32;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem .time {

    position: absolute;

    top: 2.39rem;

    left: 4.44rem;

    height: .43rem;

    line-height: .43rem;

    font-size: .43rem;

    color: #888;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem .splitLine {

    position: absolute;

    top: .51rem;

    left: 11.01rem;

    width: 1px;

    height: 2.39rem;

    background: rgba(220, 190, 116, 1)

}


.p_memberShipCard .couponBox .couponList1 .couponItem .getBtn {

    position: absolute;

    right: .47rem;

    top: 1.24rem;

    width: 2.13rem;

    height: .94rem;

    line-height: .94rem;

    background: rgba(199, 163, 76, 1);

    border-radius: .47rem;

    color: #fff;

    font-size: .55rem;

    text-align: center

}



.p_memberShipCard .couponBox .couponList1 .couponItem .topCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 10.75rem;

    top: -.23rem

}



.p_memberShipCard .couponBox .couponList1 .couponItem .bottomCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 10.75rem;

    bottom: -.23rem

}



.p_memberShipCard .couponBox .couponList2 .couponItemWrap {

    width: 6.61rem;

    height: 3.41rem;

    overflow: hidden;

    display: inline-block;

    margin-right: .85rem;

    margin-bottom: .6rem

}



.p_memberShipCard .couponBox .couponList2 .couponItemWrap:nth-child(2n) {

    margin-right: 0

}



.p_memberShipCard .couponBox .couponList2 .couponItem {

    width: 6.53rem;

    height: 3.33rem;

    border: 1px solid rgba(220, 190, 116, 1);

    background: rgba(254, 249, 238, 1);

    border-radius: .13rem;

    position: relative

}



.p_memberShipCard .couponBox .couponList2 .couponItem .priceBox {

    position: absolute;

    left: 1.3rem;

    top: .75rem;

    color: rgba(199, 163, 76, 1);

    font-weight: 700;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .couponBox .couponList2 .couponItem .priceBox .priceSign {

    display: inline-block;

    font-size: .51rem;

    height: .51rem;

    line-height: .51rem

}



.p_memberShipCard .couponBox .couponList2 .couponItem .priceBox .priceVal {

    display: inline-block;

    font-size: 1.28rem;

    height: 1.28rem;

    line-height: 1.28rem

}



.p_memberShipCard .couponBox .couponList2 .couponItem .name {

    display: none

}



.p_memberShipCard .couponBox .couponList2 .couponItem .limit {

    position: absolute;

    top: 2.13rem;

    left: 1.32rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .55rem;

    color: #423d32;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCard .couponBox .couponList2 .couponItem .time {

    display: none

}



.p_memberShipCard .couponBox .couponList2 .couponItem .splitLine {

    position: absolute;

    top: .51rem;

    left: 5.25rem;

    width: 1px;

    height: 2.39rem;

    background: rgba(220, 190, 116, 1)

}



.p_memberShipCard .couponBox .couponList2 .couponItem .getBtn {

    position: absolute;

    right: .36rem;

    top: .6rem;

    width: .53rem;

    line-height: .55rem;

    border-radius: .47rem;

    color: #c7a34c;

    font-size: .55rem;

    text-align: center

}



.p_memberShipCard .couponBox .couponList2 .couponItem .getBtn.hasGet {

    line-height: .73rem

}



.p_memberShipCard .couponBox .couponList2 .couponItem .topCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 4.99rem;

    top: -.23rem

}



.p_memberShipCard .couponBox .couponList2 .couponItem .bottomCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 4.99rem;

    bottom: -.23rem

}



.p_memberShipCard .integralBox {

    width: 13.65rem;

    margin-top: .85rem;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .integralBox .titleBox {

    height: .64rem;

    position: relative;

    font-size: 0;

    line-height: 0

}



.p_memberShipCard .integralBox .titleBox .txt {

    font-size: .64rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    height: .64rem;

    line-height: .64rem;

    display: inline-block

}



.p_memberShipCard .integralBox .integralTxt {

    font-size: .6rem;

    color: rgba(53, 53, 53, 1);

    height: .6rem;

    line-height: .64rem;

    display: inline-block;

    margin-top: .66rem;

    margin-bottom: 1.28rem

}



.p_memberShipCard .buyBtnHolder {

    width: 100%;

    height: 2.67rem

}



.p_memberShipCard .buyBtnBox {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2.67rem

}



.p_memberShipCard .buyBtnBox .btn {

    width: 14.93rem;

    height: 1.83rem;

    line-height: 1.83rem;

    background: rgba(199, 163, 76, 1);

    -webkit-box-shadow: 0 .19rem .28rem 0 rgba(82, 58, 0, .22);

    box-shadow: 0 .19rem .28rem 0 rgba(82, 58, 0, .22);

    border-radius: .92rem;

    text-align: center;

    color: #fff;

    margin: .43rem auto

}



.p_memberShipCard .cardStyle1.cardBox {

    background: url(/image/memberShipCard/cardBg1.png?v=201911181319) no-repeat;

    background-size: contain;

    -webkit-box-shadow: 0 7px 15px 0 rgba(161, 121, 11, .2);

    box-shadow: 0 7px 15px 0 rgba(161, 121, 11, .2)

}



.p_memberShipCard .cardStyle1.cardBox .nameAndSign .name_show {

    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5126953125%, rgba(253, 238, 205, 1)), to(rgba(252, 247, 235, 1)));

    background: linear-gradient(0deg, rgba(253, 238, 205, 1) .5126953125%, rgba(252, 247, 235, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCard .cardStyle1.cardBox .nameAndSign .sign {

    background: rgba(243, 229, 204, 1);

    color: rgba(119, 83, 36, 1);

    opacity: 1

}



.p_memberShipCard .cardStyle1.cardBox .priceBox .priceSign, .p_memberShipCard .cardStyle1.cardBox .priceBox .priceVal {

    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5126953125%, rgba(253, 238, 205, 1)), to(rgba(252, 247, 235, 1)));

    background: linear-gradient(0deg, rgba(253, 238, 205, 1) .5126953125%, rgba(252, 247, 235, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCard .cardStyle1.cardBox .buyBtn {

    background: url(/image/memberShipCard/buyBtn1.png?v=201911181319) no-repeat;

    background-size: contain;

    color: rgba(146, 97, 32, 1)

}



.p_memberShipCard .cardStyle2.cardBox {

    background: url(/image/memberShipCard/cardBg2.png?v=201911181319) no-repeat;

    background-size: contain;

    -webkit-box-shadow: 0 7px 15px 0 rgba(124, 51, 46, .2);

    box-shadow: 0 7px 15px 0 rgba(124, 51, 46, .2)

}



.p_memberShipCard .cardStyle2.cardBox .nameAndSign .name_show {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(252, 238, 236, 1)), to(rgba(249, 225, 222, 1)));

    background: linear-gradient(180deg, rgba(252, 238, 236, 1) .5126953125%, rgba(249, 225, 222, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCard .cardStyle2.cardBox .nameAndSign .sign {

    background: rgba(241, 205, 199, 1);

    color: rgba(139, 64, 56, 1);

    opacity: 1

}



.p_memberShipCard .cardStyle2.cardBox .priceBox .priceSign, .p_memberShipCard .cardStyle2.cardBox .priceBox .priceVal {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(252, 238, 236, 1)), to(rgba(249, 225, 222, 1)));

    background: linear-gradient(180deg, rgba(252, 238, 236, 1) .5126953125%, rgba(249, 225, 222, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCard .cardStyle2.cardBox .buyBtn {

    background: url(/image/memberShipCard/buyBtn2.png?v=201911181319) no-repeat;

    background-size: contain;

    color: #85372f

}



.p_memberShipCard .cardStyle2 .rightsBox .rightsList .rightsItem .ico {

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList .couponItem {

    background: rgba(251, 242, 241, 1);

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList .couponItem .priceBox {

    color: rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList .couponItem .splitLine {

    background: rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList1 .couponItem .getBtn {

    background: rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList2 .couponItem .getBtn {

    color: rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList .couponItem .topCircle {

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .couponBox .couponList .couponItem .bottomCircle {

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCard .cardStyle2 .buyBtnBox .btn {

    background: rgba(194, 123, 113, 1);

    color: #fff

}



.p_memberShipCard .cardStyle3.cardBox {

    background: url(/image/memberShipCard/cardBg3.png?v=201911181319) no-repeat;

    background-size: contain

}



.p_memberShipCard .cardStyle3.cardBox .nameAndSign .name_show {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(243, 229, 204, 1)), to(rgba(241, 208, 153, 1)));

    background: linear-gradient(180deg, rgba(243, 229, 204, 1) .5126953125%, rgba(241, 208, 153, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCard .cardStyle3.cardBox .priceBox .priceSign, .p_memberShipCard .cardStyle3.cardBox .priceBox .priceVal {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(243, 229, 204, 1)), to(rgba(241, 208, 153, 1)));

    background: linear-gradient(180deg, rgba(243, 229, 204, 1) .5126953125%, rgba(241, 208, 153, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCard .cardStyle3.cardBox .buyBtn {

    background: rgba(243, 229, 204, 1);

    color: rgba(119, 83, 36, 1)

}



.p_memberShipCard .cardStyle3 .buyBtnBox .btn {

    background: #373736;

    color: #d5b98d

}



.p_memberShipCard .cardStyle3.cardBox .buyBtn {

    background: url(/image/memberShipCard/buyBtn1.png?v=201911181319) no-repeat;

    background-size: contain;

    color: rgba(146, 97, 32, 1)

}



.p_memberShipCard .cardStyle3.cardBox .nameAndSign .sign {

    background: rgba(243, 229, 204, 1);

    color: rgba(119, 83, 36, 1);

    opacity: 1

}



.webPagePanel .p_recordBox {

    width: 12.37rem;

    height: 11.26rem;

    background: rgba(255, 255, 255, 1);

    border-radius: .17rem;

    margin: 6rem auto

}



.p_recordBox.jz-web-page-bottom {

    -webkit-transform: translate3d(-50%, 200%, 0);

    transform: translate3d(-50%, 200%, 0)

}



.p_recordBox.jz-web-page-show {

    -webkit-transform: translate3d(-50%, -50%, 0);

    transform: translate3d(-50%, -50%, 0)

}



.p_recordBox .title {

    width: 100%;

    height: 2.54rem;

    line-height: 2.54rem;

    border-bottom: 1px solid #eee;

    font-size: .77rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    text-align: center

}



.p_recordBox .content {

    padding: .83rem .64rem 0

}



.p_recordBox .content .line {

    font-size: .6rem;

    color: #353535;

    margin-bottom: .83rem;

    white-space: wrap;

    padding: unset

}



.p_recordBox .content .line .left {

    display: inline-block;

    width: 3.52rem;

    text-align: right;

    height: .6rem;

    line-height: .6rem

}



.p_recordBox .content .line .right {

    display: inline-block;

    width: 6.83rem;

    margin-left: .32rem;

    height: .6rem;

    line-height: .6rem

}



.p_recordBox .content .btn {

    width: 6.4rem;

    height: 1.71rem;

    line-height: 1.71rem;

    background: rgba(55, 55, 55, 1);

    border-radius: .13rem;

    font-size: .77rem;

    color: #fff;

    text-align: center;

    margin: 1.07rem auto 0

}



.webPagePanel .p_couponTipsBox {

    width: 14.08rem;

    height: 16.08rem;

    background: url(/image/memberShipCard/couponTips.png?v=201911181319) no-repeat;

    background-size: contain;

    margin: 5rem auto 0 auto;

    position: relative;

    min-height: unset;

    overflow-y: hidden

}



.p_couponTipsBox.jz-web-page-bottom {

    -webkit-transform: translate3d(-50%, 200%, 0);

    transform: translate3d(-50%, 200%, 0)

}



.p_couponTipsBox.jz-web-page-show {

    -webkit-transform: translate3d(-50%, -65%, 0);

    transform: translate3d(-50%, -65%, 0)

}



.p_couponTipsBox .tips1 {

    font-size: .98rem;

    font-weight: 700;

    color: rgba(254, 240, 206, 1);

    width: 7.89rem;

    height: 1.07rem;

    line-height: 1.07rem;

    text-align: center;

    position: absolute;

    left: 3.09rem;

    top: 6.4rem

}



.p_couponTipsBox .tips2 {

    font-size: .98rem;

    font-weight: 700;

    color: rgba(254, 240, 206, 1);

    width: 7.89rem;

    height: 1.07rem;

    line-height: 1.07rem;

    text-align: center;

    position: absolute;

    left: 3.09rem;

    top: 7.89rem

}



.p_couponTipsBox .btn {

    cursor: pointer;

    font-size: .77rem;

    color: rgba(171, 87, 25, 1);

    width: 8.11rem;

    height: 1.71rem;

    line-height: 1.71rem;

    text-align: center;

    position: absolute;

    left: 2.99rem;

    top: 10.41rem

}



.p_couponTipsBox .close {

    width: 1.49rem;

    height: 1.49rem;

    position: absolute;

    left: 50%;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    font-size: 1.49rem;

    color: #fff

}



.p_couponTipsBox .icon-closeCircle:before {

    content: "\b0254"

}



.P_nonMemberShipCard {

    text-align: center;

    height: 22rem

}



.P_nonMemberShipCard .nonMemberShipCardText {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .77rem

}



.P_nonMemberShipCard .icon-arrow:before, .p_memberShipCard .icon-arrow:before {

    content: "\e672"

}



.p_memberShipCardDetail .icon-arrow:before {

    content: "\e672"

}



.p_memberShipCardDetail {

    padding: 0 .96rem;

    display: block;

    height: 28rem;

    overflow-y: scroll;

    margin-right: -.2rem;

    background: #fff

}



.p_memberShipCardDetail .cardBox {

    margin-top: .81rem;

    width: 14.08rem;

    height: 6.4rem;

    -webkit-box-shadow: 0 .15rem .21rem 0 rgba(51, 51, 51, .2);

    box-shadow: 0 .15rem .21rem 0 rgba(51, 51, 51, .2);

    border-radius: .43rem;

    position: relative

}



.p_memberShipCardDetail .cardBox .nameAndSign {

    position: absolute;

    left: 1.3rem;

    top: 1.11rem

}



.p_memberShipCardDetail .cardBox .nameAndSign .name {

    display: inline-block;

    height: 1.28rem;

    line-height: 1.28rem;

    font-size: 1.07rem;

    font-weight: bolder;

    color: rgba(255, 255, 255, 1);

    max-width: 10.45rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: text-bottom

}



.p_memberShipCardDetail .cardBox .nameAndSign .name {

    opacity: 0

}



.p_memberShipCardDetail .cardBox .nameAndSign .name_show {

    position: absolute;

    left: 0;

    top: 0;

    height: 1.28rem;

    line-height: 1.28rem;

    font-size: 1.07rem;

    font-weight: bolder;

    color: rgba(255, 255, 255, 1);

    max-width: 10.67rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: text-bottom

}



.p_memberShipCardDetail .cardBox .nameAndSign .name_shadow {

    position: absolute;

    left: .09rem;

    top: .09rem;

    height: 1.28rem;

    line-height: 1.28rem;

    font-size: 1.07rem;

    font-weight: bolder;

    color: #000;

    opacity: .1;

    max-width: 10.67rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: text-bottom

}



.p_memberShipCardDetail .cardBox .nameAndSign .sign {

    display: inline-block;

    width: 1.75rem;

    height: .68rem;

    line-height: .68rem;

    background: rgba(0, 0, 0, 1);

    border-radius: .34rem;

    font-size: .43rem;

    text-align: center;

    color: #fff;

    margin-left: .32rem;

    opacity: .5;

    vertical-align: text-bottom

}



.p_memberShipCardDetail .cardBox .timeBox {

    position: absolute;

    left: 1.26rem;

    bottom: .96rem;

    font-size: .51rem;

    color: rgba(255, 255, 255, 1);

    opacity: .7;

    height: 1.34rem

}



.p_memberShipCardDetail .cardBox .timeBox .timeTxt {

    height: .51rem;

    line-height: .51rem

}



.p_memberShipCardDetail .cardBox .timeBox .timeVal {

    height: .51rem;

    line-height: .51rem;

    margin-top: .32rem

}



.p_memberShipCardDetail .cardBox .priceBox {

    position: absolute;

    top: 2.56rem;

    right: 1.13rem;

    color: #fff

}



.p_memberShipCardDetail .cardBox .priceBox .priceSign {

    display: inline-block;

    font-size: .64rem;

    vertical-align: text-bottom

}



.p_memberShipCardDetail .cardBox .priceBox .priceVal {

    display: inline-block;

    font-size: 1.49rem;

    vertical-align: baseline;

    height: 1.28rem;

    line-height: 1.28rem

}



.p_memberShipCardDetail .cardBox .priceBox_shadow {

    position: absolute;

    top: 2.65rem;

    right: 1.05rem;

    color: #000;

    opacity: .1

}



.p_memberShipCardDetail .cardBox .priceBox_shadow .priceSign {

    display: inline-block;

    font-size: .64rem;

    vertical-align: text-bottom;

    opacity: 0

}



.p_memberShipCardDetail .cardBox .priceBox_shadow .priceVal {

    display: inline-block;

    font-size: 1.49rem;

    vertical-align: baseline;

    height: 1.28rem;

    line-height: 1.28rem

}



.p_memberShipCardDetail .cardBox .buyBtn {

    cursor: pointer;

    position: absolute;

    right: 1.07rem;

    bottom: .58rem;

    width: 2.99rem;

    height: 1.28rem;

    line-height: 1.28rem;

    background: rgba(0, 0, 0, .5);

    border-radius: .64rem;

    font-size: .6rem;

    color: #fff;

    text-align: center;

    font-weight: 400

}



.p_memberShipCardDetail .cardBox .buyRecordBtn {

    position: absolute;

    right: 1.49rem;

    bottom: .96rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .55rem;

    color: #fff;

    text-align: center;

    opacity: .8

}



.p_memberShipCardDetail .cardBox .rightIco {

    position: absolute;

    right: .92rem;

    bottom: 1rem;

    height: .43rem;

    line-height: .43rem;

    font-size: .43rem;

    color: #fff;

    text-align: center;

    opacity: .8

}



.p_memberShipCardDetail .rightsBox .titleBox {

    height: .64rem;

    margin-top: 1.28rem;

    position: relative;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .rightsBox .titleBox .txt {

    font-size: .64rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    height: .64rem;

    line-height: .64rem;

    display: inline-block

}



.p_memberShipCardDetail .rightsBox .titleBox .explanation {

    position: absolute;

    right: .7rem;

    bottom: 0;

    font-size: .55rem;

    font-weight: 400;

    color: rgba(102, 102, 102, 1);

    height: .55rem;

    line-height: .55rem

}



.p_memberShipCardDetail .rightsBox .titleBox .rightIco {

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: .5rem

}



.p_memberShipCardDetail .rightsBox .rightsList {

    margin-top: 1.15rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 13.65rem

}



.p_memberShipCardDetail .rightsBox .rightsList .rightsItem {

    width: 2.77rem;

    margin-right: .85rem;

    margin-bottom: .43rem

}



.p_memberShipCardDetail .rightsBox .rightsList .rightsItem:nth-child(4n) {

    margin-right: 0

}



.p_memberShipCardDetail .rightsBox .rightsList .rightsItem .ico {

    width: 2.13rem;

    height: 2.13rem;

    border: 1px solid rgba(199, 163, 76, 1);

    border-radius: 50%;

    position: relative;

    margin: 0 auto

}



.p_memberShipCardDetail .rightsBox .rightsList .rightsItem .ico img {

    width: 1.07rem;

    height: 1.07rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.p_memberShipCardDetail .rightsBox .rightsList .rightsItem .txt {

    font-size: .55rem;

    color: #353535;

    text-align: center;

    width: 2.77rem;

    max-height: 1.49rem;

    line-height: .75rem;

    margin-top: .68rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



.p_memberShipCardDetail .couponBox {

    width: 14.08rem;

    margin-top: .85rem;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .couponBox .titleBox {

    height: .64rem;

    position: relative;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .couponBox .titleBox .txt {

    font-size: .64rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    height: .64rem;

    line-height: .64rem;

    display: inline-block

}



.p_memberShipCardDetail .couponBox .couponList {

    margin-top: .62rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItemWrap {

    width: 14.12rem;

    height: 3.44rem;

    overflow: hidden;

    margin-bottom: .6rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem {

    width: 14.04rem;

    height: 3.35rem;

    border: 1px solid rgba(220, 190, 116, 1);

    background: rgba(254, 249, 238, 1);

    border-radius: .13rem;

    position: relative;

    margin-left: unset

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .priceBox {

    position: absolute;

    left: .43rem;

    top: 1.11rem;

    color: rgba(199, 163, 76, 1);

    font-weight: 700;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .priceBox .priceSign {

    display: inline-block;

    font-size: .51rem;

    height: .51rem;

    line-height: .51rem;

    vertical-align: bottom;

    margin-bottom: .09rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .priceBox .priceVal {

    display: inline-block;

    font-size: 1.19rem;

    height: 1.28rem;

    line-height: 1.28rem;

    max-width: 3.41rem;

    overflow: hidden;

    text-overflow: ellipsis

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .priceBox .couponCount {

    position: absolute;

    top: -14px;

    right: -16px;

    width: 23px;

    line-height: 15px;

    background: #d8a451;

    border-radius: 7px;

    font-size: 10px;

    color: #fff;

    text-align: center

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .name {

    position: absolute;

    top: .73rem;

    left: 5.08rem;

    height: .64rem;

    line-height: .64rem;

    font-size: .6rem;

    color: #423d32;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .limit {

    position: absolute;

    top: 1.56rem;

    left: 5.08rem;

    height: .6rem;

    line-height: .65rem;

    font-size: .55rem;

    color: #423d32;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .time {

    position: absolute;

    top: 2.39rem;

    left: 5.08rem;

    height: .43rem;

    line-height: .43rem;

    font-size: .43rem;

    color: #888;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 6.4rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .splitLine {

    position: absolute;

    top: .51rem;

    left: 11.01rem;

    width: 1px;

    height: 2.39rem;

    background: rgba(220, 190, 116, 1)

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .getBtn {

    cursor: pointer;

    position: absolute;

    right: .47rem;

    top: 1.24rem;

    width: 2.13rem;

    height: .94rem;

    background: rgba(199, 163, 76, 1);

    border-radius: .47rem;

    color: #fff;

    font-size: .55rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .textCenter {

    display: block;

    margin: auto

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .topCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 10.75rem;

    top: -.3rem

}



.p_memberShipCardDetail .couponBox .couponList1 .couponItem .bottomCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 10.75rem;

    bottom: -.3rem

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItemWrap {

    width: 6.61rem;

    height: 3.41rem;

    overflow: hidden;

    display: inline-block;

    margin-right: .85rem;

    margin-bottom: .6rem

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItemWrap:nth-child(2n) {

    margin-right: 0

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem {

    width: 6.5rem;

    height: 3.33rem;

    border: 1px solid rgba(220, 190, 116, 1);

    background: rgba(254, 249, 238, 1);

    border-radius: .13rem;

    position: relative;

    margin: unset

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .priceBox {

    position: absolute;

    left: .43rem;

    top: .75rem;

    color: rgba(199, 163, 76, 1);

    font-weight: 700;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .priceBox .priceSign {

    display: inline-block;

    font-size: .51rem;

    height: .51rem;

    line-height: .51rem;

    vertical-align: bottom;

    margin-bottom: .09rem

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .priceBox .priceVal {

    display: inline-block;

    font-size: 1.19rem;

    height: 1.28rem;

    line-height: 1.28rem;

    max-width: 3.41rem;

    overflow: hidden;

    text-overflow: ellipsis

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .priceBox .couponCount {

    position: absolute;

    top: -14px;

    right: -16px;

    width: 23px;

    line-height: 15px;

    background: #d8a451;

    border-radius: 7px;

    font-size: 10px;

    color: #fff;

    text-align: center

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .name {

    display: none

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .limit {

    position: absolute;

    top: 2.13rem;

    left: .47rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .55rem;

    color: #423d32;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 4.5rem

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .time {

    display: none

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .splitLine {

    position: absolute;

    top: .51rem;

    left: 5.25rem;

    width: 1px;

    height: 2.39rem;

    background: rgba(220, 190, 116, 1)

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .getBtn {

    cursor: pointer;

    position: absolute;

    right: .36rem;

    top: .6rem;

    width: .53rem;

    line-height: .55rem;

    border-radius: .47rem;

    color: #c7a34c;

    font-size: .55rem;

    text-align: center

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .getBtn.hasGet {

    line-height: .73rem

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .topCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 4.99rem;

    top: -.3rem

}



.p_memberShipCardDetail .couponBox .couponList2 .couponItem .bottomCircle {

    width: .51rem;

    height: .51rem;

    background: #fff;

    border: 1px solid rgba(220, 190, 116, 1);

    border-radius: 50%;

    position: absolute;

    left: 4.99rem;

    bottom: -.3rem

}



.p_memberShipCardDetail .integralBox {

    width: 13.65rem;

    margin-top: .85rem;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .integralBox .titleBox {

    height: .64rem;

    position: relative;

    font-size: 0;

    line-height: 0

}



.p_memberShipCardDetail .integralBox .titleBox .txt {

    font-size: .64rem;

    font-weight: 700;

    color: rgba(53, 53, 53, 1);

    height: .64rem;

    line-height: .64rem;

    display: inline-block

}



.p_memberShipCardDetail .integralBox .integralTxt {

    font-size: .6rem;

    color: rgba(53, 53, 53, 1);

    height: .6rem;

    line-height: .64rem;

    display: inline-block;

    margin-top: .66rem;

    margin-bottom: 1.28rem

}



.p_memberShipCardDetail .buyBtnHolder {

    width: 100%;
    height: 2.67rem

}



.p_memberShipCardDetail .buyBtnBox {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2.67rem

}



.p_memberShipCardDetail .buyBtnBox .btn {

    cursor: pointer;

    width: 14.93rem;

    height: 1.83rem;

    line-height: 1.83rem;

    background: rgba(199, 163, 76, 1);

    -webkit-box-shadow: 0 .19rem .28rem 0 rgba(82, 58, 0, .22);

    box-shadow: 0 .19rem .28rem 0 rgba(82, 58, 0, .22);

    border-radius: .92rem;

    text-align: center;

    color: #fff;

    margin: .43rem auto

}



.p_memberShipCardDetail.cardStyle1 .cardBox {

    background: url(/image/memberShipCard/cardBg1.png?v=201911181319) no-repeat;

    background-size: contain

}



.p_memberShipCardDetail.cardStyle1 .cardBox .nameAndSign .name_show {

    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5126953125%, rgba(253, 238, 205, 1)), to(rgba(252, 247, 235, 1)));

    background: linear-gradient(0deg, rgba(253, 238, 205, 1) .5126953125%, rgba(252, 247, 235, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCardDetail.cardStyle1 .cardBox .nameAndSign .sign {

    background: rgba(243, 229, 204, 1);

    color: rgba(119, 83, 36, 1);

    opacity: 1

}



.p_memberShipCardDetail.cardStyle1 .cardBox .priceBox .priceSign, .p_memberShipCardDetail.cardStyle1 .cardBox .priceBox .priceVal {

    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5126953125%, rgba(253, 238, 205, 1)), to(rgba(252, 247, 235, 1)));

    background: linear-gradient(0deg, rgba(253, 238, 205, 1) .5126953125%, rgba(252, 247, 235, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCardDetail.cardStyle1 .cardBox .buyBtn {

    background: url(/image/memberShipCard/buyBtn1.png?v=201911181319) no-repeat;

    background-size: contain;

    color: rgba(146, 97, 32, 1)

}



.p_memberShipCardDetail.cardStyle2 .cardBox {

    background: url(/image/memberShipCard/cardBg2.png?v=201911181319) no-repeat;

    background-size: contain

}



.p_memberShipCardDetail.cardStyle2 .cardBox .nameAndSign .name_show {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(252, 238, 236, 1)), to(rgba(249, 225, 222, 1)));

    background: linear-gradient(180deg, rgba(252, 238, 236, 1) .5126953125%, rgba(249, 225, 222, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCardDetail.cardStyle2 .cardBox .nameAndSign .sign {

    background: rgba(241, 205, 199, 1);

    color: rgba(139, 64, 56, 1);

    opacity: 1

}



.p_memberShipCardDetail.cardStyle2 .cardBox .priceBox .priceSign, .p_memberShipCardDetail.cardStyle2 .cardBox .priceBox .priceVal {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(252, 238, 236, 1)), to(rgba(249, 225, 222, 1)));

    background: linear-gradient(180deg, rgba(252, 238, 236, 1) .5126953125%, rgba(249, 225, 222, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCardDetail.cardStyle2 .cardBox .buyBtn {

    background: url(/image/memberShipCard/buyBtn2.png?v=201911181319) no-repeat;

    background-size: contain;

    color: #85372f

}



.p_memberShipCardDetail.cardStyle2 .rightsBox .rightsList .rightsItem .ico {

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList .couponItem {

    background: rgba(251, 242, 241, 1);

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList .couponItem .priceBox {

    color: rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList .couponItem .splitLine {

    background: rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList1 .couponItem .getBtn {

    background: rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList2 .couponItem .getBtn {

    color: rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList .couponItem .topCircle {

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .couponBox .couponList .couponItem .bottomCircle {

    border: 1px solid rgba(194, 123, 113, 1)

}



.p_memberShipCardDetail.cardStyle2 .buyBtnBox .btn {

    background: rgba(194, 123, 113, 1);

    color: #fff

}



.p_memberShipCardDetail.cardStyle3 .cardBox {

    background: url(/image/memberShipCard/cardBg3.png?v=201911181319) no-repeat;

    background-size: contain

}



.p_memberShipCardDetail.cardStyle3 .cardBox .nameAndSign .name_show {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(243, 229, 204, 1)), to(rgba(241, 208, 153, 1)));

    background: linear-gradient(180deg, rgba(243, 229, 204, 1) .5126953125%, rgba(241, 208, 153, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCardDetail.cardStyle3 .cardBox .priceBox .priceSign, .p_memberShipCardDetail.cardStyle3 .cardBox .priceBox .priceVal {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.5126953125%, rgba(243, 229, 204, 1)), to(rgba(241, 208, 153, 1)));

    background: linear-gradient(180deg, rgba(243, 229, 204, 1) .5126953125%, rgba(241, 208, 153, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.p_memberShipCardDetail.cardStyle3 .cardBox .buyBtn {

    background: rgba(243, 229, 204, 1);

    color: rgba(119, 83, 36, 1)

}



.p_memberShipCardDetail.cardStyle3 .buyBtnBox .btn {

    background: #373736;

    color: #d5b98d

}



.p_memberShipCardDetail.cardStyle3 .cardBox .buyBtn {

    background: url(/image/memberShipCard/buyBtn1.png?v=201911181319) no-repeat;

    background-size: contain;

    color: rgba(146, 97, 32, 1)

}



.p_memberShipCardDetail.cardStyle3 .cardBox .nameAndSign .sign {

    background: rgba(243, 229, 204, 1);

    color: rgba(119, 83, 36, 1);

    opacity: 1

}



.p_paySucPage {

    height: 20rem;

    background: #fff;

    padding-top: 4rem

}



.p_paySucPage .pic {

    width: 6.4rem;

    height: 6.4rem;

    background: url(/image/commSuc.png?v=201911181319) no-repeat;

    background-size: contain;

    margin: auto

}



.p_paySucPage .txt {

    width: 100%;

    text-align: center;

    font-size: .64rem;

    color: #353535;

    height: .64rem;

    line-height: .64rem

}



.p_paySucPage .btn {

    width: 8.53rem;

    height: 1.75rem;

    line-height: 1.75rem;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(255, 97, 55, 1);

    border-radius: .21rem;

    font-size: .64rem;

    color: rgba(255, 97, 55, 1);

    text-align: center;

    margin: 2.33rem auto

}



.formStyle54 .moduleContent {

    overflow: initial

}



.fk_mstlBottomTip {

    width: 16rem;

    height: 1.5rem;

    background: rgba(254, 248, 235, 1);

    font-size: .55rem;

    color: rgba(240, 127, 77, 1);

    line-height: 1.5rem;

    text-align: center;

    position: absolute;

    top: -1.5rem;

    left: 0

}



.fk_mstlBottomTip .tipUrl {

    margin-left: .21rem;

    color: #fe4e01

}



.fk_mstlBottomTip .iconToUrl {

    width: .51rem;

    height: .51rem;

    margin-bottom: -.04rem;

    fill: #fe4e01

}



.fk_intraCityAddrList_disable_title {

    font-size: .475rem;

    font-weight: 400;

    color: rgba(250, 81, 81, 1);

    padding-left: .525rem;

    padding-bottom: .3rem

}



#addrInfoList .fk_intraCityAddrList_disable .addrInfo .address, #addrInfoList .fk_intraCityAddrList_disable .addrInfo .nameAndPhone .name, #addrInfoList .fk_intraCityAddrList_disable .addrInfo .nameAndPhone .phone {

    color: rgba(153, 153, 153, 1)

}



.fk_mstl_icon {

    width: .6rem;

    height: .6rem;

    display: inline-block;

    vertical-align: middle;

    fill: #a0a0a0

}



.orderSettle .orderAssign_line .assignItem_line div.item_value {

    font-size: 0

}



.selfRaisingMsgTitle {

    margin-left: .25rem

}



.fk_mallShipPanel_addrInfo {

    font-size: 0

}



.fk_mallShipPanel_addrInfo_icon {

    margin-right: .5rem;

    margin-top: .125rem

}



.fk_intraCityShipAddr_user {

    padding-left: 1.15rem

}



.fk_intraCityShipAddr_address_icon {

    position: relative;

    font-size: 1.2rem;

    margin-right: .5rem;

    margin-top: .125rem;

    vertical-align: top

}



.fk_mallShipPanel_addrInfo {

    font-size: 0

}



.fk_mallShipPanel_addrInfo_addr, .info_addr {

    font-size: .65rem;

    display: inline-block;

    vertical-align: middle

}



.info_addr {

    padding-left: 1.15rem

}



.fk_mallShipPanel_addrInfo_addr {

    width: 11.625rem;

    display: inline-block;

    vertical-align: top

}



.fk_mallShipPanel_addrInfo_addr_content {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    white-space: initial

}



.couponUseListPanel.webPagePanel {

    display: block

}



.fk_orderDetail_intraCityInfo {

    padding: .725rem .4rem;

    padding-bottom: 0

}



.fk_orderDetail_intraCityInfo_ship {

    width: 15.15rem;

    border-bottom: solid 1px rgba(238, 238, 238, 1)

}



.fk_orderDetail_intraCityInfo_ship_icon {

    width: .6rem;

    height: .6rem;

    margin-left: .35rem;

    margin-right: .35rem;

    fill: rgba(153, 153, 153, 1)

}



.fk_orderDetail_intraCityInfo_ship_icon_svg {

    width: 100%;

    height: 100%;

    color: inherit;

    fill: #999

}



.fk_orderDetail_intraCityInfo_ship_line {

    padding-bottom: .8rem;

    height: .6rem;

    font-size: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.fk_orderDetail_intraCityInfo_ship_icon, .fk_orderDetail_intraCityInfo_ship_label, .fk_orderDetail_intraCityInfo_ship_value {

    display: inline-block;

    vertical-align: middle;

    font-size: .6rem

}



.fk_orderDetail_intraCityInfo_ship_icon_label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_orderDetail_intraCityInfo_ship_icon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.fk_orderDetail_intraCityInfo_ship_value {

    margin-right: .275rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    max-width: 6.25rem

}



.fk_orderDetail_intraCityInfo_accepter .fk_orderDetail_intraCityInfo_ship_label, .fk_orderDetail_intraCityInfo_ship_value {

    color: rgba(53, 53, 53, 1)

}



.fk_orderDetail_intraCityInfo_accepter {

    padding-top: .825rem;

    padding-bottom: .8rem

}



.fk_orderDetail_intraCityInfo_addr {

    padding-left: 1.25rem;

    font-size: .6rem;

    color: rgba(102, 102, 102, 1);

    margin-right: .275rem

}



.fk_addrProp_timepicker {

    font-size: 0

}



.fk_addrProp_timepicker .fk-dateInputMaskWrap, .fk_addrProp_timepicker .orderPropUtil {

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    line-height: 2.25rem;

    height: 2.25rem

}



.fk_addrProp_timepicker .orderPropTimeEndInput {

    font-size: .6rem;

    border: none;

    margin: 0;

    background-color: #fff;

    text-indent: .5rem;

    color: #555;

    width: 5rem;

    position: static;

    top: 0;

    line-height: inherit;

    height: 100%;

    padding: 0

}



.fk_addrProp_timepicker ._initDateInput {

    padding-top: 0;

    padding-bottom: 0

}



.fk_intraCityTimeShip_banMove {

    height: 100vh;

    overflow: hidden

}



.fk_intraCityTimeShip_mask {

    background: rgba(0, 0, 0, .5);

    z-index: 0;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.fk_intraCityTimeShip {

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999

}



.fk_intraCityTimeShip_panel {

    width: 16rem;

    height: 14.3rem;

    background: rgba(255, 255, 255, 1);

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1

}



.fk_intraCityTimeShip_panel_footer, .fk_intraCityTimeShip_panel_header {

    height: 1.9rem;

    width: 100%;

    line-height: 1.9rem;

    font-size: .7rem;

    color: rgba(53, 53, 53, 1);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-bottom: rgba(224, 224, 224, 1) solid 1px;

    text-align: center

}



.fk_intraCityTimeShip_panel_footer {

    border-bottom: none;

    border-top: rgba(224, 224, 224, 1) solid 1px

}



.fk_intraCityTimeShip_panel_section {

    height: 10.5rem

}



.fk_intraCityShipAddr_shipTime_icon, .fk_intraCityShipAddr_shipTime_label, .fk_intraCityShipAddr_shipTime_value {

    display: inline-block;

    vertical-align: middle;

    font-size: .6rem;

    font-weight: 400;

    line-height: 1;

    color: rgba(51, 51, 51, 1)

}



.fk_intraCityShipAddr_shipTime_label {

    margin-left: .475rem

}



.fk_intraCityShipAddr_shipTime {

    padding-top: .7rem;

    border-top: solid rgba(238, 238, 238, 1) 1px;

    margin-top: .8rem;

    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_intraCityShipAddr_shipTime_icon {

    margin-top: 0

}



.fk_intraCityShipAddr_shipTime_value {

    float: right

}



.fk_intraCityShipAddr_shipTime_value_text {

    line-height: .6rem;

    display: inline-block;

    font-size: .6rem;

    font-weight: 400;

    color: rgba(52, 139, 237, 1);

    margin-right: .225rem

}



.fk_intraCityShipAddr_shipTime .fk_intraCityShipAddr_icon_label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_intraCityShipAddr_shipTime_value {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_intraCityTimeShip_panel_section_simple {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.fk_intraCityTimeShip_panel_section_simple_dayList {

    display: inline-block;

    background: rgba(246, 246, 246, 1);

    height: 100%;

    overflow: auto;

    -webkit-box-flex: 188;

    -ms-flex: 188 1;

    flex: 188 1

}



.fk_intraCityTimeShip_panel_section_simple_dayList::-webkit-scrollbar-thumb {

    background: #ccc

}



.fk_intraCityTimeShip_panel_section_simple_dayList::-webkit-scrollbar-track {

    background: #e8e8e8

}



.fk_intraCityTimeShip_panel_section_simple_dayItem {

    font-size: .6rem;

    line-height: 2.1rem;

    text-align: center;

    color: rgba(102, 102, 102, 1)

}



.fk_intraCityTimeShip_panel_section_simple_dayItem[active=true] {

    color: rgba(53, 53, 53, 1);

    background: #fff

}



.fk_intraCityTimeShip_panel_section_simple_dayItem[disabled] {

    color: rgba(187, 187, 187, 1)

}



.fk_intraCityTimeShip_panel_section_simple_timeList {

    -webkit-box-flex: 452;

    -ms-flex: 452 1;

    flex: 452 1;

    overflow: auto;

    height: 100%

}



.fk_intraCityTimeShip_panel_section_simple_timeList::-webkit-scrollbar-thumb {

    background: #ccc

}



.fk_intraCityTimeShip_panel_section_simple_timeList::-webkit-scrollbar-track {

    background: #e8e8e8

}



.fk_intraCityTimeShip_panel_section_simple_timeItem {

    padding-left: 2.125rem;

    line-height: 2.1rem;

    height: 2.1rem;

    font-size: .6rem;

    font-weight: 400;

    color: rgba(53, 53, 53, 1)

}



.fk_intraCityTimeShip_panel_section_simple_timeItem_text {

    display: inline-block

}



.fk_intraCityTimeShip_panel_section_simple_timeItem_icon {

    float: right;

    height: 100%;

    display: inline-block;

    padding-right: 1.3rem;

    line-height: 2.1rem

}



.fk_intraCityTimeShip_panel_section_simple_timeItem[active=true] {

    color: rgba(52, 139, 237, 1)

}



.fk_intraCityTimeShip_panel_section_simple_timeItem[active=true] .fk_mstl_icon_tick {

    width: .9rem;

    height: .9rem;

    fill: rgba(52, 139, 237, 1);

    margin-top: .6rem;

    display: block

}



.fk_intraCityTimeShip_panel_section_simple_timeItem[disabled] {

    color: rgba(187, 187, 187, 1)

}



.fk_mstlBtnWrap {

    width: 4.5rem;

    float: right;

    height: 100%

}



.fk_mstlSubmitBtn[disabled] {

    background: rgba(204, 204, 204, 1)

}



.fk_mstl_icon_tick {

    display: none

}



.fk_intraCityShipAddr_user_mobile, .fk_intraCityShipAddr_user_name {

    display: inline-block;

    vertical-align: middle;

    font-size: .6rem

}



.fk_intraCityShipAddr_user_name {

    max-width: 6.25rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: .55rem

}



.fk_intraCityShipAddr_icon_label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.fk_intraCityShipAddr_address_text {

    width: 11.625rem;

    font-size: .65rem;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: rgba(53, 53, 53, 1)

}



.fk_intraCityShipAddr_user {

    padding-top: .65rem;

    height: auto

}



.fk_intraCityShipAddr_address {

    position: relative

}



.fk_intraCityShipAddr_wrap, .orderSettle .orderAssign_line .assignItem_line {

    padding: 0 .625rem;

    padding-top: .75rem;

    padding-bottom: .75rem;

    margin: 0

}



.orderSettle .receiverLine {

    padding-right: 0

}



.orderSettle .fk_mallShipPanel_addrInfo_arrow {

    margin-right: -2rem;

    top: 0;

    margin-top: .2rem;

    float: right

}



.fk_intraCityShipAddr_user_phone_arrow {

    margin-top: 4px;

    float: right

}



.orderSettle .receiverLine {

    height: auto;

    line-height: auto

}



.info_addr_mobile, .info_addr_name {

    display: inline-block;

    vertical-align: middle;

    font-size: .6rem;

    line-height: normal

}



.info_addr_name {

    max-width: 6.25rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: .55rem

}



.orderSettle .orderAssign_line .assignItem_line .info_addr {

    text-align: left;

    line-height: 1;

    padding-top: .65rem

}



.orderDetail .orderDetail_addr .orderDetail_addr_name {

    max-width: 6.25rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: .55rem;

    display: inline-block

}



.fk_mstl_icon_orderDetail_addr {

    display: inline-block;

    vertical-align: top;

    margin-top: .6rem;

    margin-right: .375rem

}



#webPagePanelshipLinePage {

    z-index: 999 !important

}



#modifyShipDetailsPanel {

    position: absolute;

    left: 0

}



.orderSettle .orderAssign_line .linetitle1 .fk_mstl_icon {

    margin-top: .75rem

}



.orderSettle .orderAssign_line .noAddrMsgList .fk_intraCityShipAddr_address_icon {

    margin-top: .75rem

}



.orderSettle .orderAssign_line .noAddrMsgList .jzm-v2.fk_mstl_icon {

    margin-top: .1rem

}



.combinedPurchaseContainer .titleContainer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 2rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-left: .6rem

}



.combinedPurchaseContainer .titleContainer .lineTitle, .combinedPurchaseListContainer.cpShowMorePanel .cpPanelTitle .lineTitle {

    font-size: .6rem;

    color: #333

}



.combinedPurchaseContainer .titleContainer .lineTitleTip, .combinedPurchaseListContainer.cpShowMorePanel .cpPanelTitle .lineTitleTip {

    font-size: .5rem;

    margin-left: .2rem;

    color: #999;

    margin-top: .05rem

}



.noAddrPanel .fk_mstl_icon_noAddr {

    position: absolute;

    right: .4rem;

    bottom: .75rem;

    float: none;

    margin: 0

}



.combinedPurchaseContainer .cpShowMore {

    height: 1.25rem;

    background: #fafafa;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-bottom: .25rem;

    font-size: .55rem

}



.combinedPurchaseListContainer {

    padding: .25rem;

    background: #fafafa

}



.combinedPurchaseListContainer .cpItem {

    padding-top: .5rem;

    padding-left: .375rem;

    height: 4.25rem;

    background: #fff;

    margin-bottom: .25rem;

    border-radius: .25rem

}



.combinedPurchaseListContainer .cpItem:last-child {

    margin-bottom: 0

}



.combinedPurchaseListContainer .pdSlideContainer {

    width: 10rem;

    float: left;

    overflow: hidden

}



.combinedPurchaseListContainer .pdContainer {

    white-space: nowrap;

    text-align: center;

    overflow: hidden

}



.combinedPurchaseListContainer .pdContainer .cpIncrease {

    width: .4rem;

    height: .4rem;

    vertical-align: middle;

    margin-left: .075rem;

    margin-right: .075rem;

    margin-top: -.9rem

}



.combinedPurchaseListContainer .pdContainer .productItem {

    border-radius: .125rem;

    display: inline-block;

    vertical-align: middle

}



.combinedPurchaseListContainer .productItem .productPic {

    width: 3.2rem;

    height: 3.2rem;

    background: rgba(255, 255, 255, 1);

    border: .025rem solid #eeeef3;

    border-radius: .125rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.combinedPurchaseListContainer .productItem .productPic .productImg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    vertical-align: middle;

    border-radius: .125rem

}



.combinedPurchaseListContainer .pdContainer .pdName {

    width: 3.25rem;

    font-size: .55rem;

    color: #333;

    line-height: .8rem;

    text-align: center;

    max-width: 3.25rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.combinedPurchaseListContainer .cpItem .priceContain {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 4.9rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    position: relative;

    margin-top: .2rem;

    float: right

}



.combinedPurchaseListContainer .cpItem .priceContain .cpEqual {

    display: inline-block;

    width: .4rem;

    height: .4rem;

    margin-left: .1rem;

    position: absolute;

    left: 0;

    top: 1.25rem

}



.combinedPurchaseListContainer .cpItem .cpPriceTitle {

    font-size: .55rem;

    color: #666;

    margin-right: .1rem;

    display: inline-block;

    vertical-align: middle

}



.combinedPurchaseListContainer .cpItem .cpPrice {

    font-size: .7rem;

    font-weight: 700;

    margin-right: .125rem;

    display: inline-block;

    max-width: 2.75rem;

    text-align: left;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: middle;

    overflow: hidden

}



.combinedPurchaseListContainer .cpItem .cpPrice .decimal {

    font-size: .55rem

}



.combinedPurchaseListContainer .cpItem .cpPriceContainer {

    max-width: 4.45rem;

    overflow: hidden;

    position: relative;

    white-space: nowrap

}



.combinedPurchaseListContainer .cpItem .cpSavePrice {

    font-size: .55rem;

    margin-top: .125rem;

    max-width: 4rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.combinedPurchaseListContainer .cpItem .cpSavePrice .decimal {

    font-size: .45rem

}



.combinedPurchaseListContainer .cpItem .cpBtn {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 3.5rem;

    height: 1.125rem;

    border-radius: .575rem;

    font-size: .55rem;

    color: #fff;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 0;

    margin: .475rem 0 0 0

}



.combinedPurchaseListContainer.cpShowMorePanel {

    height: 15.375rem;

    background: #fff;

    z-index: 1001;

    position: absolute;

    bottom: 0;

    padding: 0;

    width: 16rem

}



.combinedPurchaseListContainer.cpShowMorePanel .combinedPurchaseList {

    max-height: 13.35rem;

    overflow-y: auto

}



.combinedPurchaseListContainer.cpShowMorePanel .cpItem .priceContain {

    width: 5rem

}



.combinedPurchaseListContainer.cpShowMorePanel .cpPanelTitle {

    height: 2rem;

    padding-left: .375rem;

    border-bottom: .025rem solid #eeeef3;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff;

    z-index: 999;

    width: 15.625rem

}



.cpDetailInfo .pdInfoList {

    padding-left: .75rem;

    padding-right: .75rem;

    background: #fff

}



.cpDetailInfo .pdInfoList .pdInfo {

    height: 6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: .025rem solid #eeeef3

}



.cpDetailInfo .pdInfoList .pdInfo .left {

    display: inline-block;

    width: 4.5rem;

    height: 4.5rem;

    float: left

}



.cpDetailInfo .pdInfoList .pdInfo .right {

    display: inline-block;

    height: 4.5rem;

    width: 9.275rem;

    float: right;

    padding-left: .75rem;

    position: relative

}



.cpDetailInfo .left .pdImg {

    display: inline-block;

    width: 4.45rem;

    height: 4.45rem;

    border-radius: .125rem;

    border: .025rem solid #eeeef3

}



.cpDetailInfo .right .pdName {

    font-size: .7rem;

    color: #333;

    height: 1.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 1.1

}



.cpDetailInfo .right .chooseOptionContainer {

    background: #fafafa;

    margin-top: .4rem;

    padding-left: .25rem;

    padding-right: .25rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 1rem;

    border-radius: .125rem;

    word-break: break-all

}



.cpDetailInfo .right .chooseOptionStr {

    display: inline;

    font-size: .5rem;

    color: #999;

    max-height: 1.65rem;

    overflow: hidden;

    text-overflow: ellipsis

}



.cpDetailInfo .right .originalPriceAndAmount {

    position: absolute;

    bottom: .125rem;

    width: 100%

}



.cpDetailInfo .right .originalPrice {

    display: inline-block;

    float: left;

    font-size: .5rem;

    color: #999

}



.cpDetailInfo .right .amount {

    display: inline-block;

    float: right;

    font-size: .5rem;

    color: #999;

    margin-right: .75rem

}



.cpDetailInfo .pdInfoList .pdInfo:last-child {

    border-bottom: none;

    margin-bottom: 2.35rem

}



.cpDetailInfo .buyContainer {

    width: 16rem;

    height: 2rem;

    position: fixed;

    bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff

}



.cpDetailInfo .buyContainer .priceInfo {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    font-size: .65rem;

    font-weight: 400;

    color: rgba(102, 102, 102, 1);

    padding-left: .65rem

}



.cpDetailInfo .buyContainer .priceInfo .total {

    vertical-align: middle

}



.cpDetailInfo .buyContainer .priceInfo .save {

    font-size: .5rem;

    color: rgba(153, 153, 153, 1);

    margin-left: .375rem;

    vertical-align: middle

}



.cpDetailInfo .icon-rightIcon:before {

    content: "\ea9e";

    margin-left: .2rem;

    font-size: .625rem;

    color: #999;

    display: inline-block;

    -webkit-transform: rotate(90deg) scaleX(.9);

    transform: rotate(90deg) scaleX(.9)

}



.buyContainer .buyBtn {

    text-align: center;

    font-size: .65rem;

    color: #fff;

    height: 100%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 4.5rem;

    border-radius: unset

}



.cpOptionPanel {

    position: absolute;

    z-index: 999;

    bottom: 0;

    width: 100%;

    background: #fff;

    border-top-left-radius: .45rem;

    border-top-right-radius: .45rem

}



.cpOptionPanel .mallOptionAndNumBox {

    margin-top: .45rem;

    padding-left: .75rem

}



.cpOptionPanel .productMallOptionHead {

    height: 4.05rem;

    margin-top: .5rem

}



.cpOptionPanel .productDetail {

    display: inline-block;

    position: absolute;

    margin-left: .75rem;

    top: .525rem

}



.cpOptionPanel .productDetail .productDetailName {

    position: relative;

    transform: unset;

    -webkit-transform: unset

}



.cpOptionPanel .productDetail .productDetailMallAmount {

    padding-left: 0

}



.cpOptionPanel .productDetail .productOriginalPrice {

    font-size: .55rem;

    color: #666;

    margin-top: .3rem

}



.cpOptionPanel .saveCpOptionBtn {

    height: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff

}



.cpOptionPanel .productMallOptionHead .mallOptionImg {

    background-color: #fff;

    display: inline-block;

    border: .025rem solid #f3f3f3;

    width: 4rem;

    height: 4rem;

    border-radius: .15rem;

    background-size: cover;

    background-repeat: no-repeat

}



.cpOptionPanel .productDetailMallAmount {

    position: relative;

    font-size: .5rem;

    color: #999

}



.cpOptionPanel .optionSelected.g_mallLabel {

    color: #fff

}



.wx_addFans_popup_wrap {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 9999;

    background-color: rgba(0, 0, 0, .5);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.wx_addFans_popup_wrap .wx_addFans_popup {

    width: 11.95rem;

    height: 6.2rem;

    background: #fff;

    border-radius: .15rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.wx_addFans_popup_wrap .text_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 1.15rem 0;

    width: 100%;

    border-bottom: solid 1px #e5e5e5;

    font-size: .7rem;

    color: #333

}



.wx_addFans_popup_wrap .btn_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.wx_addFans_popup_wrap .cancel_btn {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .6rem;

    height: 100%;

    border-right: solid 1px #e5e5e5;

    color: #007aff;

    cursor: pointer

}



.wx_addFans_popup_wrap .open_btn {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .6rem;

    height: 100%;

    color: #007aff;

    cursor: pointer

}



#formDetail .pay_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



#formDetail .pay_information {

    font-size: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



#formDetail .pay_type_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: auto;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



#formDetail .wx_pay_icon {

    width: 1rem;

    height: 1rem;

    fill: #fdb251;

    margin-right: .15rem;

    font-size: .65rem

}



#formDetail .wxpay_icon {

    width: 1rem;

    height: 1rem;

    color: #38b035;

    margin-right: .15rem;

    font-size: .65rem

}



#formDetail .alipay_icon {

    width: 1rem;

    height: 1rem;

    color: #1caaee;

    margin-right: .15rem;

    font-size: .65rem

}



.videoShoppingDetailHeader {

    position: absolute;

    left: .5rem;

    top: .5rem;

    width: 100%;

    height: 1rem;

    z-index: 99999

}



.videoShoppingDetailContent {

    width: 100%;

    height: 27.85rem;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

    -ms-touch-action: none;

    touch-action: none

}



.videoShoppingDetailLoading {

    width: 100%;

    z-index: 9;

    height: 10rem;

    background-image: url(/image/loading/loading_2.gif?v=201711250607);

    background-repeat: no-repeat;

    background-position: 50% 50%

}



.videoShoppingDetailContentBox {

    height: 100%

}



.videoShoppingDetailContent .swiper-slide {

    position: relative

}



.videoShoppingDetailContent .videoShoppingDetailItem {

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    z-index: 999;

    left: 0;

    top: 0;

    background: #000

}



.videoShoppingDetailContent .videoShoppingDetailItem.deleteVideo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.videoShoppingDetailContent .videoItem {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.videoShoppingDetailContent .videoBox {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative

}



.videoShoppingDetailContent video {

    width: 100%;

    height: 100%;

    overflow: hidden;

    -o-object-fit: fill;

    object-fit: fill

}



.videoShoppingDetailContent .rightBox {

    position: absolute;

    right: .575rem;

    bottom: 3.25rem;

    z-index: 999

}



.videoShoppingDetailContent .rightBox .numBox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 1.225rem;

    font-size: .5rem;

    color: #fff;

    position: relative;

    cursor: pointer

}



.videoShoppingDetailContent .numBox .productNum {

    padding-top: .5rem

}



.videoShoppingDetailContent .icon_productList {

    width: 1.35rem;

    height: 1.5rem;

    background: url(/image/v2/mallBag.png?v=201912181436) no-repeat;

    background-size: contain;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.videoShoppingDetailIcon {

    fill: #fff;

    width: 1.25rem;

    height: 1rem

}



.videoShoppingDetailContent .bottomBox {

    position: absolute;

    bottom: .375rem;

    left: .375rem;

    color: #fff;

    width: calc(100% - 24px);

    z-index: 1

}



.videoShoppingDetailContent .bottomBox .videoName {

    font-size: .7rem;

    font-weight: 700;

    margin-bottom: .525rem;

    max-width: 12rem;

    margin-left: .25rem

}



.videoShoppingDetailContent .bottomBox .videoDesc {

    font-size: .55rem;

    max-width: 10.9rem;

    word-break: break-all;

    word-wrap: break-word;

    white-space: normal;

    margin-left: .25rem

}



.videoShoppingDetailContent .bottomBox .videoDes {

    font-size: 13px;

    margin-top: 13px;

    max-height: 90px;

    max-width: 265px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    word-break: break-all;

    word-wrap: break-word

}



.videoShoppingDetailContent .productCarousel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

    position: relative;

    width: 100%;

    margin-top: .8rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.videoShoppingDetailContent .productCarousel .carouselCon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff;

    width: 100%;

    padding: .35rem 0;

    border-radius: .25rem

}



.videoShoppingDetailContent .productSwiperCon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-left: .35rem

}



.videoShoppingDetailContent .carouselItem {

    background: rgba(255, 255, 255, 1);

    min-width: 7.675rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #333;

    font-size: .5rem;

    position: relative;

    background: #fff;

    border-radius: .25rem

}



.videoShoppingDetailContent .carouselItem:before {

    position: absolute;

    width: 1px;

    height: 50px;

    background: #eee;

    content: '';

    display: block

}



.videoShoppingDetailContent .carouselItem .carouselLeft {

    padding-left: .35rem

}



.videoShoppingDetailContent .carouselItem img {

    width: 54px;

    height: 54px;

    border-radius: 3px;

    border: 1px solid #eee

}



.videoShoppingDetailContent .triangle {

    bottom: 2.91rem;

    right: .475rem;

    position: absolute;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-bottom: 11px solid #fff;

    z-index: 1010

}



.videoShoppingDetailContent .carouselItem .carouseRight {

    height: 54px;

    margin-left: 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.videoShoppingDetailContent .carouselItem .carouseRight .itemName {

    max-width: 88px;

    height: 31px;

    overflow: hidden;

    text-overflow: ellipsis

}



.videoShoppingDetailContent .carouselItem .carouseRight .mallPrice {

    color: #ff5700;

    font-size: 13px

}



.videoShoppingDetailContent .icon_pause {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 3.75rem;

    height: 3.75rem;

    border-radius: 50%;

    background: rgba(0, 0, 0, .5);

    display: none;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-left: -1.875rem;

    margin-top: -1.875rem

}



.videoShoppingDetailContent .icon_pause .pauseIcon {

    width: 1.35rem;

    height: 1.6rem

}



.videoShoppingDetailContent .style00 {

    width: 100%;

    height: 100%;

    -o-object-fit: fill;

    object-fit: fill

}



.videoShoppingDetailContent .style10 {

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.videoShoppingDetailContent .style20 {

    width: 100%;

    height: 75%;

    -o-object-fit: fill;

    object-fit: fill

}



.videoShoppingDetailContent .style21 {

    width: 100%;

    height: 80%;

    -o-object-fit: fill;

    object-fit: fill

}



.videoShoppingDetailContent .style22 {

    width: 100%;

    height: 56.25%;

    -o-object-fit: fill;

    object-fit: fill

}



.videoShoppingDetailContent .style23 {

    width: 100%;

    height: 100%;

    -o-object-fit: fill;

    object-fit: fill

}



.videoShoppingDetailContent #progressWrap {

    background: rgba(0, 0, 0, .3);

    height: 3px;

    position: absolute;

    z-index: 101010;

    bottom: 0;

    width: 100%

}



.videoShoppingDetailContent .playProgress {

    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 84, 0, 1)), to(rgba(255, 140, 0, 1)));

    background: linear-gradient(-90deg, rgba(255, 84, 0, 1), rgba(255, 140, 0, 1));

    width: 0;

    height: 3px

}



.videoShoppingDetailContent .VideoShoppingbgMask {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, .5);

    z-index: 1000

}



.videoShoppingDetailContent .shareListContent {

    z-index: 1001

}



.videoShoppingDetailContent .hasBeenAgree {

    fill: #ff6c00

}



.videoShoppingDetailContent .productCarousel .swiper-wrapper {

    -webkit-transition-timing-function: linear !important;

    transition-timing-function: linear !important

}



.formStyle52 .moduleContent {

    overflow: initial

}



.formStyle52 .formMiddle > .middleCenter {

    position: initial

}



.formStyle52 .formMiddle > .middleCenter > .formMiddleContent {

    position: initial

}



.formStyle52.form {

    overflow: initial

}



.newsNewDetailPanel .titleNoWrap .textTitle {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.img_no_select {

    pointer-events: none

}



.is_inputing {

    display: none !important

}



.jz_theme_1016 .navItem {

    will-change: transform

}



.fixed_iphoneX_footer #J_showGiftPage, .fixed_iphoneX_footer #fixedWrap, .fixed_iphoneX_footer #g_web .fixedWrap .productImmediatelyBug, .fixed_iphoneX_footer #wxPublicAttentionService, .fixed_iphoneX_footer .J_newsBottom, .fixed_iphoneX_footer .backTop, .fixed_iphoneX_footer .customerServiceDiv, .fixed_iphoneX_footer .mallFixNavWrap, .fixed_iphoneX_footer .p_footer_nav, .fixed_iphoneX_footer .p_footer_nav_wrap, .fixed_iphoneX_footer .productMallOptionContent, .fixed_iphoneX_footer .productMallShop, .fixed_iphoneX_footer .u_area_box_wrap, .fixed_iphoneX_footer.isMall .productMallShop, .fixed_iphoneX_footer.notIsMall .fixedWrap {

    padding-bottom: 34px

}



.fixed_iphoneX_footer.mobiCol20 #wxPublicAttentionService {

    padding-bottom: 0;

    margin-bottom: 34px

}



.fixed_iphoneX_footer.jz_themeV3 .newsBottom {

    height: calc(2rem + 34px)

}



.fixed_iphoneX_footer.jz_themeV3 .formStyle49 .formMiddleContent {

    margin-bottom: calc(4.325rem + 34px)

}



.fixed_iphoneX_footer.mobiCol28 #wxPublicAttentionService {

    padding-bottom: 0

}



#fk-dockTip {

    border: 1px solid #f5e4b9;

    background: #fffaee;

    color: #333;

    font-size: 13px;

    border-radius: 2px;

    position: absolute;

    z-index: 99999;

    padding: 2px 6px 3px 7px;

    display: none;

    white-space: nowrap

}



.calculationModalFrame {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9998;

    top: 0

}



.calculationModalFrameBg {

    position: relative;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9998;

    background: rgba(0, 0, 0, .7);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.calculationModalFrame .content_box {

    width: 13.5rem;

    height: auto;

    background: #fff;

    min-height: 10rem;

    border-radius: .25rem;

    position: relative;

    max-height: 22.75rem;

    overflow-y: auto

}



.calculationModalFrame .close_btn {

    position: absolute;

    width: .8rem;

    height: .8rem;

    fill: #bdbdbd;

    fill: #bdbdbd;

    right: .4rem;

    top: .4rem

}



.calculationModalFrame .result_content {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: .75rem;

    text-align: center

}



.calculationModalFrame .result_content .formula_result {

    width: 100%;

    text-align: center;

    margin-bottom: .5rem

}



.calculationModalFrame .formula_result .formula_result_text {

    font-weight: 500;

    color: rgba(153, 153, 153, 1);

    line-height: 1.5rem;

    font-size: .6rem

}



.calculationModalFrame .formula_result .formula_result_money {

    font-size: 1.2rem;

    font-family: PingFang SC;

    font-weight: 700;

    color: rgba(51, 51, 51, 1);

    line-height: 1.2rem;

    width: 100%;

    word-break: break-all

}



.calculationModalFrame .variable_list {

    width: 10.5rem;

    display: inline-block;

    padding: .3rem .75rem .4rem .75rem;

    border-bottom: .025rem dashed #e0e0e0

}



.calculationModalFrame .variable_list .vaiable_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: .6rem

}



.calculationModalFrame .vaiable_item .variable_name {

    color: #666;

    font-size: .6rem;

    max-width: 60%

}



.calculationModalFrame .vaiable_item .variable_value {

    color: #333;

    font-size: .6rem

}



.calculationModalFrame .result_content .result_img {

    width: 100%;

    margin-top: .75rem;

    display: inline-block;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center

}



.calculationModalFrame .result_content .result_img img {

    max-width: 100%;

    max-height: 4.5rem

}



.calculationModalFrame .result_content .result_note_text {

    font-size: .6rem;

    color: #999;

    margin: .6rem 0 .5rem 0

}



.navbar.open .navbarList {

    display: block

}



.displayNone {

    display: none

}



#knowPayList {

    display: none

}



#knowPayList .profileContent {

    padding: 0

}



#knowPayList .productList {

    border: none

}



#knowPayList ul.productList:first-child {

    padding-top: .75rem

}



#knowPayList .productList li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: initial;

    border: none;

    padding-left: .5rem;

    padding-right: .625rem;

    line-height: initial;

    padding-top: .6rem

}



#knowPayList .productList li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%

}



#knowPayList .productList li .leftContent {

    width: 4.25rem;

    height: 4.25rem;

    border-radius: .15rem;

    background-size: contain;

    background-repeat: no-repeat;

    margin-bottom: 1.1rem;

    background-position: center

}



#knowPayList .productList li .rightContent {

    padding-left: .375rem;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



#knowPayList .productList li .rightContent .knowPaytitle {

    font-size: .6rem;

    color: #333;

    line-height: .75rem;

    font-weight: 700;

    padding-top: .2rem

}



#knowPayList .productList li .rightContent .knowPayTime {

    font-size: .5rem;

    color: #666;

    font-weight: 500;

    padding-top: .375rem

}



#knowPayList .productList li .sliderLine {

    border-bottom: .025rem solid #f0f0f0

}



#knowPayment .itemName svg {

    width: .6rem;

    height: .7rem;

    padding-right: .8rem;

    padding-left: .3rem;

    fill: #666;

    position: relative;

    top: .08rem

}



.knowPayProduct .videoQuit {

    cursor: pointer;

    width: 3rem;

    position: absolute;

    right: .5rem;

    top: .5rem;

    height: 1rem;

    text-align: center;

    line-height: 1rem;

    font-size: .5rem;

    color: #fff;

    background-color: rgb(60, 60, 60, .6);

    border-radius: 30px

}



.knowPayProduct #knowproductVideoMask {

    background-color: #000;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: 9999

}



.knowPayProduct .mobiProductVideoDialog {

    position: absolute;

    height: 100%;

    width: 100%;

    bottom: 0

}



.float_effect .preview_icon {

    width: 1rem;

    height: 1rem;

    color: #fff

}



.merchantApplyContainer .applyPanel {

    display: none

}



.merchantApplyContainer .applyPanel.show, .merchantApplyContainer .resultPanel.show {

    display: block

}



.merchantApplyContainer .applyPanel .header {

    background: url(/image/merchants/header.jpg?v=202003181350) no-repeat;

    background-size: cover;

    width: 100%;

    height: 4.7rem

}



.merchantApplyContainer .applyPanel .formBox {

    padding: 1rem .75rem 0;

    width: calc(100% - 1.5rem)

}



.merchantApplyContainer .applyPanel .formBox .headTitle {

    font-size: .8rem;

    color: #353535;

    font-weight: bolder;

    height: .8rem;

    line-height: .8rem

}



.merchantApplyContainer .applyPanel .formBox .formItem {

    min-height: 2.25rem;

    border-bottom: .03rem solid #e6e5ea;

    font-size: 0;

    padding: 0 .25rem;

    width: calc(100% - .5rem);

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.merchantApplyContainer .applyPanel .formBox .formItem .key {

    font-size: .6rem;

    color: #333;

    display: inline-block;

    padding-right: .5rem;

    vertical-align: middle;

    line-height: 1.2rem

}



.merchantApplyContainer .applyPanel .formBox .formItem.muliTxtItem {

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline

}



.merchantApplyContainer .applyPanel .formBox .formItem .simpleTxtInput {

    display: inline-block;

    border: 0;

    height: 1.4rem;

    width: 10rem;

    font-size: .65rem;

    color: #333;

    outline: 0;

    background: 0 0;

    vertical-align: middle

}



.merchantApplyContainer .applyPanel .formBox .formItem .multiTxt {

    display: inline-block;

    border: 0;

    height: 3.325rem;

    width: 10rem;

    font-size: .65rem;

    color: #333;

    outline: 0;

    background: 0 0;

    overflow: visible;

    resize: none;

    vertical-align: middle;

    margin-top: .25rem;

    font-family: Microsoft YaHei

}



.merchantApplyContainer .applyPanel .formBox .formItem .dropDown {

    display: inline-block;

    border: 0;

    height: 2.25rem;

    width: 10rem;

    font-size: .65rem;

    color: #333;

    outline: 0;

    background: 0 0;

    vertical-align: middle

}



.merchantApplyContainer .applyPanel .formBox .formItem .icon-clickIcon {

    position: absolute;

    right: .13rem;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.merchantApplyContainer .applyPanel .formBox .formItem .icon-clickIcon:before {

    content: "\e672";

    font-size: .75rem;

    color: #c7c7c7

}



.merchantApplyContainer .applyPanel .formBox .formItem .fileValue {

    display: inline-block;

    border: 0;

    height: 2.25rem;

    width: 7.5rem;

    margin-left: .1;

    font-size: .65rem;

    color: #333;

    outline: 0;

    background: 0 0;

    vertical-align: middle

}



.merchantApplyContainer .applyPanel .formBox .formItem .uploadBtn {

    display: inline-block;

    border: 0;

    height: 2.25rem;

    line-height: 2.25rem;

    width: 2.7rem;

    font-size: .55rem;

    color: #666;

    outline: 0;

    background: 0 0;

    vertical-align: middle;

    cursor: pointer

}



.merchantApplyContainer .applyPanel .selProtocol {

    margin-top: .75rem;

    margin-left: 1.25rem;

    font-size: 0

}



.merchantApplyContainer .applyPanel .selProtocol .protocolCheckLabel {

    display: inline-block;

    width: .75rem;

    height: .75rem;

    border-width: .03rem;

    border-style: solid;

    border-radius: .03rem;

    vertical-align: middle;

    margin-right: .25rem;

    position: relative;

    cursor: pointer

}



.merchantApplyContainer .applyPanel .selProtocol .protocolCheck:checked + .protocolCheckLabel:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    font-family: icomoon, 微软雅黑, 'microsoft yahei', 宋体, 新宋体;

    content: "\e777";

    font-weight: 700;

    font-size: .65rem;

    line-height: .75rem;

    text-align: center

}



.merchantApplyContainer .applyPanel .selProtocol .protocolCheck:not(:checked) + .protocolCheckLabel {

    border-color: #e6e5ea

}



.merchantApplyContainer .applyPanel .selProtocol .txt1 {

    display: inline-block;

    font-size: .55rem;

    color: #333;

    vertical-align: middle;

    margin-right: .05rem

}



.merchantApplyContainer .applyPanel .selProtocol .txt2 {

    display: inline-block;

    font-size: .55rem;

    vertical-align: middle;

    cursor: pointer

}



.merchantApplyContainer .applyPanel .applyBtn {

    width: 13.5rem;

    height: 2rem;

    border-radius: 1rem;

    color: #fff;

    font-size: .75rem;

    text-align: center;

    line-height: 2rem;

    margin: 0 auto;

    margin-top: .6rem;

    margin-bottom: 2.15rem;

    cursor: pointer

}



.merchantApplyContainer .resultPanel {

    width: 100%;

    height: 100%;

    background: #fff;

    max-width: 768px;

    display: none

}



@media only screen and (min-width: 1280px) {

    .merchantApplyContainer .resultPanel {

        max-width: 512px

    }

}



.merchantApplyContainer .showPic {

    width: 13rem;

    height: 7.1rem;

    background-size: cover;

    margin: 5rem auto 3rem;

    background-repeat: no-repeat

}



.merchantApplyContainer .showPic.pic_suc {

    background-image: url(/image/merchants/suc.png?v=202004151344)

}



.merchantApplyContainer .showPic.pic_fail {

    background-image: url(/image/merchants/fail.png?v=202004151344)

}



.merchantApplyContainer .showPic.pic_pass {

    background-image: url(/image/merchants/pass.png?v=202004151344)

}



.merchantApplyContainer .resultPanel .txt1 {

    font-size: .8rem;

    color: #333;

    height: .8rem;

    line-height: .8rem;

    text-align: center

}



.merchantApplyContainer .resultPanel .txt2 {

    font-size: .65rem;

    color: #666;

    min-height: .65rem;

    line-height: .8rem;

    margin: 0 auto;

    margin-top: .75rem;

    text-align: center;

    max-width: 12rem

}



.merchantApplyContainer .resultPanel .txt3 {

    font-size: .5rem;

    color: #666;

    height: .5rem;

    line-height: .5rem;

    margin-top: 1rem;

    text-align: center

}



.merchantApplyContainer .resultPanel .copyBtn {

    width: 2.7rem;

    height: 1.1rem;

    border: .03rem solid rgba(216, 216, 216, 1);

    border-radius: 1rem;

    margin: 0 auto;

    margin-top: .5rem;

    font-size: 0;

    cursor: pointer

}



.merchantApplyContainer .resultPanel .copyBtn .btnIco {

    fill: #666;

    color: #666;

    font-size: .55rem;

    margin-left: .3rem;

    height: .6rem;

    width: .6rem;

    vertical-align: middle

}



.merchantApplyContainer .resultPanel .copyBtn .btnTxt {

    color: #666;

    font-size: .55rem;

    margin-left: .2rem;

    height: 1.1rem;

    line-height: 1.1rem;

    vertical-align: middle

}



.merchantApplyContainer .resultPanel .otherBtn {

    width: 13.5rem;

    height: 2rem;

    line-height: 2rem;

    text-align: center;

    border-radius: 1rem;

    font-size: .75rem;

    color: #fff;

    cursor: pointer;

    margin: 0 auto;

    margin-top: 1.35rem;

    margin-bottom: 1.35rem

}



.merchantApplyContainer .joinProtocol {

    width: 11.95rem;

    position: fixed;

    border-radius: .2rem;

    z-index: 10;

    background-color: #fff;

    top: 0;

    left: 2rem;

    display: none

}



.merchantApplyContainer .joinProtocol .title {

    height: 2.1rem;

    line-height: 2.1rem;

    text-align: center;

    background-color: #4b81fb;

    border-top-right-radius: .2rem;

    border-top-left-radius: .2rem;

    color: #fff

}



.merchantApplyContainer .joinProtocol .content {

    padding: .8rem .8rem 0 .8rem;

    max-height: 10.4rem;

    overflow: auto;

    word-break: break-all

}



.merchantApplyContainer .joinProtocol .confirmBtn {

    border: 1px solid;

    border-radius: 1rem;

    height: 1.5rem;

    text-align: center;

    width: 4.5rem;

    margin: .9rem auto;

    font-size: .6rem;

    line-height: 1.5rem;

    display: block

}



.merchantApplyContainer .maskLayer {

    z-index: 5;

    width: 100%;

    height: 100%;

    background-color: #000;

    position: fixed;

    margin: 0;

    padding: 0;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: .3;

    display: none

}



.merchantApplyContainer .resultPanel .applyAgainBtn {

    text-align: center;

    font-size: .6rem;

    cursor: pointer

}



.merchantApplyContainer .uploadTextFix {

    line-height: 1rem !important;

    height: auto !important

}



.merchantApplyContainer .uploadIconFix {

    top: unset !important;

    bottom: .38rem !important

}



.jz_theme_1022 .merchantApplyContainer .applyPanel .formBox .formItem .key, .jz_theme_1022 .merchantApplyContainer .applyPanel .formBox .formItem .multiTxt, .jz_theme_1022 .merchantApplyContainer .applyPanel .formBox .formItem .simpleTxtInput, .jz_theme_1022 .merchantApplyContainer .applyPanel .formBox .formItem .uploadBtn, .jz_theme_1022 .merchantApplyContainer .applyPanel .formBox .headTitle, .jz_theme_1022 .merchantApplyContainer .applyPanel .selProtocol .txt1 {

    color: #fff

}



.merchantloginResult {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 2rem;

    padding-bottom: 2rem

}



.merchantloginResult .signupImg {

    width: 8.5rem;

    height: 8.5rem;

    background: url(/image/merchants/signup.png) no-repeat;

    background-size: contain

}



.merchantloginResult .countLimitImg {

    width: 15.5rem;

    height: 10.5rem;

    background: url(/image/merchants/countLimit.png) no-repeat;

    background-size: contain

}



.merchantloginResult .failImg {

    width: 8.5rem;

    height: 7.5rem;

    background: url(/image/merchants/loginFail.png) no-repeat;

    background-size: contain

}



.merchantloginResult .sucImg {

    width: 8.5rem;

    height: 7.5rem;

    background: url(/image/merchants/loginSuc.png) no-repeat;

    background-size: contain

}



.merchantloginResult .auditImg {

    width: 8.5rem;

    height: 7.5rem;

    background: url(/image/merchants/loginAudit.png?v=202004281340) no-repeat;

    background-size: contain

}



.merchantloginResult .signupBtn {

    width: 10rem;

    height: 1.8rem;

    line-height: 1.8rem;

    font-size: .7rem;

    text-align: center;

    color: #fff;

    border-radius: .3rem;

    margin-top: 1.5rem

}



.merchantloginResult .text1 {

    color: #444;

    font-size: .7rem;

    margin-bottom: .5rem

}



.merchantloginResult .text2 {

    color: #999;

    font-size: .55rem

}



.m_custom_search .select_style .select_list_wrap {

    position: static

}



.m_custom_search .select_style .select_item {

    height: unset;

    padding: 0

}



.m_custom_search .select_style .select_item:hover {

    color: #333 !important

}



.knowPayProduct .videoTryTipContainer {

    position: absolute;

    bottom: .4rem;

    left: .4rem;

    height: 1.1rem;

    font-size: .5rem;

    font-weight: 500;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: .55rem;

    min-width: 10.5rem

}



.knowPayProduct .videoTryTipContainer .videoTryBg {

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    border-radius: .6rem;

    border: .05rem solid rgba(255, 255, 255, .6);

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.knowPayProduct .videoTryTipContainer .videoTryTip {

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    height: 100%;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: .55rem

}



.knowPayProduct .videoTryTipContainer .videoTryTipSvg {

    width: .4rem;

    height: .4rem;

    fill: #fff

}



.knowPayPopupContainer {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.knowPayPopupContainer .knowPayPopupBg {

    position: absolute;

    top: 0;

    left: 0;

    background: #000;

    width: 100%;

    height: 100%;

    opacity: .5

}



.knowPayPopupContainer .knowPayPopupContent {

    width: 13.5rem;

    height: 6.9rem;

    background-color: #fff;

    border-radius: .15rem;

    z-index: 11;

    margin: 0 auto;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.knowPayPopupContainer .knowPayPopupTip {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.knowPayPopupContainer .knowPayPopupTip .knowPayPopupTitle {

    padding-top: 1.375rem;

    color: #333;

    text-align: center;

    font-size: .7rem

}



.knowPayPopupContainer .knowPayPopupTip .knowPayPopupTips {

    color: #999;

    font-size: .55rem;

    text-align: center;

    padding-top: .9rem

}



.knowPayPopupContainer .knowPayPopupBtnGroup {

    height: 2.2rem;

    font-size: .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: center;

    line-height: 2.2rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-top: 1px solid #e5e5e5

}



.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupClip {

    width: 1px;

    background-color: #f2f2f2;

    height: 100%

}



.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupCancel {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    color: #333

}



.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupConfirm {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    color: #3786fb

}



.float_effect .float_effect_style {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 1.6rem;

    height: 1.6rem;

    border-radius: .08rem

}



.fixed_iphoneX_footer .float_effect {

    bottom: 7.5rem

}



.float_effect {

    cursor: pointer;

    margin: 0 .3rem .43rem 0

}



.float_effect .float_effect_style_1 {

    border-radius: 50%

}



.float_effect .float_effect_style_3 {

    border-radius: 50%;

    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);

    background-color: #fff

}



.float_effect .float_effect_style_3 .preview_icon {

    color: #000

}



.float_zone_wrap {

    height: 100%

}



.floatZoneContainer .formStyle52.form, .floatZoneContainer .formStyle52.form .formMiddle {

    background: 0 0;

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0

}



.floatZoneContainer .formStyle53.form {

    margin: 0;

    padding: 0

}



.floatZoneContainer .formStyle54.form {

    margin: 0

}



.floatZoneContainer > .form, .floatZoneContainer > .form > .formMiddle, .floatZoneContainer > .form > .formMiddle .middleLeft, .floatZoneContainer > .form > .formMiddle > .middleCenter, .floatZoneContainer > .form > .formMiddle > .middleCenter > .formMiddleContent {

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important

}



.flexShrinkZero {

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.designer_v2_editor .photo-style-item {

    border-radius: 4px

}



.designer_v2_editor .photo-list-item-selected .photo-list-item-icon {

    display: none

}



.designer_v2_editor .jz-input-number .input-number-input:focus, .designer_v2_editor .jz-input-number:hover, .designer_v2_editor .jz-input-number:hover .input-number-input, .designer_v2_editor .jz-input-textarea .input-textarea-inner:focus, .designer_v2_editor .jz-input-textarea:hover .input-textarea-inner, .designer_v2_editor .jz-input-wrapper:hover .jz-input, .designer_v2_editor .jz-input:focus, .designer_v2_editor .jz-photo-checked, .designer_v2_editor .jz-photo-group .jz-photo-group-item:not(.jz-photo-checked):hover, .designer_v2_editor .jz-switch-checked, .designer_v2_editor .photo-list-item-hover, .designer_v2_editor .photo-list-item-selected, .designer_v2_editor .photo-style-item.selected, .designer_v2_editor .photo-style-item:hover {

    border-color: #ff9425

}



.designer_v2_editor .jz-slider-wrapper .slider-check-line, .designer_v2_editor .jz-slider-wrapper .slider-handle, .designer_v2_editor .jz-switch-checked, .designer_v2_editor .jz-tabs-default .tabs-bar, .designer_v2_editor .jz_background__square_item--active, .designer_v2_editor .jz_background__square_item--active:hover, .designer_v2_editor .settingPanelNav .setingPanelTab.active:after {

    background-color: #ff9425

}



.designer_v2_editor .jz-select-item-selected, .designer_v2_editor .jz-select-item:hover, .designer_v2_editor .jz_transfer_source .jz_transfer_item:hover, .designer_v2_editor .photo-list-item-edit {

    background-color: #fe714b

}



.designer_v2_editor .jz_button:hover {

    border-color: rgba(254, 113, 75, 1);

    background-color: rgba(254, 113, 75, 1)

}



.designer_v2_editor .jz_button__active {

    border-color: rgba(254, 113, 75, 1);

    background-color: rgba(254, 113, 75, 1)

}



.designer_v2_editor .topbar_wrap .site_operate_wrap .preview:hover {

    background-color: #fe714b;

    border: none

}



.designer_v2_editor .jz_button:active {

    background-color: #f46038;

    border-color: #f46038

}



.designer_v2_editor .jz-table-dd-list .dd-handle:hover {

    background-color: #fff5f0 !important

}



.designer_v2_editor .jz_button[disabled] {

    background-color: #fff;

    border-color: #eaeaea

}



.designer_v2_editor .jz-tabs-default .tabs-item-active {

    color: #ff9425

}



.designer_v2_editor .jz-photo-checked:after {

    display: none

}



.designer_v2_editor .text_style_settings .icon.active {

    background-color: #fff5f0

}



.flex_btn2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer

}



.topbar_wrap {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0 0 6px 0 rgba(51, 51, 51, .12);

    box-shadow: 0 0 6px 0 rgba(51, 51, 51, .12);

    font-size: 13px;

    color: #333

}



.topbar_wrap .topbar_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%

}



.topbar_wrap .center_panel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-negative: 1;

    flex-shrink: 1;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.topbar_wrap .left_panel, .topbar_wrap .right_panel {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    height: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.topbar_wrap .backstage_admin {

    border-right: 1px solid rgba(242, 242, 242, 1)

}



.topbar_wrap .backstage_admin:hover {

    background: rgba(255, 245, 240, 1);

    color: #fe714b;

    cursor: pointer

}



.topbar_wrap .backstage_admin_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 144px;

    font-size: 14px

}



.topbar_wrap .backstage_admin_content::before {

    content: "";

    display: block;

    width: 40px;

    height: 40px;

    margin-right: 8px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat

}



.topbar_wrap.is_oem .backstage_admin_content::before {

    display: none

}



.topbar_wrap .backstage_admin_content::after {

    content: "";

    display: block;

    width: 11px;

    height: 7px;

    margin-left: 5px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat -211px -32px

}



.topbar_wrap .backstage_admin_content:hover::after {

    background-position: -244px -32px

}



.topbar_wrap .current_project {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-left: 25px

}



.topbar_wrap .current_project_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.topbar_wrap_project_item::before {

    content: "";

    display: block;

    width: 15px;

    height: 15px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat

}



.topbar_wrap_project_item.is_current::before {

    margin-left: 12px;

    margin-right: 8px;

    background-position: -60px 0

}



.topbar_wrap_project_item.is_current {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 132px;

    height: 36px;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(242, 242, 242, 1);

    border-radius: 18px;

    cursor: pointer

}



.topbar_wrap_project_item.is_current::after {

    content: "";

    display: block;

    width: 11px;

    height: 7px;

    margin-left: 8px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat -211px -32px

}



.topbar_wrap .no_other .is_current::after {

    display: none

}



.projectOpen .topbar_wrap_project_item.is_current::after {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.topbar_wrap_project_item.is_current:hover {

    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);

    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);

    color: #fe714b

}



.topbar_wrap_project_item.is_current:hover::after {

    background-position: -244px -32px

}



.topbar_wrap_project_item.is_mallapp::before {

    background-position: -60px 0

}



.topbar_wrap_project_item.is_mobi::before {

    background-position: -104px 0

}



.topbar_wrap_project_item.is_site::before {

    background-position: -148px 0

}



.topbar_wrap_project_list .topbar_wrap_project_item:hover {

    color: #fe714b

}



.topbar_wrap_project_list {

    cursor: pointer

}



.topbar_wrap_project_list .topbar_wrap_project_item::before {

    margin-right: 9px;

    cursor: pointer

}



.topbar_wrap_project_list .topbar_wrap_project_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: 1px solid rgba(242, 242, 242, 1);

    font-size: 13px;

    color: rgba(51, 51, 51, 1);

    padding: 0 6px 12px;

    margin-bottom: 12px

}



.topbar_wrap_project_list .topbar_wrap_project_item:last-child {

    border: none;

    margin-bottom: 0;

    padding-bottom: 0

}



.topbar_wrap .project_switch {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: 12px;

    font-size: 12px;

    color: rgba(102, 102, 102, 1);

    cursor: pointer;

    height: 38px

}



.topbar_wrap .project_switch::before {

    content: "";

    display: block;

    width: 15px;

    height: 15px;

    margin-top: 4px;

    margin-right: 6px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat -211px 0

}



.topbar_wrap .project_switch:hover {

    color: #fe714b

}



.topbar_wrap .project_switch:hover::before {

    background-position: -244px 0

}



.topbar_wrap .audit_btn {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -48px;

    margin-top: -18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 96px;

    height: 36px;

    background: rgba(254, 113, 75, 1);

    border-radius: 18px;

    color: #fff;

    cursor: pointer

}



.topbar_wrap .audit_btn:hover {

    background-color: rgba(255, 133, 85, 1)

}



.topbar_wrap .audit_btn.is_click {

    background: rgba(244, 96, 56, 1)

}



.topbar_wrap .site_operate_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 24px;

    color: #333

}



.topbar_wrap .site_operate_wrap .btn {

    width: 80px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border: 1px solid rgba(230, 230, 230, 1);

    border-radius: 18px;

    margin-right: 16px;

    cursor: pointer

}



.topbar_wrap .site_operate_wrap .btn.is_click {

    background: rgba(244, 96, 56, 1);

    color: #fff

}



.topbar_wrap .site_operate_wrap .btn:last-child {

    margin-right: 0

}



.topbar_wrap .wrap_level_2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    width: 175px;

    margin-right: 16px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.topbar_wrap .site_operate_wrap .preview {

    position: absolute;

    right: 0

}



.topbar_wrap .site_operate_wrap .preview:after {

    content: '预览'

}



.topbar_wrap .save_and_preview .btn {

    border-color: rgba(254, 113, 75, 1)

}



.topbar_wrap .save_and_preview .btn:hover {

    background-color: rgba(254, 113, 75, 1);

    color: #fff

}



.topbar_wrap .save_and_preview .preview {

    border-color: rgba(230, 230, 230, 1)

}



.topbar_wrap .save_and_preview .preview:hover {

    -webkit-transition: width .2s ease;

    transition: width .2s ease;

    width: 100%

}



.topbar_wrap .save_and_preview .preview:hover::after {

    content: '保存并预览'

}



.topbar_wrap .save_and_preview .cancel, .topbar_wrap .save_and_preview .save {

    color: #fe714b

}



.topbar_wrap .site_operate_wrap .jz_button[disabled] {

    background-color: #fff;

    border-color: #f0f0f0;

    color: #999;

    cursor: not-allowed

}



.topbar_wrap .buy_update_btn {

    position: relative;

    margin-right: 19px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 112px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(242, 242, 242, 1);

    border-radius: 18px;

    font-size: 13px;

    color: #333;

    fill: #666;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.topbar_wrap .buy_update_btn:hover {

    color: #fe714b;

    fill: #fe714b;

    cursor: pointer;

    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);

    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08)

}



.topbar_wrap .buy_update_btn::after {

    content: "";

    position: absolute;

    top: 9px;

    right: 9px;

    width: 5px;

    height: 5px;

    background: rgba(255, 59, 48, 1);

    border-radius: 50%

}



.topbar_wrap .buy_update_btn__icon {

    width: 20px;

    height: 17px;

    margin-right: 8px

}



.topbar_wrap .service_btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 72px;

    height: 36px;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(242, 242, 242, 1);

    border-radius: 18px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

    fill: #666;

    margin-right: 20px

}



.topbar_wrap .service_btn:hover {

    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);

    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);

    fill: #fe714b

}



.topbar_wrap .service__icon {

    width: 20px;

    height: 19px

}



.topbar_wrap .service_btn::after {

    content: "";

    display: block;

    width: 11px;

    height: 7px;

    margin-left: 9px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat -211px -32px

}



.servicePanelOpen .topbar_wrap .service_btn::after {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.topbar_wrap .backstage_admin_content::after, .topbar_wrap .service_btn::after, .topbar_wrap_project_item.is_current::after {

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s

}



.topbar_wrap .service_btn:hover::after {

    background-position: -244px -32px

}



.topbar_wrap .sperate {

    width: 1px;

    height: 32px;

    margin-right: 20px;

    background: rgba(238, 238, 238, 1)

}



.topbar_wrap_service_item {

    cursor: pointer

}



.topbar_wrap_service_item::after {

    content: "";

    display: block;

    margin: 10px 0;

    width: 104px;

    height: 1px;

    background: rgba(242, 242, 242, 1);

    cursor: pointer

}



.topbar_wrap_service_item:last-child::after {

    display: none

}



.topbar_wrap_service_item_content::before {

    content: "";

    display: block;

    margin-right: 10px;

    width: 28px;

    height: 28px;

    background: url(/image/v2/mallTop.png?v=202008121347) no-repeat

}



.topbar_wrap_service_item_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 28px

}



.topbar_wrap_service_item_content.is_online_service::before {

    background-position: -278px 0

}



.topbar_wrap_service_item_content.is_help_center::before {

    background-position: -326px 0

}



.topbar_wrap_service_item_content.is_complaint::before {

    background-position: -374px 0

}



.topbar_wrap_service_item_content.is_wx_attention::before {

    background-position: -422px 0

}



.topbar_wrap_service_item_content:hover {

    color: #fe714b

}



.topbar_wrap .center_panel .jz_button_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.topbar_wrap .warning {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -7px;

    margin-left: 53px;

    width: 14px;

    height: 14px;

    fill: #ff9425

}



.designer_v2_editor .wx_panel_inner {

    border: none

}



.designer_v2_editor .wx_panel {

    margin-left: 30px

}



.designer_v2_editor .project_panel {

    margin-top: 23px;

    font-family: 微软雅黑

}



.backendOpen .topbar_wrap .backstage_admin_content::after {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.designer_v2_editor .lineActive_max {

    width: 60px;

    margin-left: 4px

}



.module_section_nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.module_section_nav .nav_item {

    position: relative;

    width: 56px;

    height: 27px;

    line-height: 27px;

    text-align: center;

    background: rgba(245, 245, 245, 1);

    border-radius: 4px;

    margin-right: 8px;

    margin-top: 8px;

    cursor: pointer;

    font-size: 12px;

    color: rgba(153, 153, 153, 1)

}



.module_section_nav .nav_item:hover {

    background-color: #fe714b;

    color: #fff

}



.module_section_nav .nav_item.is_active {

    background-color: #fe714b;

    color: #fff

}



.designer_v2_editor .innerNavTool {

    background-color: #fff

}



.designer_v2_editor .panelInnerContent_basicSetup {

    padding-left: 16px

}



.designer_v2_editor .addModuleSeachTool {

    width: 100%;

    left: 0;

    top: 0;

    position: relative;

    padding-right: 28px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-top: 16px;

    margin-bottom: 3px;

    line-height: 28px;

    height: 28px

}



.designer_v2_editor .searchAddModuleInput {

    width: 100%

}



.designer_v2_editor .searchAddModuleToolSvg {

    right: 35px

}



.designer_v2_editor .fk-funPanel .component-addmodule-enter-active .moduleAloneArea, .designer_v2_editor .fk-funPanel .component-addmodule-leave-active .moduleAloneArea {

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.designer_v2_editor .fk-funPanel .component-addmodule-enter .moduleAloneArea, .designer_v2_editor .fk-funPanel .component-addmodule-leave-active .moduleAloneArea {

    height: 0;

    margin: 0

}



.designer_v2_editor .funOuterPanel {

    width: 360px;

    height: 720px;

    background: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0 4px 20px 0 rgba(51, 51, 51, .12);

    box-shadow: 0 4px 20px 0 rgba(51, 51, 51, .12);

    border-radius: 12px

}



.designer_v2_editor .funPanelTabNav {

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 56px;

    padding-top: 21px;

    border-right: 1px solid #f2f2f2;

    z-index: 1

}



.designer_v2_editor .funMainNav, .designer_v2_editor .funSettingContent {

    margin-left: 56px;

    width: calc(100% - 56px)

}



.designer_v2_editor .innerContentNav_max {

    margin-left: 0

}



.designer_v2_editor .mainSettingTab {

    font-size: 13px

}



.designer_v2_editor .funPanelTabNavBtn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    fill: #888;

    margin-bottom: 42px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.designer_v2_editor .funPanelTabNavBtn:hover {

    fill: #fe714b;

    cursor: pointer

}



.designer_v2_editor .funPanelTabNavBtn.is_active {

    fill: #fe714b

}



.designer_v2_editor .funPanelTabNavBtnSvg {

    width: 30px;

    height: 30px

}



.designer_v2_editor .addModulePanelContent {

    padding-left: 28px

}



.designer_v2_editor .moduleViewList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.designer_v2_editor .panelInnerContent_addMatModule, .designer_v2_editor .panelInnerContent_addModule, .designer_v2_editor .panelInnerContent_addModule .addModulePanelContent {

    background-color: #fff

}



.designer_v2_editor .moduleAloneArea, .designer_v2_editor .moduleLegend, .designer_v2_editor .moduleViewList, .designer_v2_editor .moduleViewList_on {

    border: none;

    background-color: #fff

}



.designer_v2_editor .moduleViewList {

    overflow: initial

}



.designer_v2_editor .moduleAloneArea {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 72px;

    height: 72px;

    margin: 0;

    margin-top: 17px;

    margin-right: 16px;

    color: #666;

    font-size: 12px;

    overflow: hidden;

    float: none

}



.designer_v2_editor .moduleAloneText {

    margin-top: 3px

}



.designer_v2_editor .moduleAloneArea:nth-child(-n+3) {

    margin-top: 0

}



.designer_v2_editor .mLegendArrow, .designer_v2_editor .moduleLegendLine {

    display: none

}



.designer_v2_editor .mLegendText {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.designer_v2_editor .mLegendText, .designer_v2_editor .moduleLegend_on .mLegendText {

    color: #999;

    fill: #999;

    font-size: 12px

}



.designer_v2_editor .moduleLegend .mLegendText:hover {

    color: #fe714b;

    fill: #fe714b

}



.designer_v2_editor .moduleAloneIconSvg {

    width: 30px;

    height: 30px;

    fill: #666;

    color: #666

}



.designer_v2_editor .moduleAloneArea:hover {

    -webkit-box-shadow: 0 4px 20px 0 rgba(148, 54, 21, .14);

    box-shadow: 0 4px 20px 0 rgba(148, 54, 21, .14);

    border-radius: 8px;

    color: #fe714b;

    fill: #fe714b

}



.designer_v2_editor .mLegendText:before {

    display: none

}



.designer_v2_editor .moduleLegend .panel_arrow {

    width: 20px;

    height: 20px;

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transition: all .2s;

    transition: all .2s

}



.designer_v2_editor .moduleLegend_on .panel_arrow {

    -webkit-transform: rotate(0);

    transform: rotate(0)

}



.designer_v2_editor .funMainNav {

    background-color: #fe714b

}



.designer_v2_editor .moduleAloneArea.hover .moduleAloneIconSvg, .designer_v2_editor .moduleAloneArea:hover .moduleAloneIconSvg {

    color: #fe714b;

    fill: #fe714b

}



.designer_v2_editor .matPanelWrap {

    padding-left: 16px

}



.designer_v2_editor .matInnerNavTool {

    padding-right: 16px

}



.designer_v2_editor .matModuleList {

    padding-right: 14px

}



.designer_v2_editor .matPanelWrap .deleteToolSvg {

    display: none

}



.designer_v2_editor .moduleFistFiledBox {

    margin-left: 0;

    margin-right: 4px

}



.designer_v2_editor .searchModuleTool {

    width: 100%

}



.designer_v2_editor .f_material_factory_search .searchColModuleInput {

    width: 100%

}



.designer_v2_editor .addMatModulePanelContent .matModuleWrap {

    width: 98%

}



.designer_v2_editor .matModuleWrap {

    width: 100%

}



.designer_v2_editor .addMatModulePanelContent .matModuleItem {

    width: 100%

}



.designer_v2_editor .f_material_factory_search .searchAddModuleToolSvg {

    right: 7px

}



.designer_v2_editor .addMatModulePanelContent .matPanelBottom {

    width: 100%

}



.designer_v2_editor .addMatModulePanelContent .matPanelBottom .line {

    width: 40px

}



.designer_v2_editor .moduleFiledBox .mText {

    color: #666;

    line-height: 27px

}



.designer_v2_editor .moduleFiledBox {

    width: 58px;

    height: 27px;

    border-radius: 4px;

    padding: 0;

    line-height: 27px;

    margin-right: 4px

}



.designer_v2_editor .moduleFiledBox.matModuleBox_on, .designer_v2_editor .moduleFiledBox:hover {

    background-color: #fe714b

}



.designer_v2_editor .moduleFiledBox:hover .mText {

    color: #fff

}



.designer_v2_editor .matModuleBox_on .mText {

    color: #fff

}



.designer_v2_editor .moduleFiledBox .mText:hover {

    color: #fff

}



.designer_v2_editor .moduleDropDownBox {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 24px;

    height: 27px;

    background: #f7f7f7;

    border-radius: 4px;

    margin-left: 6px

}



.designer_v2_editor .moduleDropDownBox:hover {

    background: #fe714b

}



.designer_v2_editor .panel_arrow {

    width: 9px;

    height: 9px

}



.designer_v2_editor .moduleDropDownBox {

    stroke: #848484;

    fill: none

}



.designer_v2_editor .moduleDropDownBox:hover {

    stroke: #fff

}



.designer_v2_editor .moduleDropDownBox_on {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.designer_v2_editor .deleteToolSvg {

    width: 15px;

    height: 28px;

    fill: #e4e4e4;

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 13px;

    display: none

}



.designer_v2_editor .matInnerNavTool .deleteToolSvg:hover, .designer_v2_editor .matInnerNavTool .searchAddModuleToolSvg:hover {

    fill: #fe714b

}



.designer_v2_editor .colModuleStatcLine {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 36px;

    line-height: 36px;

    margin-bottom: 8px

}



.designer_v2_editor .colModuleName {

    width: 165px

}



.designer_v2_editor .isFolderInput {

    width: 150px

}



.designer_v2_editor .colModuleStaUl .colModuleStaUl .colModuleName {

    width: 147px

}



.designer_v2_editor .colModuleStaUl .colModuleStaUl .isFolderInput {

    width: 130px

}



.designer_v2_editor .colModuleStaUl .colModuleStaUl .colModuleStaUl .colModuleName {

    width: 125px

}



.designer_v2_editor .colModuleStaUl .colModuleStaUl .colModuleStaUl .isFolderInput {

    width: 115px

}



.designer_v2_editor .colModuleStaUl .colModuleStaUl .colModuleStaUl .colModuleStaUl .colModuleName {

    width: 110px

}



.designer_v2_editor .themeFilterWrap {

    padding: 0 17px

}



.designer_v2_editor .themesListWrap {

    padding-left: 18px

}



.designer_v2_editor .theme_item {

    margin-bottom: 14px;

    margin-right: 14px

}



.designer_v2_editor .theme_item .themePreviewImgDiv {

    width: 128px;

    height: 86px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.designer_v2_editor .themeFilterColorItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 28px;

    height: 28px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: initial

}



.designer_v2_editor .themeFilterColorItem .colorItem {

    width: 20px;

    height: 20px;

    border-radius: 20px

}



.designer_v2_editor .themeFilterColorItem:hover, .designer_v2_editor .themeFilterColorItem_on {

    -webkit-transform: rotate(0);

    transform: rotate(0)

}



.designer_v2_editor .colorItem:hover, .designer_v2_editor .themeFilterColorItem_on .colorItem {

    width: 100%;

    height: 100%

}



.designer_v2_editor .skinStyleBaseInnerContent {

    padding-left: 16px

}



.designer_v2_editor .fk-funPanel .skinStyleBaseInnerContent .funPanelTitleLine {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto

}



.designer_v2_editor .fk-funPanel .skinStyleBaseInnerContent .funPanelTitle_middle {

    width: 65px;

    -ms-flex-preferred-size: 65px;

    flex-basis: 65px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.designer_v2_editor .fk-funPanel .skinStyleBaseInnerContent .funPanelHandleRow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto;

    margin: 0;

    line-height: 23px

}



.designer_v2_editor .fk-funPanel .skinStyleBaseInnerContent .funPanelTitle_l2_middle {

    width: 104px;

    height: auto;

    line-height: inherit

}



.designer_v2_editor .editZonePanel {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-right: 16px

}



.designer_v2_editor .editZonePanel:after {

    width: 100%

}



.designer_v2_editor .layoutItemShow {

    background-color: #f9bb36

}



.designer_v2_editor .layoutNavBannerHeader {

    background-color: #fff5f0

}



.designer_v2_editor .mallDesignerFix .funPanelTitleLine {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto

}



.designer_v2_editor .mallDesignerFix .funPanelTitle_middle {

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.designer_v2_editor .mallDesignerFix .jz-radio-group .jz-radio-wrapper:not(:last-child) {

    margin-right: 19px

}



.designer_v2_editor .setupBaseFullInnerContent .ico-setting .browser-avatar-icon {

    left: 160px

}



.designer_v2_editor .browserTitleWrap {

    margin: 0

}



.designer_v2_editor .funItemTitle, .designer_v2_editor .siteSetup-components-box, .designer_v2_editor .siteSetupCompon {

    padding-left: 0

}



.designer_v2_editor .browserTitleInput {

    width: 160px

}



.designer_v2_editor .setupBaseFullInnerContent .f-fileTitle {

    width: 80px

}



.designer_v2_editor .setupBaseFullInnerContent .dashed-line {

    margin-left: 0;

    margin-right: 16px

}



.designer_v2_editor .setupBaseFullInnerContent .website-components {

    padding-left: 0;

    padding-top: 12px

}



.designer_v2_editor .fk-funPanel .jz-collapse-header {

    display: block;

    height: 40px;

    line-height: 40px;

    background: #f7f7f7;

    padding-left: 15px;

    text-align: left;

    border-radius: 4px

}



.designer_v2_editor .confessedTitle, .designer_v2_editor .setupBasePageInnerContent .dashed-line {

    margin-left: 0

}



.designer_v2_editor .pageBrowserTitleInputWrap {

    margin-left: 20px

}



.designer_v2_editor .panelInnerContent_advSetup .jz_alert_content {

    width: 292px;

    height: 40px;

    line-height: 40px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    padding-left: 10px

}



.designer_v2_editor .confessedTitle {

    margin-bottom: 10px

}



.designer_v2_editor .baiduOptSettingWrap {

    padding-left: 17px;

    width: auto

}



.designer_v2_editor .freeLayoutPanel {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-right: 25px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.designer_v2_editor .theme_item .themePreviewImg {

    width: 133px

}



.designer_v2_editor .style_site_footer {

    min-width: 400px

}



.designer_v2_editor .skinStyleBottomInnerContent {

    padding-right: 14px

}



.designer_v2_editor .setting_btn {

    display: none

}



.designer_v2_editor .colModuleStaUl .colModuleStaUl li {

    background-color: #f9f9f9

}



.designer_v2_editor .animation_style_compon .content_tab .tab_child {

    background: #fff;

    outline: 1px solid #e4e4e4

}



.designer_v2_editor .animation_style_compon .content_tab .tab_child:first-child {

    margin-right: 2px

}



.designer_v2_editor .animation_style_compon .content_tab .tab_active, .designer_v2_editor .animation_style_compon .content_tab .tab_child:hover {

    background: #fff;

    outline: 1px solid #fe714b;

    color: #fe714b

}



.designer_v2_editor .animation_style_compon .module_item--active::before {

    display: none

}



.designer_v2_editor .entryBtnsList {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 56px;

    height: auto;

    background: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0 4px 20px 0 rgba(51, 51, 51, .16);

    box-shadow: 0 4px 20px 0 rgba(51, 51, 51, .16);

    border-radius: 12px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 13px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: width .3s;

    transition: width .3s

}



.designer_v2_editor .funPanelEntryBtn {

    height: initial;

    border-radius: initial;

    -webkit-box-shadow: none;

    box-shadow: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    position: relative;

    margin-bottom: 0;

    height: 42px;

    border-bottom: 1px solid #f2f2f2;

    margin-bottom: 12px;

    background: #fff;

    -webkit-transition: none;

    transition: none

}



.designer_v2_editor .funPanelEntryBtn:hover {

    background: 0 0;

    color: #666;

    width: 100%

}



.designer_v2_editor .entryBtnsList:hover {

    width: 90px

}



.designer_v2_editor .entryBtnsList:hover .funPanelEntryBtnText {

    display: inline-block;

    color: #666

}



.designer_v2_editor .funPanelEntryBtnSvg {

    width: 30px;

    height: 30px;

    fill: #888;

    margin: 0

}



.designer_v2_editor .funPanelEntryBtnText {

    height: 30px;

    line-height: 30px;

    margin-left: 5px

}



.designer_v2_editor .funPanelEntryBtn_module:hover {

    width: 100%

}



.designer_v2_editor .funPanelEntryBtn:last-child {

    border: none;

    height: auto

}



.designer_v2_editor .searchAddModuleToolSvg {

    fill: #b4b4b4

}



.designer_v2_editor #guide_warp, .designer_v2_editor #guide_warp .guide_addBtn, .designer_v2_editor .completeDetail, .designer_v2_editor .edit_panel_wrap .animation_style_compon .module_item--active, .designer_v2_editor .edit_panel_wrap .skinVTwo_style_compon .skin_item--active, .designer_v2_editor .edit_panel_wrap .skinVTwo_style_compon .skin_item:hover, .designer_v2_editor .footerStyleRadio .fk_radio_ins:hover, .designer_v2_editor .footerStyleRadio input.fk_radio_original:checked + .fk_radio_ins, .designer_v2_editor .imgPreviewerHove, .designer_v2_editor .panelChecked .themePreviewImgDiv, .designer_v2_editor .panelChecked .themePreviewImgDiv:hover, .designer_v2_editor .previewsc .button_img, .designer_v2_editor .previewsc .button_qx2, .designer_v2_editor .retestingBtn, .designer_v2_editor .sysLayoutItem:hover, .designer_v2_editor .sysLayoutItem_checked, .designer_v2_editor .themeOne_item:hover .themePreviewImgDiv, .designer_v2_editor .theme_item:hover .themePreviewImgDiv {

    border-color: #fe714b

}



.designer_v2_editor .completeDetail, .designer_v2_editor .edit_panel_wrap .edit_panel_header, .designer_v2_editor .edit_panel_wrap .third_tab_list .third_active_line, .designer_v2_editor .entryBtnsList_hover .funPanelEntryBtn, .designer_v2_editor .funMainNav, .designer_v2_editor .funOuterNewPanel .back_cur_col:hover, .designer_v2_editor .lineActive, .designer_v2_editor .matModuleList .mask_img .button_mask, .designer_v2_editor .moduleFieldset .mask_img .button_mask, .designer_v2_editor .multiSwitchBtn, .designer_v2_editor .new_guide_panel .guide_opt_item.active .optingStat div, .designer_v2_editor .new_guide_panel .receiveAward, .designer_v2_editor .previewsc .button_img, .designer_v2_editor .previewsc .button_qx2, .designer_v2_editor .retestingBtn, .designer_v2_editor .square-lattice-wrap .square-lattice-list > li.cur {

    background-color: #fe714b

}



.designer_v2_editor .completeDetail:active, .designer_v2_editor .retestingBtn:active {

    background: #fe714b;

    border-color: #fe714b

}



.designer_v2_editor .edit_panel_wrap .skinVTwo_style_compon .default_skin_icon_select {

    border-color: #fe714b;

    color: #fe714b

}



.designer_v2_editor #guide_dom.guide_toolBar .guide_text, .designer_v2_editor #guide_warp .guide_addBtn, .designer_v2_editor .bUserWrap .entryBtnsList_hover .funPanelEntryBtn .funPanelEntryBtnSvg, .designer_v2_editor .baiduPackage, .designer_v2_editor .checkPrevImgText:hover, .designer_v2_editor .confessedTitleLine .advUpdateVisBtn, .designer_v2_editor .edit_panel_wrap .third_tab_list .third_active_line, .designer_v2_editor .edit_panel_wrap .third_tab_list .third_tab_item--active, .designer_v2_editor .funPanelCheckboxSettingBtn:hover, .designer_v2_editor .funPanelEntryBtn:hover, .designer_v2_editor .funPanelEntryBtn:hover .funPanelEntryBtnText, .designer_v2_editor .getTopSiteDomainBtn:hover, .designer_v2_editor .go_item_text:hover, .designer_v2_editor .innerContentNavTab_on, .designer_v2_editor .matModuleFeedBackText, .designer_v2_editor .mediaAd a, .designer_v2_editor .new_guide_panel .menuPanel .menuTitle, .designer_v2_editor .noAllowAdvTitle .noAllowAdvUpBtn, .designer_v2_editor .panelInnerContent_advSetup .funPanelCheckBoxLine .c_text, .designer_v2_editor .setupBaseFullInnerContent .website-components-box__right:hover, .designer_v2_editor .siteCountTips, .designer_v2_editor .submitBaiduUrlBtn:hover, .designer_v2_editor .visitorCounterReset:hover {

    color: #fe714b

}



.designer_v2_editor .funPanelEntryBtn:hover .funPanelEntryBtnSvg, .designer_v2_editor .manageModuleToolSvg:hover, .designer_v2_editor .searchAddModuleToolSvg:hover {

    fill: #fe714b

}



.designer_v2_editor .edit_panel_wrap .edit_panel_header .panel_close_btn .panel_close_svg {

    fill: #f2633d

}



.designer_v2_editor .edit_panel_wrap .edit_panel_header .panel_close_btn .panel_close_svg:hover {

    fill: #fe8d6f

}



.designer_v2_editor .icpBeiAn_know_more, .designer_v2_editor .signIn_addr {

    color: #fe714b !important

}



.backend_manage_nav {

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #403f3e;

    overflow: hidden;

    opacity: 1;

    z-index: 9033;

    margin-top: 50px

}



.backend_manage_nav .backend_manage_nav_wrap {

    height: 100%;

    opacity: 1

}



.backend_manage_nav .backend_manage_nav__content {

    height: 100%;

    width: 144px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 6px;

    padding-top: 16px

}



.backend_manage_nav .nav_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 132px;

    height: 48px;

    position: relative;

    border-radius: 8px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 14px;

    cursor: pointer;

    color: #ccc;

    fill: #eee;

    margin-bottom: 8px

}



.backend_manage_nav .nav_item:hover {

    color: #fe714b;

    fill: #fe714b;

    background: rgba(72, 71, 70, 1)

}



.backend_manage_nav .nav_item__icon {

    width: 18px;

    height: 18px;

    margin-right: 10px;

    margin-left: 28px

}



.backend_manage_nav .nav_item.hot:after {

    content: "hot";

    width: 26px;

    height: 16px;

    display: block;

    position: absolute;

    top: 0;

    right: 20px;

    background: rgba(255, 59, 48, 1);

    border-radius: 3px 3px 3px 0;

    color: #fff;

    text-align: center;

    font-size: 12px

}



.fade2-enter-active.backend_manage_nav, .fade2-leave-active.backend_manage_nav {

    -webkit-transition: all .3s;

    transition: all .3s

}



.fade2-enter.backend_manage_nav, .fade2-leave-to.backend_manage_nav {

    height: 0;

    opacity: 0

}



.quality_content_label {

    line-height: normal !important;

    font-size: .45rem;

    color: #fff;

    background-color: rgba(0, 0, 0, .5);

    border-radius: .1rem;

    padding: .05rem .2rem;

    position: absolute;

    bottom: .2rem;

    right: .2rem;

    z-index: 99

}



.collectionList .quality_content_label {

    line-height: normal

}



#modifyCollection .profileContent li .pdImg {

    border: solid 1px #eee

}



.formStyle24 .quality_content_label {

    top: 6rem;

    bottom: auto

}



.course_catalog {

    max-height: 19.2rem;

    overflow: auto

}



#tabPanel100 .productDetailInfoPanel {

    margin: 0;

    padding: 0

}



#tabPanel100 .course_catalog {

    max-height: initial

}



.course_catalog.course_catalog {

    list-style: none;

    padding: 0

}



.course_catalog .course_catalog_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 1.2rem;

    border-bottom: 1px solid #f3f3f3;

    margin: 0 .375rem;

    padding: .5rem 0

}



.course_catalog .course_catalog_item_label {

    font-size: .45rem;

    padding: .15rem .3rem;

    border-radius: .05rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.course_catalog .course_catalog_item_label_wrap {

    margin-right: .3rem;

    margin-left: .5rem;

    position: relative;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.course_catalog .course_catalog_item_label_bg {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: .1

}



.course_catalog_item_name {

    font-size: .6rem;

    color: #333

}



.course_catalog_btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    height: 2rem;

    line-height: 2rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    background-color: #fda92f

}



.course_catalog .link {

    text-decoration: none !important

}



.course_catalog_container {

    position: absolute;

    bottom: 0;

    z-index: 999;

    width: 100%;

    background-color: #fff;

    -webkit-box-shadow: 0 0 .15rem 0 rgba(0, 0, 0, .15);

    box-shadow: 0 0 .15rem 0 rgba(0, 0, 0, .15);

    border-radius: .4rem .25rem 0 0

}



.course_catalog_jump {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.course_catalog_jump_icon {

    width: .4rem;

    height: .7rem;

    color: #3c414a

}



.course_catalog_jump_text {

    margin-left: .275rem;

    font-size: .6rem;

    color: #3c414a

}



.course_catalog_jump_column_btn {

    height: 2rem;

    line-height: 2rem;

    text-align: center;

    display: block;

    width: 100%;

    color: #fff;

    font-size: .6rem

}



.course_catalog_no_pay_contanier {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 1.5rem;

    margin-bottom: 1.75rem

}



.course_catalog_no_pay_img {

    width: 9.85rem;

    height: 5.3rem;

    background: url(/image/v2/pay.png) center center/cover no-repeat

}



.course_catalog_no_pay_text {

    font-size: .65rem;

    color: #333;

    margin-top: .45rem

}



#tabPanel100 .course_catalog_no_pay_contanier {

    margin-top: 1.5rem;

    margin-bottom: 1.75rem

}



#tabPanel100 .course_catalog_no_pay_img {

    height: 5.725rem

}



#tabPanel100 .course_catalog_no_pay_text {

    margin-top: .675rem

}



.course_catalog_close_iocn {

    width: .8rem;

    height: .8rem;

    color: #3c414a;

    cursor: pointer

}



.course_catalog_container_header {

    height: 2.25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 0 .375rem;

    border-bottom: 1px solid #e5e5e5;

    position: relative

}



.course_catalog_title {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.promoteCusSelect {

    background: #fff;

    width: 100%;

    height: 2.15rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column

}



.promoteCusSelect .switches {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: .65rem;

    color: rgba(153, 153, 153, 1);

    height: 2.25rem;

    padding: 0 1.7rem 0 1.7rem

}



.promoteCusSelect .switches .allCus, .promoteCusSelect .switches .effectCus, .promoteCusSelect .switches .invalidCus {

    height: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer

}



.promoteCusSelect .switches .highlight {

    color: #333

}



.promoteCusSelect .switchUnderline {

    width: 3.2rem;

    height: .1rem;

    position: relative;

    left: 1.4rem

}



.promoteDetail .promoteTopBg {

    width: 100%;

    height: 5.5rem;

    background-image: -webkit-gradient(linear, left top, right bottom, from(#337bfe), to(#3bb6ff));

    background-image: linear-gradient(to bottom right, #337bfe, #3bb6ff);

    position: absolute;

    top: 2.25rem;

    left: 0;

    z-index: 0;

    border-top: .025rem solid rgba(255, 255, 255, .1)

}



.promoteCusDetail .grayStyle {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%)

}



.promoteCusDetail .gradualBg {

    background-image: url(/image/promoter/promoteDetailBg.png?v=202006101442);

    background-size: 100% 100%;

    width: 100%;

    height: 5.5rem;

    position: absolute;

    z-index: 0

}



.promoteCusDetail .memberMsg {

    z-index: 1;

    height: 3rem;

    margin-left: 1.5rem;

    margin-right: auto;

    padding-top: .8rem

}



.promoteCusDetail .headPic {

    z-index: 1;

    float: left

}



.promoteCusDetail .headPic .himg {

    z-index: 1;

    width: 2.25rem;

    height: 2.25rem;

    border-radius: 50%;

    vertical-align: middle;

    opacity: .7

}



.promoteCusDetail .memberMsg .msg {

    margin-left: 2.775rem

}



.promoteCusDetail .memberMsg .msg .name {

    font-size: .7rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(255, 255, 255, 1);

    margin-right: .5rem;

    margin-bottom: .375rem;

    margin-top: .125rem;

    display: inline-block;

    opacity: .7

}



.promoteCusDetail .memberMsg .msg .name .nameVal {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 6rem;

    vertical-align: middle;

    display: inline-block

}



.promoteCusDetail .memberMsg .msg .name .memberLv {

    font-size: .5rem

}



.promoteCusDetail .memberMsg .msg .flag {

    display: inline-block

}



.promoteCusDetail .memberMsg .msg .mobile {

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(255, 255, 255, 1);

    opacity: .7;

    margin-right: .525rem

}



.promoteCusDetail .memberMsg .msg .phonePic {

    width: 1rem;

    height: 1rem;

    background: rgba(255, 255, 255, 1);

    display: inline-block;

    vertical-align: middle

}



.promoteCusDetail .infoBox {

    z-index: 1;

    background: #fff;

    width: 15rem;

    height: 11.3rem;

    border-radius: .5rem;

    border-top: 1px solid #eee;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-top: 1rem;

    position: relative;

    margin: auto;

    word-wrap: break-word;

    word-break: break-all

}



.promoteCusDetail .infoBox .withdrawable {

    height: 3rem;

    margin: 1.4rem 1.05rem .375rem 1.6rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.promoteCusDetail .infoBox .withdrawable .withdrawableTxt {

    font-size: .65rem;

    color: #999;

    margin-bottom: .25rem

}



.promoteCusDetail .infoBox .withdrawableInfo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



.promoteCusDetail .infoBox .withdrawableInfo .moneyPanel {

    font-size: 1.4rem;

    color: #353535

}



.promoteCusDetail .infoBox .withdrawableInfo .withdrawBtn {

    font-size: .75rem;

    height: 1.45rem;

    line-height: 1.45rem;

    width: 3.75rem;

    border-radius: 3.75rem;

    text-align: center;

    color: #fff

}



.promoteCusDetail .infoBox .seperateLine {

    background: #f2f2f2;

    height: 1px;

    width: 16.5rem;

    margin: auto

}



.promoteCusDetail .container {

    background-color: rgba(244, 244, 244, 1);

    height: 100vh

}



.promoteCusDetail .littleBox {

    display: inline-block;

    width: 49.8%;

    height: 3.75rem;

    float: left

}



.promoteCusDetail .littleBox .innerBox {

    margin-left: 1.02rem;

    margin-top: 1.08rem

}



.promoteCusDetail .relInfo {

    z-index: 1;

    background: #fff;

    width: 15rem;

    border-radius: .5rem;

    border-top: 1px solid #eee;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    margin: auto;

    margin-top: .35rem

}



.promoteCusDetail .relInfo .title {

    border-bottom: .03rem solid #eee;

    padding: .98rem .5rem

}



.promoteCusDetail .relInfo .title .bgkTitle {

    width: .15rem;

    height: .8rem;

    display: inline-block;

    margin-right: .475rem

}



.promoteCusDetail .relInfo .remainMsg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom: 1px solid #eee;

    padding: .98rem .5rem;

    position: relative

}



.promoteCusDetail .remainMsg .remainTime {

    white-space: nowrap

}



.promoteCusDetail .remainMsg .remainVal {

    width: 10rem;

    text-align: right

}



.promoteCusDetail .relInfo .bindMsg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: .98rem .5rem;

    border-bottom: 1px solid #eee

}



.promoteCusDetail .borRig {

    border-right: .03rem solid #eee

}



.promoteCusDetail .borBot {

    border-bottom: .03rem solid #eee

}



.promoteCusDetail .detailFont {

    font-size: .55rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(153, 153, 153, 1);

    line-height: .575rem;

    margin-bottom: .575rem

}



.promoteCusDetail .detailVal1 {

    font-size: .9rem;

    font-family: Arial;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    line-height: .575rem

}



.promoteCusDetail .detailVal2 {

    font-size: .9rem;

    font-family: Arial;

    font-weight: 400;

    color: rgba(74, 179, 68, 1);

    line-height: .575rem

}



.promoteCusDetail .memberLevBox {

    margin-bottom: .25rem;

    margin-top: -.25rem;

    display: inline-block

}



.promoteCusDetail .memberLevCon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #ffe7d2;

    border-radius: .6rem;

    color: #ae816e;

    font-size: .35rem;

    padding: .05rem .15rem;

    margin-top: .5rem;

    height: .725rem;

    line-height: .725rem

}



.promoteCusDetail .memberLev {

    background: #fff6f2;

    width: .625rem;

    height: .625rem;

    border-radius: 50%;

    -webkit-box-shadow: .05rem .05rem .2rem #87533d;

    box-shadow: .05rem .05rem .2rem #87533d;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: .05rem

}



.promoteCusDetail .memberLevName {

    padding: 0 .15rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .5rem

}



.promoteCusDetail .iconLevCon {

    background-image: -webkit-linear-gradient(#e5c3b2, #af8370);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-top: 1px

}



.promoteCusDetail .memberLevelImg {

    width: .35rem;

    height: .35rem

}



.promoteCusDetail .expSty {

    margin-top: .55rem

}



.promoteCusDetail .selfTaking-icon {

    display: inline-block;

    vertical-align: middle;

    font-size: .6rem;

    fill: #4ab344;

    background-color: #fff;

    padding: .18rem;

    border-radius: 50%;

    width: .5rem;

    height: .5rem;

    vertical-align: bottom

}



.promoteCusDetail .remainMsg .remainTime .msgTip {

    display: inline-block

}



.promoteCusDetail .remainMsg .remainTime .icon {

    display: inline-block;

    margin-left: .3rem;

    vertical-align: middle

}



.promoteCusDetail .remainMsg .remainTime .floatTip {

    width: 12rem;

    height: 1.74rem;

    background: rgba(0, 0, 0, 1);

    opacity: .8;

    border-radius: 10px;

    font-size: .6rem;

    color: rgba(255, 255, 255, 1);

    line-height: 1.74rem;

    text-align: center;

    border: 8px solid transparent;

    position: absolute;

    top: -2.5rem;

    display: none

}



.promoteCusDetail .remainMsg .remainTime .floatTip::before {

    content: '';

    border: 15px solid transparent;

    border-top-color: rgba(0, 0, 0, 1);

    display: inline-block;

    position: absolute;

    top: 2rem;

    left: 2.77rem

}



.promoteCusDetail .remainMsg .remainTime .showExpTip {

    display: block

}



.promoteCusDetail .remainMsg .remainTime .jzm-vicon_warning {

    fill: rgba(153, 153, 153, 1)

}



.addr_line1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.addr_line1_left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.addr_line1_right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.addr_line1 .fk_mstl_icon_orderDetail_addr {

    margin-top: 0

}



a {

    outline: 0

}



area:focus {

    outline: 0

}



map:focus {

    outline: 0

}



.fk_priceComp {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.mall_price .mall_price_right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.mall_price .mall_price_right .extra_price_info {

    color: #999;

    font-size: .512rem;

    margin-top: .1rem

}



.mall_price_priceCompWrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.fk_priceComp_currency {

    font-size: .45rem

}



.fk_priceComp_numberInt {

    font-size: .65rem

}



.fk_priceComp_numberFloat {

    font-size: .45rem

}



.fk_priceComp[data-size=small] .fk_priceComp_numberInt {

    font-size: .55rem

}



.fk_priceComp[data-size=big] .fk_priceComp_currency {

    font-size: .5rem

}



.fk_priceComp[data-size=big] .fk_priceComp_numberInt {

    font-size: .75rem

}



.fk_priceComp[data-size=big] .fk_priceComp_numberFloat {

    font-size: .5rem

}



.fk_mstl_orderSettle_line_selfSale_header {

    margin-bottom: .73rem

}



.product_audio_player_normal_header {

    padding-top: 2.3rem

}



.product_audio_player_wrapper {

    background-color: #f7f7f7

}



.product_audio_player_banner.product_audio_player_banner {

    width: 11rem;

    height: 11rem;

    margin: auto;

    position: relative;

    border-radius: .375rem;

    -webkit-box-shadow: 0 .05rem .4rem 0 hsla(0, 0%, 0%, .2);

    box-shadow: 0 .05rem .4rem 0 hsla(0, 0%, 0%, .2)

}



.product_audio_player_progress_wrapper {

    margin: 0 1rem;

    margin-top: 1rem

}



.product_audio_player_time_area {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.product_auido_player_progress_base_line {

    height: .1rem;

    position: relative;

    background-color: #ccc;

    border-radius: .05rem

}



.product_audio_player_progress_checked {

    height: 100%

}



.product_audio_player_progress_hanlde {

    position: absolute;

    width: .45rem;

    height: .45rem;

    border-radius: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    top: 50%

}



.product_audio_player_time_area {

    margin-top: .375rem

}



.product_audio_player_time {

    font-size: .45rem;

    color: #999

}



.product_audio_player_tool {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-bottom: .45rem

}



.product_audio_player_float {

    width: .75rem;

    height: .75rem;

    margin-left: 1.05rem;

    color: #4d4d4d

}



.product_audio_player_retreat {

    width: .8rem;

    height: .8rem;

    color: #4d4d4d;

    margin-left: 3.2rem

}



.product_audio_player_forward {

    width: .8rem;

    height: .8rem;

    color: #4d4d4d;

    margin-right: 2.5rem

}



.product_audio_player_switch {

    width: 2rem;

    height: 2rem;

    margin: 0 1.25rem

}



.product_audio_player_multiple {

    width: 1.5rem;

    height: .75rem;

    color: #4d4d4d

}



.product_audio_player_floatingwindow {

    width: .7rem;

    height: .7rem;

    color: #fff;

    margin: 0 .1rem

}



.product_audio_try_tips {

    font-size: .45rem;

    background-color: rgba(0, 0, 0, .5);

    border-radius: .6rem;

    color: #fff;

    padding: .2rem .4rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    bottom: .25rem;

    position: absolute;

    left: .2rem

}



.product_audio_player_wx_tips {

    position: fixed;

    z-index: 99;

    right: .275rem;

    top: 1rem;

    background-color: rgba(0, 0, 0, .75);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    border-radius: .3rem;

    padding: .35rem .675rem

}



.product_audio_player_wx_tips_hide_btn {

    color: #3e3e3e;

    font-size: .45rem;

    background-color: #fff;

    padding: .225rem .4rem;

    border-radius: .45rem;

    margin-bottom: .375rem;

    margin-left: auto

}



.product_audio_player_wx_tips_text {

    color: #fff;

    margin-bottom: .375rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.product_audio_player_wx_tips_tri {

    position: absolute;

    right: .6rem;

    color: rgba(0, 0, 0, .75);

    width: .5rem;

    height: .25rem;

    top: -.2rem

}



.audioKnowPay.knowPayPopupContainer .knowPayPopupTip .knowPayPopupTitle {

    padding-top: 1.3rem

}



.audioKnowPay.knowPayPopupContainer .knowPayPopupTip .knowPayPopupTips {

    padding-top: .7rem

}



.audioKnowPay.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupCancel {

    font-size: .7rem

}



.audioKnowPay.knowPayPopupContainer .knowPayPopupBtnGroup .knowPayPopupConfirm {

    font-size: .7rem

}



.gw_watermark {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 9032;

    pointer-events: none;

    opacity: 1;

    background-size: cover;

    background-position: center;

    background-image: url(/image/watermark_h5.png?v=202011041349)

}



.pdMstlContent {

    height: 5.5rem;

    background-color: #fff;

    padding: .75rem .625rem .5rem .5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.pdMstlContent .pdImg {

    width: 4.25rem;

    height: 4.25rem;

    position: relative;

    border-radius: .15rem

}



.pdMstlContent .pdImg .pdLabel {

    position: absolute;

    padding: .1rem .2rem;

    background: rgba(0, 0, 0, .5);

    border-radius: .1rem;

    bottom: .1rem;

    right: .1rem;

    font-size: .4rem;

    color: #fff

}



.pdMstlContent .pdInfo {

    margin-left: .4rem;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.pdMstlContent .pdInfo .pdTitle {

    font-size: .6rem;

    font-weight: 700;

    color: #333;

    line-height: .85rem;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical

}



.pdMstlContent .pdInfo .pdPrice {

    margin-top: .75rem

}



.pdMstlContent .pdInfo .pdPrice .num1 {

    font-size: .6rem;

    color: #333

}



.pdMstlContent .pdInfo .pdPrice .num2 {

    font-size: .5rem;

    color: #333

}



.pdMstlContent .pdInfo .pdPrice .unit {

    font-size: .5rem;

    color: #333;

    font-weight: 700

}



.pdMstlContent .pdInfo .pdPrice .marketPrice {

    color: #9b9b9b;

    font-size: .45rem;

    font-weight: 500;

    margin-left: .4rem

}



.pdJzMstlCoupon {

    margin-top: .5rem;

    height: 2.15rem;

    width: 100%;

    padding: 0 .6rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #fff

}



.pdJzMstlCoupon .couponLabel {

    color: #333;

    font-size: .55rem

}



.pdJzMstlCoupon .couponTips {

    color: #999;

    font-size: .5rem;

    margin-left: .35rem

}



.pdJzMstlCoupon .rightCouponContent {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    line-height: 2.15rem;

    text-align: right

}



.pdJzMstlCoupon .rightCouponContent .couponNone {

    color: #333;

    font-size: .55rem

}



.pdJzMstlCoupon .rightCouponContent .couponPrice {

    color: #fa6b33;

    font-size: .55rem

}



.pdJzMstlCoupon .rightCouponContent .couponIcon {

    margin-left: .375rem

}



.pdJzMstlPay {

    height: 2.25rem;

    width: 100%;

    padding: 0 .625rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: fixed;

    bottom: 0;

    background-color: #fff

}



@media only screen and (min-width: 1280px) {

    .pdJzMstlPay {

        width: 512px

    }

}



.pdJzMstlPay .pdJzMstlPayLabel {

    font-size: .55rem;

    font-weight: 500;

    margin-right: .35rem

}



.pdJzMstlPay .pdJzMstlPayPrice {

    display: inline-block

}



.pdJzMstlPay .unit {

    font-size: .55rem;

    font-weight: 700

}



.pdJzMstlPay .num1 {

    font-size: .7rem;

    font-weight: 700

}



.pdJzMstlPay .num2 {

    font-size: .55rem;

    font-weight: 700

}



.pdJzMstlPay .pdJzMstlPayRight {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    text-align: right

}



.pdJzMstlPay .pdJzMstlPayBtn {

    display: inline-block;

    width: 4.15rem;

    height: 1.5rem;

    border-radius: .75rem;

    text-align: center;

    line-height: 1.5rem;

    color: #fff;

    font-size: .6rem

}



.mstlCoupouListPanel {

    position: absolute;

    bottom: 0;

    width: 100%;

    border-radius: .4rem .4rem 0 0;

    background-color: #fff

}



.mstlCoupouListPanel .mstlCoupouListHead {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    height: 2.25rem;

    border-bottom: 1px solid #f7f7f7

}



.mstlCoupouListPanel .mstlCoupouListHead .defaultLabel {

    color: #656565;

    font-size: .6rem;

    font-weight: 500

}



.mstlCoupouListPanel .mstlCoupouListHead .firstTab {

    margin-left: 1.925rem

}



.mstlCoupouListPanel .mstlCoupouListHead .secondTab {

    margin-left: 2.375rem

}



.mstlCoupouListPanel .mstlCoupouListHead .activeTab {

    font-size: .7rem;

    color: #333;

    font-weight: 700

}



.mstlCoupouListPanel .mstlCoupouListHead .mstlCouponCloseSvg {

    width: .725rem;

    height: .725rem;

    stroke: #f7f7f7;

    position: absolute;

    right: .75rem

}



.mstlCoupouListPanel .mstlCoupouListContent {

    height: 13.25rem

}



.mstlCoupouListPanel .mstlCoupouListBtnContent {

    height: 2rem;

    color: #fff;

    text-align: center

}



.mstlCoupouListPanel .mstlCoupouListBtn {

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 2rem;

    display: inline-block;

    letter-spacing: .4rem

}



.mstlCoupouListPanel .mstlCoupouListBtn3 {

    width: 15rem;

    height: 1.5rem;

    text-align: center;

    line-height: 1.5rem;

    display: inline-block;

    border-radius: .75rem;

    font-size: .65rem;

    letter-spacing: .4rem

}



.fk_input_number_comp .fk_product_item_info_prop_operate {

    max-width: 3.54rem;

    width: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_input_number_comp .fk_product_item_info_prop_btn {

    width: 2.09rem;

    height: .94rem;

    line-height: .94rem;

    border: 1px solid rgba(255, 114, 20, 1);

    border-radius: .47rem;

    font-size: .47rem;

    color: rgba(255, 114, 20, 1);

    text-align: center

}



.fk_input_number_comp .fk_product_item_info_prop_btn_add, .fk_input_number_comp .fk_product_item_info_prop_btn_del {

    width: 1.02rem;

    height: 1.02rem;

    border-width: .04rem;

    border-style: solid;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_input_number_comp .fk_product_item_info_prop_btn_icon {

    width: .5rem;

    height: .5rem

}



.fk_input_number_comp .fk_product_item_info_prop_btn_icon.icon-add {

    fill: #fff

}



.fk_input_number_comp .fk_product_item_info_prop_btn_icon, .fk_input_number_comp .fk_shopCart_item_operate_btn_icon {

    display: inline-block;

    font-size: .38rem;

    line-height: 1;

    margin: 0 auto

}



.fk_input_number_comp .fk_shopCart_item_operate_btn_icon {

    text-align: center;

    display: inline-block;

    margin-top: .04rem

}



.fk_input_number_comp .fk_product_item_info_prop_btn_add::before {

    background-color: #fff

}



.fk_input_number_comp .fk_product_item_info_prop_btn_add::after {

    width: .06rem;

    height: .45rem;

    background-color: #fff

}



.fk_input_number_comp .fk_product_item_info_prop_num {

    width: 1.49rem;

    text-align: center;

    font-size: .64rem;

    color: rgba(51, 51, 51, 1)

}



.fk_input_number_comp .fk_product_item_info_prop_operate .fk_product_item_info_prop_btn_add.disabled {

    background-color: #ccc !important;

    border-color: #ccc !important

}



.fk_input_number_comp .fk_product_item_info_prop_operate .fk_product_item_info_prop_btn_del.disabled {

    border-color: #ccc !important

}



.fk_input_number_comp .fk_product_item_info_prop_operate .fk_product_item_info_prop_btn_del.disabled svg {

    fill: #ccc

}



.fk_shopCartBar_shopCart {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%

}



.fk_shopCartBar_shopCart_content {

    padding-bottom: 2.13rem;

    background: #fff

}



.fk_shopCartBar_shopCart_bg {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .4)

}



.fk_shopCartBar_shopCart_header {

    height: 1.49rem;

    background: rgba(245, 245, 245, 1);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    line-height: 1.49rem

}



.fk_shopCartBar_shopCart_header_clear {

    padding-right: .62rem;

    font-size: .47rem;

    color: #999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_shopCartBar_shopCart_header_clear_icon {

    width: .67rem;

    height: .67rem;

    fill: rgba(153, 153, 153, 1)

}



.fk_shopCartBar_shopCart_header_clear_text {

    margin-left: .15rem

}



.fk_shopCartBar_shopCart_header_tip {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-left: .7rem

}



.fk_shopCartBar_shopCart_header_tip_txt {

    font-size: .51rem;

    color: rgba(53, 53, 53, 1);

    margin-right: .26rem

}



.fk_shopCartBar_shopCart_header_tip_num {

    font-size: .47rem;

    color: rgba(153, 153, 153, 1)

}



.fk_shopCartBar_shopCart_content {

    background: #fff;

    position: relative;

    z-index: 9

}



.fk_shopCartBar_shopCart_list {

    padding: 0 .64rem;

    max-height: 10.24rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    overflow-y: auto

}



.fk_shopCartBar_shopCart_list::-webkit-scrollbar {

    display: none

}



.fk_shopCartBar_shopCart_item {

    min-height: 2.56rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-top: solid #eaeaea .02rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: .64rem;

    padding-bottom: .64rem

}



.fk_shopCartBar_shopCart_item[data-over=true] .fk_shopCartBar_shopCart_item_operate_btn_add {

    background: #ccc;

    border-color: #ccc

}



.fk_shopCartBar_shopCart_item:first-child {

    border-top: none

}



.fk_shopCartBar_shopCart_item_info {

    width: 7.04rem

}



.fk_shopCartBar_shopCart_item_info_name {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .6rem;

    font-weight: 400;

    color: rgba(53, 53, 53, 1)

}



.fk_shopCartBar_shopCart_item_info_prop {

    font-size: .43rem;

    color: rgba(153, 153, 153, 1);

    line-height: .51rem

}



.fk_shopCartBar_shopCart_item_operate {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-left: .47rem;

    line-height: 1.02rem;

    height: 1.02rem

}



.fk_shopCartBar_shopCart_item_operate_btn, .fk_shopCartBar_shopCart_item_operate_btn_add {

    width: 1.02rem;

    height: 1.02rem;

    border: .04rem solid #fff;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.fk_shopCartBar_shopCart_item_operate .fk_shopCartBar_shopCart_item_operate_btn_add[data-disabled=true] {

    background-color: #ccc;

    border-color: #ccc

}



.fk_shopCartBar_shopCart_item_operate_num {

    width: 1.49rem;

    text-align: center;

    font-size: .64rem;

    color: rgba(51, 51, 51, 1)

}



.fk_shopCartBar_shopCart_item_price {

    width: 3.71rem;

    font-size: .64rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(255, 114, 20, 1);

    line-height: 1.02rem;

    height: 1.02rem;

    text-align: right

}



.fk_shopCartBar_settleBar.disabled .g_main_bgColor_v3 {

    background: -webkit-gradient(linear, left bottom, left top, from(rgba(113, 113, 113, 1)), to(rgba(102, 102, 102, 1))) !important;

    background: linear-gradient(0deg, rgba(113, 113, 113, 1), rgba(102, 102, 102, 1)) !important

}



.fk_shopCartBar_settleBar {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 99

}



.fk_shopCartBar_settleBar_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 99;

    height: 2.13rem;

    background: rgba(0, 0, 0, .75);

    width: 100%

}



.fk_shopCartBar_settleBar_btn {

    width: 4.52rem;

    height: 2.13rem;

    text-align: center;

    line-height: 2.13rem;

    font-size: .68rem;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: rgba(255, 255, 255, 1)

}



.fk_shopCartBar_settleBar_info {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-left: .51rem

}



.fk_shopCartBar_settleBar_info_imgWrap {

    width: 2.13rem;

    height: 2.13rem;

    border: .17rem solid rgba(51, 51, 51, 1);

    border-radius: 50%;

    margin-top: -.21rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative

}



.fk_shopCartBar_settleBar_info_price {

    padding-left: .43rem;

    padding-top: .47rem;

    line-height: 1

}



.fk_shopCartBar_settleBar_info_price.single .fk_shopCartBar_settleBar_info_price_ship {

    display: none

}



.fk_shopCartBar_settleBar_info_price.single {

    line-height: 2.13rem;

    padding-top: 0

}



.fk_shopCartBar_settleBar_info_price_total {

    height: .85rem;

    line-height: .85rem;

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(255, 255, 255, 1)

}



.fk_shopCartBar_settleBar_info_price.single .fk_shopCartBar_settleBar_info_price_total {

    height: 2.13rem;

    line-height: 2.13rem

}



.fk_shopCartBar_settleBar_info_price_total .priceStyle1 {

    font-weight: 700

}



.fk_shopCartBar_settleBar_info_price_total .priceInt {

    font-size: .77rem

}



.fk_shopCartBar_settleBar_info_price_total .totalSave {

    margin-left: .26rem;

    color: #ccc;

    font-size: .47rem

}



.fk_shopCartBar_settleBar_info_price_ship {

    padding-top: .21rem;

    font-size: .43rem;

    font-weight: 400;

    color: rgba(204, 204, 204, 1)

}



.fk_shopCartBar_settleBar_info_imgWrap_bubble {

    position: absolute;

    right: 0;

    top: 0;

    min-width: .55rem;

    height: .55rem;

    background: rgba(239, 53, 63, 1);

    border-radius: 50%;

    margin-left: -.43rem;

    margin-top: -.11rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-left: .17rem;

    padding-right: .17rem;

    line-height: .55rem;

    color: #fff;

    font-size: .43rem

}



.fk_shopCartBar_settleBar_info_imgWrap_img {

    width: 1.15rem;

    height: 1.15rem;

    opacity: .6;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: url(/image/cartIcon.png?v=1);

    background-size: 100% 100%

}



.fk_shopCartBar_product_item_info_prop_btn_icon, .fk_shopCartBar_shopCart_item_operate_btn_icon {

    display: inline-block;

    font-size: .38rem;

    line-height: 1;

    margin: 0 auto

}



.fk_shopCartBar_shopCart_item_operate_btn_icon {

    text-align: center;

    display: inline-block;

    line-height: auto;

    margin-top: .04rem

}



.fk_shopCartBar_settleBar.isIpx.isTabBarPath .fk_shopCartBar_settleBar_content {

    bottom: 3.07rem

}



.fk_shopCartBar_settleBar.isIpx.isNotTabBarPath .fk_shopCartBar_settleBar_content {

    padding-bottom: .94rem

}



.fk_shopCartBar_settleBar.isIpx.isNotTabBarPath .fk_shopCartBar_shopCart_content {

    padding-bottom: 3.07rem

}



.style1 .fk_shopCartBar_settleBar_content {

    width: 14.72rem;

    height: 1.92rem;

    line-height: 1.92rem;

    left: 50%;

    bottom: .26rem;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    border-radius: .96rem

}



.style1 .fk_shopCartBar_settleBar_info_price {

    line-height: 1.92rem

}



.style1 .fk_shopCartBar_settleBar_info_price.single {

    line-height: 1.92rem

}



.style1 .fk_shopCartBar_settleBar_info_price.single .fk_shopCartBar_settleBar_info_price_total {

    line-height: 1.92rem;

    height: 1.92rem

}



.style1 .fk_shopCartBar_settleBar_info {

    padding-left: 0;

    margin-left: -.04rem

}



.style1 .fk_shopCartBar_settleBar_btn {

    height: 1.92rem;

    border-radius: 0 .96rem .96rem 0;

    line-height: 1.92rem;

    margin-right: -.04rem;

    width: 3.84rem

}



.style1 .fk_shopCartBar_settleBar.isIpx.isNotTabBarPath .fk_shopCartBar_settleBar_content {

    padding-bottom: 0;

    margin-bottom: .94rem

}



.style1 .fk_shopCartBar_settleBar_info_imgWrap_img {

    opacity: 1

}



.style1 .fk_shopCartBar_settleBar_content {

    background-color: rgba(0, 0, 0, .85)

}



.style1 .fk_shopCartBar_settleBar_info_imgWrap_bubble {

    min-width: .64rem;

    height: .64rem;

    padding: 0;

    text-align: center;

    line-height: .64rem

}



#registerProtocolWrap {

    z-index: 5;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    background-color: rgba(0, 0, 0, .3);

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0

}



#registerProtocolWrap .protocolPanel {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 11.95rem;

    border-radius: .2rem;

    z-index: 10;

    background-color: #fff

}



#registerProtocolWrap .protocolPanel .protocolTitle {

    height: 2.1rem;

    line-height: 2.1rem;

    text-align: center;

    background-color: #4b81fb;

    border-top-right-radius: .2rem;

    border-top-left-radius: .2rem;

    color: #fff

}



#registerProtocolWrap .protocolPanel .protocolContent {

    font-size: .6rem;

    color: #666;

    padding: .8rem .8rem 0 .8rem;

    max-height: 10.4rem;

    overflow: auto;

    word-break: break-all

}



#registerProtocolWrap .protocolPanel .confirmBtn {

    border: 1px solid #4b81fb;

    border-radius: 1rem;

    height: 1.5rem;

    text-align: center;

    width: 4.5rem;

    margin: 1.1rem auto .9rem auto;

    font-size: .6rem;

    color: #4b81fb;

    line-height: 1.5rem;

    display: block

}



.qqMapLocPicker {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999

}



.qqMapLocPicker .chooseAddrIframe {

    border: none;

    position: absolute;

    height: calc(100% - 2.52rem)

}



.qqMapLocPicker .bottomBar {

    width: 16rem;

    height: 2.52rem;

    background: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0 .06rem .26rem .26rem rgba(51, 51, 51, .12);

    box-shadow: 0 .06rem .26rem .26rem rgba(51, 51, 51, .12);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0 .64rem;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.qqMapLocPicker .bottomBar .bottomBtn {

    width: 7.04rem;

    height: 1.75rem;

    line-height: 1.75rem;

    background: rgba(255, 255, 255, 1);

    border: 1px solid rgba(204, 204, 204, 1);

    border-radius: .21rem;

    text-align: center;

    color: #333;

    font-size: .68rem

}



.qqMapLocPicker .bottomBar .bottomBtn.confirm {

    background: #07c160;

    border-color: #07c160;

    color: rgba(251, 251, 251, 1)

}



#communityPdDetail .community_add_wrap {

    text-align: right

}



#communityPdDetail .community_add_cart_btn {

    position: fixed;

    display: inline-block;

    bottom: 3.29rem;

    margin-left: -2.35rem;

    width: 1.71rem;

    height: 1.71rem;

    border-radius: 50%;

    -webkit-box-shadow: 0 .11rem .21rem 0 rgba(206, 68, 0, .3);

    box-shadow: 0 .11rem .21rem 0 rgba(206, 68, 0, .3)

}



#communityPdDetail .community_add_cart_btn.goDown {

    bottom: 2.4rem

}



#communityPdDetail .community_add_cart_btn.disabled {

    background-color: #999 !important;

    -webkit-box-shadow: 0 11rem .21rem 0 rgba(51, 51, 51, .3);

    box-shadow: 0 11rem .21rem 0 rgba(51, 51, 51, .3)

}



#communityPdDetail .community_add_cart_btn .icon-add {

    width: .68rem;

    height: .68rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    fill: #fff

}



#communityProductDetailInfo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0 .64rem;

    color: #fff

}



#communityProductDetailInfo .left .container1 {

    margin-top: .38rem;

    height: .9rem;

    line-height: .9rem

}



#communityProductDetailInfo .left .container2 {

    margin: .36rem 0 .32rem 0;

    font-size: .47rem;

    color: rgba(255, 255, 255, .7);

    height: .53rem;

    line-height: .53rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



#communityProductDetailInfo .left .container2 .saleActivPdCount {

    margin-right: .13rem

}



#communityProductDetailInfo .realPrice {

    font-size: 1.28rem;

    display: inline-block;

    margin-right: .38rem

}



#communityProductDetailInfo .realPrice .smallPrice {

    font-size: .6rem

}



#communityProductDetailInfo .cancelPrice {

    font-size: .51rem;

    text-decoration: line-through;

    color: rgba(255, 255, 255, .5)

}



#communityProductDetailInfo .communityTimerTxt {

    font-size: .47rem;

    color: rgba(255, 255, 255, .7);

    height: .45rem;

    line-height: .45rem;

    margin: .34rem 0 0 .09rem

}



#communityTimerVal {

    height: .85rem;

    line-height: .85rem;

    font-size: .55rem;

    margin-top: .32rem

}



#communityTimerVal .day, #communityTimerVal .hour, #communityTimerVal .min, #communityTimerVal .sec {

    display: inline-block;

    padding: 0 .11rem;

    background: rgba(248, 249, 251, .2);

    border-radius: .04rem;

    margin: 0 .09rem

}



#communityActivMemberWrap {

    height: 2.39rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0 .64rem;

    border-bottom: .02rem solid rgba(244, 244, 244, 1)

}



#communityActivMemberWrap .activMemberPic {

    width: .77rem;

    height: .77rem;

    border-radius: 50%;

    margin-left: -.22rem

}



#communityActivMemberWrap .activMemberPic:first-child {

    margin-left: 0

}



.p_communityGrouperInfo {

    display: block;

    width: 100%;

    background: #fff;

    border-radius: .21rem;

    overflow: hidden

}



.p_communityGrouperInfo .grouperPickup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: .68rem;

    margin-top: .58rem

}



.p_communityGrouperInfo .grouperPickup .text {

    margin-right: auto;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(51, 51, 51, 1)

}



.p_communityGrouperInfo .grouperInfo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .55rem;

    font-weight: 400;

    color: rgba(102, 102, 102, 1);

    margin-top: .51rem;

    margin-bottom: .51rem

}



.p_communityGrouperInfo .grouperInfo .label {

    padding: 0 .21rem;

    height: .55rem;

    line-height: .55rem;

    border-radius: .21rem .04rem .21rem .04rem;

    font-size: .38rem;

    margin-left: 1.15rem;

    margin-right: .21rem;

    text-align: center;

    color: #fff

}



.p_communityGrouperInfo .grouperInfo .name {

    margin-right: .47rem;

    max-width: 7.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.p_communityGrouperInfo .grouperPickupTime {

    font-size: .55rem;

    font-family: Arial;

    font-weight: 400;

    color: rgba(102, 102, 102, 1);

    margin-left: 1.15rem;

    margin-bottom: .68rem

}



.p_communityGrouperInfo .icon-place {

    margin: .15rem .1rem .2rem .4rem;

    width: 1rem

}



.p_communityGrouperInfo .icon-arrow {

    width: .8rem;

    height: .48rem;

    margin-top: .2rem;

    margin-right: .55rem

}



.webHeader_v3.headStyle1 #searchBox {

    height: 1.25rem;

    border-radius: 1rem;

    background: #f0f1f3

}



.webHeader_v3.headStyle1 #searchBox .jsb-showRange-block {

    padding-left: .5rem

}



.webHeader_v3.headStyle2 #searchBox {

    height: 1.25rem;

    border-radius: .15rem;

    background: #fff

}



.webHeader_v3.headStyle2.turnDefault #searchBox {

    background: #f0f1f3

}



.webHeader_v3.headStyle2 #searchBox .jsb-showRange-block {

    padding-left: .5rem

}



.webHeader_v3.headStyle5 #searchBox {

    height: 1.85rem;

    width: 11.99rem;

    position: absolute;

    top: 6.75rem;

    left: 50%;

    margin-left: -6rem;

    height: 1.85rem;

    border-radius: .2rem;

    background: #fff;

    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .1);

    box-shadow: 0 0 11px rgba(0, 0, 0, .1)

}



.webHeader_v3.headStyle5 #searchBox .jsb-showRange-block {

    padding-left: .5rem

}



.webHeader_v3.headStyle5 #searchBox .topSearch {

    -webkit-box-shadow: none;

    box-shadow: none

}



.arrow-svgDiv, .module-arrow-svgDiv {

    width: .8rem;

    height: 1.83rem;

    -webkit-transition: all .2s;

    transition: all .2s

}



.arrow-svgDiv-up {

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg)

}



.jsb-showRange-block, .sb-showRange-block {

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.hide-element {

    display: none

}



.inline-box {

    display: inline-block !important

}



.my-block {

    display: block !important

}



.flex-box {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

}



.item-flex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative

}



.all-top-search {

    text-indent: 0 !important

}



#searchBox .sb-f_icon_conter {

    top: 50%;

    right: .75rem !important;

    left: auto !important

}



#searchBox .showRange-block {

    display: none

}



.sb-searchRange {

    position: relative;

    display: inline-block;

    white-space: nowrap;

    height: 1.25rem;

    line-height: 1.25rem;

    font-size: .6rem;

    font-weight: 500;

    max-width: 3.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: rgba(136, 136, 136, 1)

}



.icon-arrow, .module-icon-arrow, .sb-icon-arrow {

    color: grey;

    height: 100%;

    width: 100%

}



.triangle-wrap {

    position: absolute;

    top: -6px;

    left: 50%;

    height: .3rem;

    width: .79rem;

    margin-left: -.38rem;

    overflow: hidden

}



.triangle {

    position: absolute;

    display: inline-block;

    height: 0;

    width: 0;

    top: -1px;

    left: 50%;

    margin-left: -.38rem;

    border-bottom: .38rem solid rgba(0, 0, 0, 1);

    border-left: .38rem solid transparent;

    border-right: .38rem solid transparent

}



.searchRange {

    position: relative;

    display: inline-block;

    margin-left: .62rem;

    margin-right: .2rem;

    max-width: 3.5rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 1.83rem;

    line-height: 1.83rem;

    font-size: .6rem;

    font-weight: 500;

    color: rgba(136, 136, 136, 1)

}



.promoteOrderDetailContainer .orderDetail {

    -webkit-box-align: initial;

    -ms-flex-align: initial;

    align-items: initial;

    padding-bottom: .38rem;

    background: #f4f4f4

}



.promoteOrderDetailContainer .orderDetail .promoteHeader {

    height: 3.41rem;

    width: 100%;

    color: #fff;

    position: relative;

    text-align: center;

    line-height: 2.13rem

}



.orderDetail .headerBackground2 {

    background: -webkit-gradient(linear, right top, left top, from(#f4312c), to(#fa723a));

    background: linear-gradient(270deg, #f4312c, #fa723a)

}



.orderDetail .headerBackground3 {

    background: linear-gradient(105deg, #888, #bbb)

}



.orderDetail .headerBackground4 {

    background: -webkit-gradient(linear, right top, left top, from(#1bad2c), to(#65ca21));

    background: linear-gradient(270deg, #1bad2c, #65ca21)

}



.orderDetail .headerBackground5 {

    background: linear-gradient(-72deg, #ff8c26, #ffad20)

}



.orderDetail .headerTextShadow2 {

    text-shadow: 0 .09rem .04rem #c50000

}



.orderDetail .headerIconShadow2 {

    -webkit-filter: drop-shadow(0 .09rem .04rem #c50000);

    filter: drop-shadow(0 .09rem .04rem #c50000)

}



.orderDetail .headerTextShadow3 {

    text-shadow: 0 .09rem .04rem #666

}



.orderDetail .headerIconShadow3 {

    -webkit-filter: drop-shadow(0 .09rem .04rem #666);

    filter: drop-shadow(0 .09rem .04rem #666)

}



.orderDetail .headerTextShadow4 {

    text-shadow: 0 .09rem .04rem #0b9406

}



.orderDetail .headerIconShadow4 {

    -webkit-filter: drop-shadow(0 .09rem .04rem #0b9406);

    filter: drop-shadow(0 .09rem .04rem #0b9406)

}



.orderDetail .headerTextShadow5 {

    text-shadow: 0 .09rem .04rem #ff6000

}



.orderDetail .headerIconShadow5 {

    -webkit-filter: drop-shadow(0 .09rem .04rem #ff6000);

    filter: drop-shadow(0 .09rem .04rem #ff6000)

}



.promoteOrderDetailContainer .orderDetail .promoteHeader .orderIcon {

    margin-left: .21rem;

    width: .8rem;

    height: .8rem;

    fill: #fff

}



.promoteOrderDetailContainer .orderFlowBox_sendInfo_line {

    position: relative

}



.promoteOrderDetailContainer .orderDetail .promoteHeader .txtBox2 {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    vertical-align: middle;

    margin-top: .13rem

}



.promoteOrderDetailContainer .orderDetail .promoteHeader .txt {

    line-height: .6rem;

    margin-top: .6rem;

    width: 4rem;

    margin-left: .2rem;

    height: .94rem;

    font-size: .77rem;

    font-family: Source Han Sans CN;

    font-weight: 700;

    color: rgba(255, 255, 255, 1)

}



.promoteOrderDetailContainer .orderDetail .promoteHeader .done {

    margin-left: .2rem;

    width: 4rem

}



.promoteOrderDetailContainer .orderDetail .promoteHeader .payTimer {

    font-size: .51rem;

    text-align: center;

    margin-left: .43rem;

    opacity: .8;

    line-height: .51rem

}



.promoteOrderDetailContainer .orderDetail .promoteHeader .bgImg {

    background: url(http://ma.faisys.com/image/orderDetail/detail_back.png) no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    bottom: 0

}



.promoteOrderDetailContainer .orderDetail .orderFlowBox {

    padding: 0 .43rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background: #fff;

    -webkit-box-shadow: 0 .04rem .43rem 0 rgba(116, 116, 116, .12);

    box-shadow: 0 .04rem .43rem 0 rgba(116, 116, 116, .12);

    border-radius: .21rem;

    margin-top: -1.28rem

}



.promoteOrderDetailContainer .orderDetail .orderFlowBoxNoFlow {

    margin-top: -1.92rem

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime, .promoteOrderDetailContainer .orderDetail .orderFlowBox, .promoteOrderDetailContainer .orderDetail .sendBox {

    border-radius: .34rem;

    -webkit-box-shadow: 0 .04rem .43rem 0 rgba(116, 116, 116, .12);

    box-shadow: 0 .04rem .43rem 0 rgba(116, 116, 116, .12)

}



.promoteOrderDetailContainer .orderDetail .orderDetailPdListInfo {

    border-top-left-radius: .34rem;

    border-top-right-radius: .34rem

}



.promoteOrderDetailContainer .orderDetail .orderFlowBox_sendInfo {

    padding-left: .15rem;

    padding-right: .45rem;

    padding-bottom: .77rem;

    border-bottom: solid .02rem rgba(238, 238, 238, 1)

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox {

    color: #353535;

    padding: .64rem 0;

    padding-left: 1.22rem;

    position: relative

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .iconCar {

    position: absolute;

    left: .17rem;

    top: .73rem;

    width: .7rem;

    height: .7rem

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .line1 {

    min-height: .9rem;

    position: relative;

    font-size: .6rem

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .line1 .copyCode {

    position: absolute;

    top: .17rem;

    right: 0;

    font-size: .55rem;

    color: #ff5135;

    margin-top: -.21rem

}



.promoteOrderDetailContainer .orderDetail .icon-arrowPromote:before {

    content: "\eaea";

    color: #999

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .icon-arrowPromote {

    position: absolute;

    top: 1.96rem;

    right: 0;

    font-size: .51rem;

    color: #c8c8c8;

    width: .7rem;

    height: .7rem

}



.promoteOrderDetailContainer .orderDetail .orderDetailPdListInfo_header_text .icon-arrowPromote {

    position: absolute;

    top: 1.96rem;

    right: 0;

    font-size: .51rem;

    color: #c8c8c8;

    width: .7rem;

    height: .7rem

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .line1 .flowName {

    font-family: SourceHanSansCN-Normal;

    float: left

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .line1 .flowCode {

    margin-left: .21rem;

    font-family: ArialMT

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .lastFlow {

    font-size: .64rem;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: rgba(53, 53, 53, 1);

    margin-top: .21rem

}



.promoteOrderDetailContainer .orderDetail .flowAndAddr .flowBox .flowTime {

    font-size: .51rem;

    color: #888;

    margin-top: .11rem

}



.promoteOrderDetailContainer .orderDetail .addrBox {

    position: relative;

    padding-left: 1.07rem;

    padding-right: .45rem;

    padding: .43rem 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%

}



.promoteOrderDetailContainer .orderDetail .addrBox .iconPlace {

    font-size: .6rem;

    color: #888

}



.promoteOrderDetailContainer .orderDetail .addrBox .promoteLine {

    height: .9rem;

    margin-top: .43rem

}



.promoteOrderDetailContainer .orderDetail .addrBox .name {

    font-size: .6rem;

    color: #353535;

    float: left;

    width: 8.53rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.promoteOrderDetailContainer .orderDetail .addrBox .phone {

    font-size: .6rem;

    color: #353535;

    float: right

}



.promoteOrderDetailContainer .orderDetail .addrBox .addr {

    font-size: .6rem;

    color: rgba(102, 102, 102, 1);

    width: 13.72rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-left: .43rem

}



.promoteOrderDetailContainer .orderDetail .sendBox {

    padding: 0 .43rem

}



.promoteOrderDetailContainer .orderDetail .sendBox_line {

    border-top: solid 1px rgba(238, 238, 238, 1)

}



.promoteOrderDetailContainer .orderDetail .sendBox_line:first-child {

    border-top: none

}



.promoteOrderDetailContainer .orderDetail .productBox {

    margin-top: -.28rem

}



.promoteOrderDetailContainer .orderDetail .noAddrBox {

    margin-top: 0

}



.promoteOrderDetailContainer .orderDetailPdListInfo {

    background: #fff;

    margin-top: .38rem

}



.promoteOrderDetailContainer .orderDetailPdListInfo:first-child {

    margin-top: 0

}



.promoteOrderDetailContainer .orderDetail .productBox .deliveryApartTitle {

    color: #333;

    font-size: .55rem;

    margin-left: .64rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 1.71rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.promoteOrderDetailContainer .orderDetail .productBox .greyLine {

    height: .38rem;

    background: rgba(245, 245, 245, 1)

}



.promoteOrderDetailContainer .orderDetail .productBox .more {

    position: absolute;

    text-align: center;

    height: 1.07rem;

    background: rgba(255, 255, 255, 1);

    border: .04rem solid rgba(238, 238, 238, 1);

    border-radius: .55rem;

    left: 50%;

    width: 4.27rem;

    margin-left: -2.13rem

}



.promoteOrderDetailContainer .orderDetail .productBox .more .txt {

    font-size: .51rem;

    color: #999;

    display: inline-block;

    margin-right: .21rem

}



.promoteOrderDetailContainer .orderDetail .productBox .more .ic {

    position: static;

    display: inline-block;

    vertical-align: middle;

    margin-left: .21rem;

    font-size: .51rem;

    color: #999

}



.promoteOrderDetailContainer .orderDetail .productBox .more .jz-arrow-down {

    margin-top: .17rem

}



.promoteOrderDetailContainer .orderDetail .productBox .more .jz-arrow-up {

    vertical-align: text-bottom

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: .3rem .64rem;

    height: calc(100% - 1.15rem)

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem:first-child {

    border-top: none;

    margin-top: -.41rem

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .vpdDrInfo {

    font-size: .55rem;

    color: rgba(102, 102, 102, 1);

    line-height: .77rem;

    text-align: left;

    padding: .47rem;

    background: #f5f5f5;

    border-radius: .13rem;

    margin-top: .64rem;

    word-wrap: break-word;

    word-break: normal

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .vpdDrInfoBtnContain {

    text-align: right;

    border-bottom: .02rem solid #eee

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .vpdDrInfoBtnContain .vpdDrInfoBtn {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 2.75rem;

    height: 1.19rem;

    border: .02rem solid;

    border-radius: .09rem;

    font-size: .55rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: .51rem;

    margin-bottom: .51rem;

    margin-left: .43rem

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .vpdDrInfoBtnContain .vpdDrInfoBtn.toUseVdp {

    color: #888;

    border-color: #888;

    margin-bottom: 0

}



.promoteOrderDetailContainer .productBox .pdcon {

    width: 100%

}



.promoteOrderDetailContainer .pdcon .refundStatus {

    font-size: .6rem;

    text-align: center;

    margin-top: .11rem;

    background: #f4f4f4;

    border-radius: .21rem;

    color: #353535;

    font-family: Source Han Sans CN;

    font-weight: 500

}



.promoteOrderDetailContainer .pdcon .closeRefund {

    color: #888

}



.promoteOrderDetailContainer .productBox .pdcon .left {

    position: relative

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdImg {

    width: 3.41rem;

    height: 3.41rem;

    display: inline-block;

    border-radius: .21rem;

    border: solid .04rem #f0f0f0

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp {

    width: 100%;

    height: 3.41rem;

    padding-left: .36rem;

    vertical-align: top;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .name {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    word-break: break-all;

    word-wrap: break-word;

    width: 10.03rem;

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    padding-top: .13rem

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .earnestSaleOptions {

    -webkit-line-clamp: 1

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .options {

    font-size: .51rem;

    color: #888;

    margin-top: .11rem;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-line-clamp: 2

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .linebox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .price {

    margin-right: .43rem;

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    line-height: 1;

    vertical-align: bottom;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .amount {

    font-size: .55rem;

    font-family: Arial;

    font-weight: 400;

    color: rgba(153, 153, 153, 1);

    display: inline-block;

    vertical-align: bottom;

    line-height: 1;

    margin-top: .21rem

}



.promoteOrderDetailContainer .orderDetail .productBox .pdItem .pdProp .groupNum {

    color: #999;

    font-size: .43rem;

    display: inline-block;

    margin-top: .34rem;

    margin-left: .21rem

}



.promoteOrderDetailContainer .orderDetail .moneyBox {

    padding: 0 .64rem;

    padding-top: .64rem;

    background: #fff

}



.promoteOrderDetailContainer .orderDetail .moneyBox .single1 {

    border-bottom: .02rem solid;

    border-color: #eee !important

}



.promoteOrderDetailContainer .orderDetail .moneyBox .single .promoteLine {

    font-size: .55rem;

    color: #666;

    margin-bottom: .64rem;

    height: .64rem

}



.promoteOrderDetailContainer .orderDetail .moneyBox .single .promoteLine .key {

    float: left;

    color: #999

}



.promoteOrderDetailContainer .orderDetail .moneyBox .single .promoteLine .val {

    float: right;

    color: #999

}



.promoteOrderDetailContainer .orderDetail .moneyBox .single .promoteLine .lineShipPrice {

    float: right;

    margin-right: .21rem;

    text-decoration: line-through;

    color: #999

}



.promoteOrderDetailContainer .orderDetail .moneyBox .total {

    height: 1.28rem

}



.promoteOrderDetailContainer .orderDetail .moneyBox .noHeight {

    height: .02rem

}



.promoteOrderDetailContainer .orderDetail .moneyBox .total .key {

    font-size: .64rem;

    color: #353535;

    float: left;

    line-height: 1.28rem

}



.promoteOrderDetailContainer .orderDetail .moneyBox .total .val {

    text-align: right

}



.promoteOrderDetailContainer .orderDetail .moneyBox .total .val1 {

    font-size: .68rem;

    color: #ff5135;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    right: .9rem;

    position: absolute

}



.promoteOrderDetailContainer .orderDetail .moneyBox .total .val2 {

    font-size: .47rem;

    color: #ccc

}



.promoteOrderDetailContainer .orderDetail .cyVal {

    font-size: .47rem;

    margin-top: .21rem

}



.promoteOrderDetailContainer .orderDetail .moneyBox .eiget {

    height: 1.71rem

}



.promoteOrderDetailContainer .orderDetail .msgAndPay {

    background: #fff;

    min-height: 2.13rem;

    width: 100%;

    border-bottom-left-radius: .34rem;

    border-bottom-right-radius: .34rem

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .single1 {

    border-bottom: .02rem solid;

    border-color: #eee !important

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .payClose {

    text-align: right

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine {

    height: 2.13rem;

    line-height: 2.13rem;

    font-size: .64rem;

    color: #353535;

    margin: 0 .64rem

}



.promoteOrderDetailContainer .orderDetail .moreThan3Pd {

    padding-top: 1.71rem

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .msgBox {

    padding: .64rem;

    background: #f9f9f9;

    line-height: .85rem;

    font-size: .51rem;

    color: #333

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .key {

    float: left

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .val {

    float: right

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .val .iconPay {

    display: inline-block;

    margin-right: .32rem

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .val .iconPayDeposit {

    display: inline-block;

    margin-right: .32rem;

    width: 1rem;

    height: .8rem;

    fill: #bbbb14de

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .val .payName {

    display: inline-block

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .val .shipType {

    position: absolute;

    right: .96rem

}



.promoteOrderDetailContainer .orderDetail .msgAndPay .promoteLine .iconRight {

    display: inline-block;

    font-size: .51rem;

    color: #c8c8c8;

    margin-left: .64rem;

    vertical-align: middle

}



.promoteOrderDetailContainer .orderDetail .bankBox {

    padding: .64rem;

    max-height: 4.27rem;

    background: #f9f9f9;

    line-height: .85rem

}



.promoteOrderDetailContainer .orderDetail .bankBox.noBottom {

    padding-bottom: 0

}



.promoteOrderDetailContainer .orderDetail .bankBox .line1 {

    font-size: .51rem;

    color: #333

}



.promoteOrderDetailContainer .orderDetail .bankBox .line2 {

    font-size: .47rem;

    color: #666;

    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%

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime {

    margin-top: .38rem;

    background: #fff;

    padding: .43rem 0;

    padding-left: .64rem

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .line1 {

    line-height: .6rem

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .line1 .itg1 {

    display: inline-block;

    padding: 0 .11rem;

    margin-right: .43rem;

    text-align: center;

    vertical-align: middle;

    background: rgba(255, 255, 255, 1);

    border: .02rem solid rgba(255, 114, 20, 1);

    border-radius: .06rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    line-height: .64rem;

    font-size: .43rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(255, 114, 20, 1);

    max-width: 10.67rem;

    white-space: normal

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .line1 .itg2 {

    display: inline-block;

    font-size: .51rem;

    color: #353535

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .line2 {

    font-size: .55rem;

    color: #888;

    line-height: .51rem;

    margin-top: .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .order_num {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .order_item_val {

    position: absolute;

    right: .96rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promoteOrderDetailContainer .orderDetail .line3 {

    margin-left: .43rem;

    margin-right: -.21rem;

    color: #ddd

}



.promoteOrderDetailContainer .orderDetail .itgCodeTime .order_num .copyTxt {

    margin-left: .64rem;

    color: #ff5135

}



.promoteOrderDetailContainer .orderDetail .btnBox {

    height: 2.13rem;

    width: 100%;

    background: #fff;

    text-align: right;

    position: fixed;

    bottom: 0;

    border-top: .02rem solid #eee

}



.promoteOrderDetailContainer .orderDetail .btnBox .kfBox {

    height: 2.13rem;

    line-height: 2.13rem;

    color: #888;

    display: inline-block;

    margin: 0;

    padding: 0;

    background: #fff;

    border: 0;

    position: absolute;

    left: 1.07rem;

    top: 0

}



.promoteOrderDetailContainer .orderDetail .btnBox .kfBox::after {

    content: "";

    width: 0;

    height: 0;

    border: 0

}



.promoteOrderDetailContainer .orderDetail .btnBox .kfBox .ic {

    font-size: .85rem;

    display: inline-block;

    vertical-align: middle;

    margin-right: .32rem

}



.promoteOrderDetailContainer .orderDetail .btnBox .kfBox .txt {

    font-size: .6rem;

    display: inline-block

}



.promoteOrderDetailContainer .orderDetail .btnBox .greyBtn {

    border: .02rem solid #888;

    color: #888

}



.promoteOrderDetailContainer .orderDetail .btnBox .btn {

    height: .85rem;

    line-height: .85rem;

    width: 2.77rem;

    border-radius: .11rem;

    padding: .21rem .32rem;

    text-align: center;

    border: .02rem solid;

    font-size: .6rem;

    display: inline-block;

    margin-top: .43rem;

    margin-right: .45rem

}



.promoteOrderDetailContainer .orderDetail .groupBtn {

    position: relative

}



.promoteOrderDetailContainer .orderDetail .groupBtn .btn {

    margin-right: 0

}



.promoteOrderDetailContainer .orderDetail .no-border-bottom {

    border-bottom: 0 !important

}



.promoteOrderDetailContainer .orderDetail .icon-wechatpay {

    color: #74d32d

}



.promoteOrderDetailContainer .orderDetail .icon-cashpay {

    color: #5cb944

}



.promoteOrderDetailContainer .orderDetail .icon-bankpay {

    color: #e62d3b

}



.promoteOrderDetailContainer .orderDetail .icon-alipay {

    color: #00a0e9

}



.promoteOrderDetailContainer .orderDetail .icon-tenpay {

    color: #ff8502

}



.promoteOrderDetailContainer .orderDetail .orderProp {

    margin-top: .43rem;

    margin-bottom: .43rem;

    position: relative

}



.promoteOrderDetailContainer .orderProp .i-R-icon {

    font-size: .6rem;

    color: #999;

    position: absolute;

    right: -.09rem;

    bottom: .13rem

}



.promoteOrderDetailContainer .orderDetail .propItem {

    line-height: .85rem

}



.promoteOrderDetailContainer .orderDetail .propItem .i-name {

    width: 3.09rem;

    font-size: .6rem;

    color: #333;

    display: inline-block;

    vertical-align: top;

    margin-left: .11rem

}



.promoteOrderDetailContainer .orderDetail .propItem .i-val {

    width: 10.88rem;

    margin-right: .85rem;

    font-size: .6rem;

    color: #333;

    display: inline-block;

    text-align: right

}



.promoteOrderDetailContainer .orderDetail .propItem .ltThreeItem {

    width: 11.73rem;

    margin-right: 0

}



.promoteOrderDetailContainer .orderDetail .toIndexBtn {

    width: 1.6rem;

    height: 1.6rem;

    background: url(http://2.ss.faisys.com/image/wxmallapp/promoter/toindex.png);

    background-size: 1.6rem;

    position: fixed;

    right: .53rem;

    bottom: 2.77rem;

    border: .02rem solid #eee;

    border-radius: 1.6rem;

    -webkit-box-shadow: 0 .06rem .43rem -.06rem #ccc;

    box-shadow: 0 .06rem .43rem -.06rem #ccc

}



.promoteOrderDetailContainer .orderDetail .endTimeValue {

    display: inline-block

}



.promoteOrderDetailContainer .selfTaking {

    display: block;

    width: 100%;

    line-height: 1.5rem;

    background: #fff

}



.promoteOrderDetailContainer .selfTaking .selfTakingLine {

    width: 100%;

    min-height: 2.13rem

}



.promoteOrderDetailContainer .selfTaking .selfTakingLine:last-child {

    border-bottom: none;

    margin-left: .68rem;

    margin-top: -13px

}



.promoteOrderDetailContainer .selfTaking .selfTakingLine .selfTaking-icon {

    display: inline-block;

    vertical-align: middle;

    font-size: .75rem;

    color: #353535;

    width: .7rem;

    height: .7rem

}



.promoteOrderDetailContainer .selfTaking .selfTakingLine .selfTakingTitle {

    font-size: .63rem;

    height: 2.13rem;

    line-height: 2.13rem;

    color: #333;

    margin-left: .3rem;

    display: inline-block

}



.promoteOrderDetailContainer .selfTaking .selfTakingLine .selfTakingTitle1 {

    font-size: .64rem;

    height: 1.71rem;

    line-height: .85rem;

    color: #333;

    margin-left: .53rem;

    display: inline-block;

    margin-right: 1.07rem;

    font-family: Source Han Sans CN;

    font-weight: 500

}



.promoteOrderDetailContainer .selfTaking .selfTakingLine .iconArrow {

    position: absolute;

    margin-top: .81rem;

    right: .58rem;

    font-size: .51rem;

    display: inline-block

}



.promoteOrderDetailContainer .refundBox {

    width: 100%;

    position: relative

}



.promoteOrderDetailContainer .refundBox .refund {

    cursor: pointer;

    font-size: .55rem;

    border: .02rem solid #ccc;

    color: #888;

    background: #fff;

    padding: .17rem .21rem;

    position: absolute;

    right: 0;

    margin-top: .3rem

}



.promoteOrderDetailContainer .height1 {

    height: 0

}



.promoteOrderDetailContainer .height2 {

    height: 1.49rem

}



.promoteOrderDetailContainer .hideBtn {

    display: none

}



.promoteOrderDetailContainer .mallItemIcon {

    margin-right: .21rem

}



.promoteOrderDetailContainer .refundBox button {

    margin-right: 0

}



.promoteOrderDetailContainer .shoppingListTips {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: .85rem;

    margin-bottom: .85rem

}



.promoteOrderDetailContainer .shoppingListTips .img {

    width: .79rem;

    height: .79rem;

    margin-right: .47rem

}



.promoteOrderDetailContainer .shoppingListTips .tips {

    font-size: .51rem;

    color: #bbb;

    display: inline-block

}



.promoteOrderDetailContainer .productBox .notAdded {

    width: 3.41rem;

    height: 3.41rem;

    background-color: rgba(0, 0, 0, .5);

    position: absolute;

    top: 0

}



.promoteOrderDetailContainer .productBox .notAddedTip {

    text-align: center;

    line-height: 3.41rem;

    color: #fff;

    font-size: .75rem

}



.promoteOrderDetailContainer .earnestSaleshipDays {

    font-size: .51rem;

    color: #f5a827;

    margin-top: .11rem;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2

}



.promoteOrderDetailContainer .f_earnestSale {

    padding: 0 .64rem;

    margin-top: .38rem;

    background-color: #fff

}



.promoteOrderDetailContainer .f_earnestSale .earnestSale-payItem {

    height: 3.84rem;

    padding: 1rem 0

}



.promoteOrderDetailContainer .f_earnestSale .topContain {

    width: 100%;

    display: inline-block;

    position: relative

}



.promoteOrderDetailContainer .f_earnestSale .topContain .tip {

    display: inline-block;

    margin-top: .21rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .tip .topCircle {

    width: .3rem;

    height: .3rem;

    border-radius: 50%

}



.promoteOrderDetailContainer .f_earnestSale .topContain .tip .topLine {

    width: .04rem;

    height: .83rem;

    margin-left: .13rem

}


.promoteOrderDetailContainer .f_earnestSale .topContain .tip .bottomLine {

    width: .04rem;

    height: .83rem;

    background: rgba(234, 234, 234, 1);

    margin-left: .13rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .tip .bottomLineStart {

    background: rgba(255, 203, 168, 1)

}



.promoteOrderDetailContainer .f_earnestSale .topContain .tip .bottomCircle {

    width: .3rem;

    height: .3rem;

    background: rgba(204, 204, 204, 1);

    border-radius: 50%

}



.promoteOrderDetailContainer .f_earnestSale .topContain .tip .bottomCircleStart {

    background: rgba(255, 114, 20, 1)

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info {

    display: inline-block;

    vertical-align: top;

    margin-left: .13rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerTopContain {

    display: inline-block

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerTopContain .esleft {

    font-size: .51rem;

    display: inline-block;

    vertical-align: top;

    height: .51rem;

    line-height: .51rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerTopContain .esright {

    display: inline-block;

    position: absolute;

    right: 0;

    top: 0;

    line-height: .77rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerTopContain .esright .first {

    display: inline-block;

    font-size: .51rem;

    height: .77rem;

    background: rgba(255, 255, 255, 1);

    border-style: solid;

    border-width: .02rem;

    border-radius: .09rem;

    text-align: center;

    padding: 0 .34rem;

    margin-right: .6rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerTopContain .esright .second {

    display: inline-block;

    text-align: right;

    font-size: .6rem;

    height: .81rem;

    line-height: .73rem

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerBottomContain .first {

    font-size: .51rem;

    display: inline-block;

    bottom: 0;

    position: absolute

}



.promoteOrderDetailContainer .f_earnestSale .topContain .info .innerBottomContain .second {

    display: inline-block;

    font-size: .6rem;

    position: absolute;

    right: 0;

    bottom: 0

}



.promoteOrderDetailContainer .f_earnestSale .bottomContain {

    font-size: .51rem;

    color: #888;

    height: .51rem;

    line-height: .51rem;

    margin-top: 1rem

}



.promoteOrderDetailContainer .f_earnestSaleTimer {

    height: 1.6rem;

    line-height: 1.6rem;

    width: 100%;

    background: #333;

    position: fixed;

    bottom: 2.13rem;

    border-top: .02rem solid #eee;

    color: #fff;

    font-size: .55rem;

    vertical-align: middle;

    text-align: center

}



.promoteOrderDetailContainer .bottom0 {

    bottom: 0

}



.promoteOrderDetailContainer .f_earnestSaleTimer .tip {

    margin-right: .38rem;

    display: inline-block;

    width: .55rem;

    height: .55rem;

    line-height: .55rem;

    font-size: .49rem;

    background: rgba(255, 255, 255, 1);

    border-radius: 50%;

    color: #404040;

    font-weight: 900;

    transform: rotate(-180deg);

    -o-transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg)

}



.promoteOrderDetailContainer .f_earnestSaleTimer .payTimer {

    display: inline-block

}



.promoteOrderDetailContainer .jz-panel-item .radioBox {

    width: .81rem;

    height: 1.58rem;

    float: right;

    margin-right: .43rem;

    padding-top: .77rem

}



.promoteOrderDetailContainer .jz-panel-item .radio {

    width: .75rem;

    height: .75rem;

    border-radius: 1.07rem;

    border: .02rem solid #c7c7c7

}



.promoteOrderDetailContainer .jz-panel-item .radio_disabled {

    width: .75rem;

    height: .75rem;

    border-radius: 1.07rem;

    border: .02rem solid #c7c7c7;

    background: #eee

}



.promoteOrderDetailContainer .orderFlowBox_sendInfo_line_icon, .promoteOrderDetailContainer .orderFlowBox_sendInfo_line_label, .promoteOrderDetailContainer .orderFlowBox_sendInfo_line_value {

    padding-top: .79rem;

    display: inline-block;

    line-height: .6rem;

    font-size: .6rem;

    vertical-align: middle

}



.promoteOrderDetailContainer .orderFlowBox_sendInfo_line_icon {

    color: #888;

    font-size: .6rem

}



.promoteOrderDetailContainer .orderFlowBox_sendInfo_line_label {

    padding-left: .38rem;

    color: #666

}



.promoteOrderDetailContainer .orderFlowBox_sendInfo_line_value {

    float: right;

    color: #353535;

    position: absolute;

    right: 0;

    top: 0

}



.promoteOrderDetailContainer .orderDetailPdListInfo_header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1;

    height: 2.33rem;

    margin: .66rem;

    border-bottom: .02rem solid;

    border-color: #eee !important

}



.promoteOrderDetailContainer .orderDetailPdListInfo_header .icon-arrowPromote {

    position: absolute;

    right: .64rem;

    font-size: .51rem;

    color: #c8c8c8

}



.promoteOrderDetailContainer .orderDetailPdListInfo_header_icon {

    width: 1.49rem;

    height: 1.49rem;

    border-radius: .06rem

}



.promoteOrderDetailContainer .orderDetailPdListInfo_header_text {

    font-size: .6rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    margin-left: .3rem

}



.promoteOrderDetailContainer .orderDetailPdListInfo_header_arrow {

    padding-left: .51rem

}



.promoteOrderDetailContainer .noneBottom .communityGrouperInfo {

    border-bottom: none

}



.promoteOrderDetailContainer .fk_orderDetail_box_wrap {

    padding: 0 .32rem;

    position: relative;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}


.promoteOrderDetailContainer .pdItem_intraCityShip .orderFlowBox_sendInfo_line {

    padding-top: .85rem;

    padding-bottom: .43rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1

}



.promoteOrderDetailContainer .orderDetail .pdItem_intraCityShip {

    padding: 0;

    border-bottom: none

}



.promoteOrderDetailContainer .pdItem_intraCityShip .orderFlowBox_sendInfo_line_icon, .promoteOrderDetailContainer .pdItem_intraCityShip .orderFlowBox_sendInfo_line_label, .promoteOrderDetailContainer .pdItem_intraCityShip .orderFlowBox_sendInfo_line_value {

    padding-top: 0;

    padding-left: 0

}



.promoteOrderDetailContainer .pdItem_intraCityShip .orderFlowBox_sendInfo_line_value {

    position: static

}



.promoteOrderDetailContainer .shipPanel .jz-panel-item .name {

    color: #888;

    font-size: .6rem;

    margin-left: .64rem;

    display: inline-block;

    width: 4.27rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.promoteOrderDetailContainer .shipPanel .jz-panel-item .price {

    color: #888;

    font-size: .6rem;

    display: inline-block;

    width: 6.4rem;

    margin-left: .43rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.promoteOrderDetailContainer .refundBlock {

    width: 3.2rem;

    height: 1.07rem;

    background: rgba(244, 244, 244, 1);

    border-radius: .21rem;

    position: absolute;

    right: 0

}



.promoteOrderDetailContainer .copyTxtIng {

    width: 1rem;

    height: .7rem

}



.promoteOrderDetailContainer .money_num_small {

    font-size: .47rem;

    margin-top: .3rem

}



.promoteOrderDetailContainer .money_num_big {

    font-size: .68rem;

    margin-top: .13rem

}



.promoteOrderDetailContainer .icon-wechatpay:before {

    content: "\eaa5"

}



.promoteOrderDetailContainer .icon-cashpay:before {

    content: "\eaa3"

}



.promoteOrderDetailContainer .icon-bankpay:before {

    content: "\eaa7"

}



.promoteOrderDetailContainer .icon-tenpay:before {

    content: "\eaa8"

}



.promoteOrderDetailContainer .icon-paypal:before {

    content: "\eaa2"

}



.promoteOrderDetailContainer .icon-alipay:before {

    content: "\eaa6"

}



.promoteOrderCloseFooter {

    display: none !important

}



.flowContainer .flowPage {

    -webkit-box-align: initial;

    -ms-flex-align: initial;

    align-items: initial;

    padding-bottom: 0;

    background: #f4f4f4;

    border-top: .02rem solid #ededed

}



.flowContainer .flowPage .header .line {

    font-size: .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.flowContainer .flowPage .header .line .copyIcon {

    margin-left: .21rem;

    width: .6rem;

    height: .6rem

}



.flowContainer .flowPage .flowBox {

    padding: .96rem .85rem 0 1.39rem;

    background: #fff;

    margin-top: .38rem

}



.flowContainer .flowPage .flowBox .emptyTips {

    color: #888;

    width: 100%;

    text-align: center;

    font-size: .6rem

}



.flowContainer .flowPage .flowBox .item {

    padding-left: 1.07rem;

    border-left: .02rem solid;

    padding-bottom: 1.39rem;

    position: relative

}



.flowContainer .flowPage .flowBox .item-last {

    border-left: 0

}



.flowContainer .flowPage .flowBox .item .context {

    font-size: .6rem;

    color: #666;

    margin-bottom: .11rem

}



.flowContainer .flowPage .flowBox .item .time {

    font-size: .51rem;

    color: #999

}



.flowContainer .flowPage .flowBox .item .green {

    color: #4bb344

}



.flowContainer .flowPage .flowBox .item .circle {

    position: absolute;

    left: -.26rem;

    top: .17rem;

    background: #cdcdcd;

    border-radius: 50%;

    width: .51rem;

    height: .51rem

}



.flowContainer .flowPage .flowBox .item .circle-green1 {

    background: rgba(74, 179, 68, .3);

    width: .85rem;

    height: .85rem;

    border-radius: 50%;

    position: absolute;

    left: -.43rem;

    top: .17rem

}



.flowContainer .flowPage .flowBox .item .circle-green2 {

    background: #4bb344;

    width: .64rem;

    height: .64rem;

    border-radius: 50%;

    position: absolute;

    left: 12%;

    top: 12%

}



.flowContainer .flowPage .line1 {

    padding-top: .51rem

}



.flowContainer .flowPage .line2 {

    margin-top: .47rem

}



.flowContainer .flowPage .copyIcon1 {

    position: absolute;

    right: 1.92rem;

    width: 1.49rem !important;

    height: .6rem !important;

    margin-top: -.11rem;

    color: #ff5135

}



.flowContainer .flowPage .flowBox1 {

    padding: .96rem .85rem 0 1.39rem;

    background: #fff;

    margin-top: .38rem;

    min-height: 19.84rem

}



.flowContainer .flowPage .header1 {

    height: 3.18rem;

    font-size: .64rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(53, 53, 53, 1);

    position: relative;

    width: 16rem;

    padding-left: 1.07rem;

    padding-top: 0;

    background: rgba(255, 255, 255, 1)

}



.product_detail_recommand_photo_equalRatioScale {

    background-size: contain !important

}



.product_detail_recommand_photo_stretchScale {

    background-size: 100% 100% !important

}



.view-reward-content .reward-list {

    background: #fff

}



.view-reward-content .reward-list .empty-wrap {

    position: relative;

    top: 6rem

}



.view-reward-content .reward-list .empty-wrap .empty-list {

    height: 7.13rem;

    width: 12.31rem;

    margin: 0 auto .5rem auto;

    background: url(/image/v2/voidpro.png?v=202011041349) no-repeat center;

    background-size: 100%

}



.view-reward-content .reward-list .empty-wrap .empty-text {

    font-size: .81rem;

    font-weight: 500;

    color: #333;

    line-height: 1.25rem;

    text-align: center

}



.view-reward-content .reward-list .reward-item {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0 1rem 0 .84rem;

    padding-top: .6rem;

    padding-bottom: .6rem;

    border-bottom: .03rem solid #eee

}



.view-reward-content .reward-list .reward-item .reward-title {

    width: 100%;

    font-size: .7rem;

    font-weight: 500;

    color: #333;

    line-height: 1rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.view-reward-content .reward-list .reward-item .reward-date {

    font-size: .5rem;

    font-weight: 500;

    color: #999;

    line-height: 1rem

}



.scale-enter-active, .scale-leave-active {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s

}



.scale-enter, .scale-leave-to {

    -webkit-transform: scale(0);

    transform: scale(0)

}



.fade-enter-active, .fade-leave-active {

    opacity: 1;

    -webkit-transition: all .3s;

    transition: all .3s

}



.fade-enter, .fade-leave-to {

    opacity: 0

}



@-webkit-keyframes myScaleIn {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes myScaleIn {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes myScaleOut {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



@keyframes myScaleOut {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



@-webkit-keyframes myFadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@keyframes myFadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-webkit-keyframes myFadeOut {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



@keyframes myFadeOut {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



.lottery-scale-in, .result-scale-in {

    -webkit-animation: myScaleIn .3s forwards;

    animation: myScaleIn .3s forwards;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease

}



.lottery-scale-out, .result-scale-out {

    -webkit-animation: myScaleOut .3s forwards;

    animation: myScaleOut .3s forwards;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease

}



.lottery-fade-in, .result-fade-in {

    -webkit-animation: myFadeIn .3s forwards;

    animation: myFadeIn .3s forwards

}



.lottery-fade-out, .result-fade-out {

    -webkit-animation: myFadeOut .3s forwards;

    animation: myFadeOut .3s forwards

}



.fix-wrap-20201019 {

    position: fixed;

    left: 0;

    top: 0;

    width: 100vw;

    z-index: 99

}



.fix-wrap-20201019 .popup-mask {

    position: relative;

    left: 0;

    margin: 0 auto;

    height: 100vh;

    width: 16rem;

    z-index: 9999;

    background: rgba(0, 0, 0, .6)

}



.fix-wrap-20201019 .popup-mask .popup {

    position: relative;

    top: 3rem;

    margin: 0 auto;

    height: 18.575rem;

    width: 14.5rem;

    background: url(/image/v2/lottery/m_luckdrawbg.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: absolute;

    bottom: 1.9rem;

    left: 1.75rem;

    height: 10.25rem;

    width: 10.9rem

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 3.25rem;

    width: 3.5rem

}



@-webkit-keyframes myScale {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    50% {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

    75% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes myScale {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    50% {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

    75% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.finish-item {

    -webkit-animation: myScale .8s forwards;

    animation: myScale .8s forwards;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.item-default {

    background: url(/image/v2/lottery/m_prizebg.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.item-active {

    background: #fff;

    -webkit-box-shadow: 0 0 18px 0 rgba(255, 255, 255, .54);

    box-shadow: 0 0 18px 0 rgba(255, 255, 255, .54);

    border-radius: 6px;

    background-size: 100%

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-special-img-wrap {

    height: 1.65rem;

    width: 1.65rem;

    background: #fff;

    -webkit-box-shadow: 0 2px 9px 0 rgba(76, 76, 76, .15);

    box-shadow: 0 2px 9px 0 rgba(76, 76, 76, .15);

    padding: 2px;

    border-radius: 6px;

    margin: .45rem auto .1rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-special-img-wrap .lot-special-img {

    -o-object-fit: cover;

    object-fit: cover;

    width: 1.55rem;

    height: 1.55rem;

    max-height: 100%;

    max-width: 100%

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-pro-img {

    -o-object-fit: scale-down;

    object-fit: scale-down;

    width: 2.2rem;

    height: 1.9rem;

    margin: .25rem auto .05rem auto

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-icon-img {

    width: 1.5rem;

    height: 1.5rem;

    margin: .45rem auto .25rem auto

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-desc {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%;

    margin: 0 auto;

    text-align: center;

    font-size: .5rem;

    font-weight: 500;

    color: #540300

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item .lot-bg {

    position: absolute;

    height: 3.25rem;

    width: 3.5rem;

    opacity: .3;

    background: #b8720e

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.center1 {

    background: url(/image/v2/lottery/m_drawbtn.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .popup-mask .popup .lottery-list .lottery-item.center2 {

    background: url(/image/v2/lottery/m_drawbtns.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .popup-mask .popup .close {

    position: absolute;

    left: 50%;

    bottom: -2rem;

    margin-left: -.625rem;

    width: 1.25rem;

    height: 1.25rem

}



.fix-wrap-20201019 .content {

    position: relative

}



.fix-wrap-20201019 .content .r-close {

    position: absolute;

    right: 0;

    top: -1.8rem;

    height: .875rem;

    width: .875rem

}



.fix-wrap-20201019 .top-title-img {

    position: relative;

    top: -.88rem;

    width: 7.58rem;

    height: 1.8rem

}



.fix-wrap-20201019 .result-popup-mask {

    position: relative;

    left: 0;

    margin: 0 auto;

    height: 100vh;

    width: 16rem;

    z-index: 9999;

    background: rgba(0, 0, 0, .6)

}



.fix-wrap-20201019 .result-popup-mask .result-popup {

    position: relative;

    top: 8rem;

    margin: 0 auto

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 {

    height: 100%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content {

    position: relative;

    width: 10.325rem;

    height: 10.75rem;

    margin: 0 auto;

    background: url(/image/v2/lottery/m_bg1.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .r-close {

    top: -1.8rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .top {

    position: relative;

    top: 2.4rem;

    text-align: center

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .top .res-title {

    margin-bottom: .5rem;

    font-size: .65rem;

    font-weight: 500;

    color: #181818;

    line-height: .55rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .top .res-desc {

    font-size: .95rem;

    font-weight: 800;

    width: 8rem;

    margin: 0 auto;

    padding: .2rem 0;

    color: #f04213;

    line-height: .7rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    bottom: 1.8rem;

    left: 1rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom .code {

    height: 2.15rem;

    width: 2.15rem;

    padding: .15rem;

    border-radius: 6px;

    background: #fff;

    margin-right: .4rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom .b-right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .content .bottom .b-right .r-desc {

    display: block;

    font-size: .55rem;

    font-weight: 500;

    color: #fef3e4;

    line-height: .9rem;

    width: 6rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-1 .confirm {

    color: #c82005;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .7rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 9.65rem;

    height: 1.7rem;

    margin: 0 auto;

    background: -webkit-gradient(linear, left top, left bottom, from(#ffe84b), to(#ffae29));

    background: linear-gradient(180deg, #ffe84b, #ffae29);

    border-radius: 1rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 {

    width: 11.75rem;

    margin: 0 auto;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content {

    width: 11.75rem;

    padding-bottom: .9rem;

    background: #fff;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top-title-img {

    margin: 0 auto;

    background: url(/image/v2/lottery/m_wintitle.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top .t-img {

    -o-object-fit: scale-down;

    object-fit: scale-down;

    width: 10rem;

    height: 4.75rem;

    margin: 0 auto .4rem auto

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .top .t-desc {

    display: inline-block;

    font-size: .7rem;

    font-weight: 700;

    color: #333;

    line-height: .9rem;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 10rem;

    margin: 0 auto

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .t-split {

    display: block;

    margin: .73rem auto .65rem auto;

    width: 10.5rem;

    height: .03rem;

    background: #f5f5f5

}


.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: 1.68rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom .code {

    height: 2.15rem;

    width: 2.15rem;

    padding: .15rem;

    border-radius: 6px;

    background: #fff;

    margin-right: .4rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom .b-right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .content .bottom .b-right .r-desc {

    display: block;

    font-size: .55rem;

    font-weight: 500;

    color: #333;

    line-height: .9rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 7rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-custom-2 .confirm {

    color: #c82005;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .7rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: .75rem;

    width: 11.75rem;

    height: 1.7rem;

    background: -webkit-gradient(linear, left top, left bottom, from(#ffe84b), to(#ffae29));

    background: linear-gradient(180deg, #ffe84b, #ffae29);

    border-radius: 1rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 {

    width: 11.75rem;

    margin: 0 auto;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content {

    text-align: center;

    padding-bottom: .9rem;

    width: 11.75rem;

    background: #fff;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .top-title-img {

    margin: 0 auto;

    background: url(/image/v2/lottery/m_wintitle.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-title-text {

    display: block;

    font-size: .7rem;

    font-weight: 700;

    color: #333;

    line-height: 1rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%;

    margin: 0 auto

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-img {

    -o-object-fit: cover;

    object-fit: cover;

    height: 4rem;

    width: 4rem;

    margin: .6rem auto .8rem auto;

    border: 4px solid #fff;

    -webkit-box-shadow: 0 2px 9px 0 rgba(76, 76, 76, .15);

    box-shadow: 0 2px 9px 0 rgba(76, 76, 76, .15);

    border-radius: 8px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-date, .fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .pro-desc {

    display: block;

    font-size: .5rem;

    font-family: PingFang SC;

    font-weight: 500;

    color: #333;

    line-height: .9rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%;

    margin: 0 auto

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-2 .content .confirm {

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: .6rem auto 0 auto;

    width: 7.25rem;

    height: 1.7rem;

    font-size: .7rem;

    font-weight: 500;

    color: #fff;

    line-height: .55rem;

    background: -webkit-gradient(linear, left top, left bottom, from(#fab851), to(#fa772f));

    background: linear-gradient(180deg, #fab851, #fa772f);

    -webkit-box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);

    box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);

    border-radius: 1rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 {

    width: 11.75rem;

    margin: 0 auto;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content {

    text-align: center;

    padding-bottom: .9rem;

    width: 11.75rem;

    background: #fff;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .top-title-img {

    margin: 0 auto;

    background: url(/image/v2/lottery/m_wintitle.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .integral-img {

    width: 10rem;

    height: 4.75rem;

    -o-object-fit: scale-down;

    object-fit: scale-down;

    margin: 0 auto .35rem auto;

    max-width: 100%;

    background-position: center center;

    background-repeat: no-repeat

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .integral-title {

    font-size: .75rem;

    font-weight: 700;

    color: #333;

    line-height: 1rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%;

    margin: .4rem auto .2rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .integral-desc {

    font-size: .55rem;

    font-weight: 500;

    color: #333;

    line-height: .9rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%;

    margin: 0 auto

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-3 .content .confirm {

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: .6rem auto 0 auto;

    width: 7.25rem;

    height: 1.7rem;

    font-size: .7rem;

    font-weight: 500;

    color: #fff;

    line-height: .55rem;

    background: -webkit-gradient(linear, left top, left bottom, from(#fab851), to(#fa772f));

    background: linear-gradient(180deg, #fab851, #fa772f);

    -webkit-box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);

    box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);

    border-radius: 1rem

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 {

    width: 11.75rem;

    margin: 0 auto;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content {

    text-align: center;

    padding-bottom: .9rem;

    width: 11.75rem;

    background: #fff;

    border-radius: 10px

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .top-title-img {

    margin: 0 auto;

    background: url(/image/v2/lottery/m_nowintitle.png) no-repeat;

    background-size: 100%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .empty-img {

    height: 4.75rem;

    width: 10rem;

    -o-object-fit: scale-down;

    object-fit: scale-down

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .empty-title {

    margin: .4rem auto .2rem auto;

    font-size: .7rem;

    font-weight: 700;

    color: #333;

    line-height: 1rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .empty-desc {

    font-size: .55rem;

    font-weight: 400;

    color: #333;

    line-height: .9rem;

    margin: 0 auto;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 90%

}



.fix-wrap-20201019 .result-popup-mask .result-popup .result-type-4 .content .confirm {

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: .6rem auto 0 auto;

    width: 7.25rem;

    height: 1.7rem;

    font-size: .7rem;

    font-weight: 500;

    color: #fff;

    line-height: .55rem;

    background: -webkit-gradient(linear, left top, left bottom, from(#fab851), to(#fa772f));

    background: linear-gradient(180deg, #fab851, #fa772f);

    -webkit-box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);

    box-shadow: 0 0 0 0 rgba(255, 97, 30, .23);

    border-radius: 1rem

}



.form-lottery-20201021-style-1, .form-lottery-20201021-style-V1-1 {

    display: inline-block;

    position: relative;

    margin-left: 10px;

    height: .85rem;

    width: 2.5rem;

    background: url(/image/v2/lottery/Fill_in_the_award_1.png?v=202011181241) no-repeat;

    background-size: 100%;

    border-radius: 4px

}



.form-lottery-20201021-style-V1-1 {

    top: .2rem !important

}



.form-lottery-20201021-style-2, .form-lottery-20201021-style-V1-2 {

    position: absolute;

    right: 2px;

    top: 5px;

    width: 4rem;

    height: 1.35rem;

    background: url(/image/v2/lottery/Fill_in_the_awards.png?v=202011181241) no-repeat;

    background-size: 100%

}



.wxapp_launch_btn, .wxapp_launch_btn_wrap {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0

}



.recommend_product_wrap {

    background: #fff

}



.recommend_product_wrap .recommend_product_title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .39rem 0 0

}



.recommend_product_wrap .recommend_product_line {

    width: 12px;

    width: .52rem;

    height: .04rem;

    display: inline-block;

    background: #333;

    margin: 0 .43rem

}



.recommend_product_wrap .recommend_product_content {

    padding: .65rem

}



.recommend_product_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    text-align: left

}



.recommend_product_wrap .recommend_product_item {

    display: inline-block;

    width: 6.9rem;

    cursor: pointer;

    margin-bottom: .65rem;

    vertical-align: top

}



.recommend_product_wrap .recommend_product_item:nth-child(even) {

    margin-right: 0

}



.recommend_product_wrap .recommend_product_img {

    width: 6.9rem;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    position: relative;

    overflow: hidden;

    height: auto;

    padding-top: 100%;

    max-width: 100%;

    max-height: 100%;

    border-radius: 6px

}



.recommend_product_wrap .recommend_product_tit {

    color: #353535;

    font-size: .6rem;

    margin-top: .22rem;

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    text-align: left

}



.recommend_product_wrap .recommend_product_price {

    font-size: .52rem;

    margin-top: .34rem;

    text-align: left

}



.recommend_product_wrap .big_price {

    font-size: .78rem

}



.recommend_product_wrap .recommend_product_cancel_price {

    font-size: .52rem;

    color: #ccc;

    text-decoration: line-through;

    text-align: left

}



.recommend_product_wrap .pd_separator_line {

    height: .34rem;

    background-color: #f4f4f4

}



.recommend_product_wrap .load_more {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 2.16rem;

    cursor: pointer;

    border-top: 1px solid #eee

}



.recommend_product_wrap_sm {

    border-radius: .86rem

}



.recommend_product_wrap_sm .recommend_product_content {

    padding: .43rem

}



#fk-tipsLimitUv ~ #g_web .navButton.is_fixed {

    top: 2.15rem

}



.hotel_time_str {

    font-size: .55rem;

    margin-top: .5rem;

    margin-left: .5rem;

    line-height: initial;

    color: #333

}



.hotel_time_str .icon-time {

    width: .6rem;

    height: .6rem;

    margin-right: .2rem;

    position: relative;

    top: .08rem;

    fill: #333

}



.orderList .hotel_time_str {

    margin-top: 0;

    margin-bottom: .5rem

}



.productNewDetail .locationContainer {

    margin: 0 .6rem;

    font-size: .6rem;

    margin-bottom: .4rem;

    color: #666;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.productNewDetail .locationContainer .location {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #999;

    white-space: nowrap

}



.productNewDetail .locationContainer .location .icon {

    position: relative;

    top: .1rem;

    margin-right: .1rem

}



.productNewDetail .locationContainer .location .icon .icon-location {

    width: .6rem;

    height: .62rem;

    fill: #999

}



.productNewDetail .locationContainer .action {

    text-align: right;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.orderSettle .hotel_service {

    padding: .63rem

}



.orderSettle .hotel_service .title {

    font-size: .6rem;

    color: #353535;

    font-weight: 700

}



.orderSettle .hotel_service .info_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .55rem;

    height: 1.8rem

}



.orderSettle .hotel_service .info_item ~ .info_item {

    border-top: 1px solid #eee

}



.orderSettle .hotel_service .info_item .item_title {

    font-size: .6rem

}



.orderSettle .hotel_service .info_item .item_input {

    border: none;

    text-align: right;

    outline: 0;

    font-size: .6rem

}



.orderSettle .hotel_time_str {

    margin-left: .225rem

}



.hotel_info_container {

    padding: 0 .75rem;

    font-size: .6rem

}



.hotel_info_container .info_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 1.7rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #666

}



#totalprice {

    width: 10rem

}



#totalprice .priceBox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 .68rem;

    height: 100%

}



#totalprice .priceBox .title {

    font-size: .6rem;

    color: #353535

}



#totalprice .priceBox .priceContent {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-weight: 700;

    font-size: .68rem;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline

}



#totalprice .priceBox .priceContent .currency, #totalprice .priceBox .priceContent .decimal {

    font-size: .47rem

}



#hotel_location_container {

    margin-top: .7rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: .6rem;

    line-height: initial;

    width: 100%

}



#hotel_location_container .title {

    color: #666;

    margin-right: .2rem;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 2.5rem

}



#hotel_location_container .content {

    color: #353535;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    overflow: hidden;

    word-wrap: break-word;

    word-break: break-all;

    text-overflow: ellipsis

}



#hotel_location_container .icon-arrow {

    -ms-flex-item-align: center;

    align-self: center;

    height: .8rem;

    width: 1.2rem;

    margin-left: .6rem;

    fill: #c8c8c8

}



.soldOutBox {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

    position: absolute;

    left: 0;

    top: 0

}



.soldOutBox .soldOut {

    width: 2.82rem;

    height: 2.82rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    image-rendering: -moz-crisp-edges;

    image-rendering: -o-crisp-edges;

    image-rendering: -webkit-optimize-contrast;

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor

}



.soldOutBox .soldOut.big {

    width: 3.58rem;

    height: 3.58rem

}



.soldOutBox .soldOut.small {

    width: 2.13rem;

    height: 2.13rem

}



.jump_wx_wrap {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 9999;

    background-color: rgba(0, 0, 0, .5);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.jump_wx_popup {

    width: 280px;

    height: 145px;

    background: #fff;

    border-radius: 4px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.jump_wx_btn_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



.jump_wx_cancel_btn, .jump_wx_open_btn {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 14px;

    height: 100%;

    border-right: solid 1px #e5e5e5;

    color: #007aff;

    cursor: pointer

}



.jump_wx_text_wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 36px 0;

    width: 100%;

    border-bottom: solid 1px #e5e5e5;

    font-size: 16px;

    color: #333

}



div.jz-image-viewer__count {

    font-size: .55rem

}



div.jz-image-viewer-mobi__des > p:nth-of-type(1) {

    font-size: .75rem

}



div.jz-image-viewer-mobi__des > p:nth-of-type(2) {

    font-size: .6rem

}



div.jz-image-viewer__top > .jz-image-viewer__count {

    font-size: .65rem

}



div.jz-image-viewer-mobi__des > div {

    font-size: .6rem !important

}



.jz-image-viewer__wrapper .content_detail > div:nth-of-type(1) > p:nth-of-type(2) {

    font-size: .6rem

}



div.jz-image-viewer__wrapper .detail_handle {

    font-size: .6rem

}



.jz-image-viewer__wrapper .content_detail > div:nth-of-type(1) > p:nth-of-type(1) {

    font-size: .75rem

}



.jz-image-viewer__wrapper .content_wrap .jz_fix_ue_img p {

    font-size: .6rem;

    color: #ccc

}