@font-face {
    font-family: 'icomoon';
    src: url('fontsIco/icomoon4d4a.eot?-2mgmdr&amp;v=115');
    src: url('fontsIco/icomoond41d.eot?#iefix-2mgmdr&v=115') format('embedded-opentype'), url('fontsIco/icomoon4d4a.woff?-2mgmdr&amp;v=115') format('woff'), url('fontsIco/icomoon4d4a.ttf?-2mgmdr&amp;v=115') format('truetype');
    font-weight: normal;
    font-style: normal
}

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

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

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

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

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

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

html {
    height: 100%
}

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

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

video {
    width: 100%
}

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

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

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

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

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

.g_separator {
    background: #CCC
}

.g_panel {
    background: #d5f8f4
}

.g_replyPanel {
    background: #b8deea
}

.g_panelArrow {
    color: #b8deea
}

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

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

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

.itemEdit {
    padding-left: 2.1rem
}

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

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

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

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

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

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

#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: 640px;
    left: 0;
    top: 0;
    overflow-x: hidden;
    width: 100%;
    min-height: 100%
}

.webLeft, .webRight {
    display: none
}

@media only screen and (min-width: 640px) {
    .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: 640px
}

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

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

.webHeaderBox {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

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

.headerSiteMaskWhiteBg {
    position: absolute;
    width: 100%;
    z-index: 49;
    background-color: white;
    display: none
}

.headerSiteMaskBg {
    position: absolute;
    width: 100%;
    z-index: 50;
    display: none
}

.header {
    text-align: center;
    position: relative
}

.header .pageTitle {
    height: 2.4rem;
    font-weight: normal;
    font-size: 1rem;
    line-height: 2.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 76.56125%;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding-right: .25rem;
    padding-left: .25rem;
    clear: both;
    position: relative;
    z-index: 80
}

.header .pageLogo {
    display: inline-block;
    height: 100%;
    width: 2.25rem;
    vertical-align: top;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    position: relative;
    z-index: 99
}

.header .pageLogo .logoImg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    background-image: url(url(/image/default/1f4e6.html?v=201412151729))
}

.header .cusLogo {
    max-width: 1.7rem;
    max-height: 1.7rem
}

.header img {
    height: 2.25rem;
    vertical-align: top;
    width: 3rem
}

.header .pageLogo.right {
    float: right
}

.mobitipsTitle {
    position: fixed
}

.scroll_fix {
    position: fixed !important;
    max-width: 640px;
    top: 0;
    -webkit-backface-visibility: hidden
}

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

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

.webTips .mobiScrollbar {
    text-align: center;
    overflow: hidden;
    height: 1.5rem;
    font-size: .6rem;
    position: fixed;
    background: #fef5d8;
    width: 100%;
    max-width: 640px;
    z-index: 9
}

.webTips .marquee {
    position: relative;
    -webkit-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
    -moz-transition: all 1000ms;
    transition: all 1000ms
}

.webTips .marquee li {
    list-style: none;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.webTopBox {
    margin: auto
}

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

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

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

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

@-webkit-keyframes headerBgAnimate {
    0% {
        background-position: 100% 100%
    }
    40% {
        background-position: 60% 100%
    }
    70% {
        background-position: 30% 100%
    }
    100% {
        background-position: 0 100%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swipe img {
    width: 100%
}

.hiddenDefaultBanner .defaultBanner {
    background: 0
}

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

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

.swipe .customBanner {
    background-size: contain
}

.bannerHidden {
    display: none
}

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

.bannerSwipeContainer img {
    display: inline-block;
    width: 100%;
    height: 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%
}

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

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

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

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

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

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

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

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

.webFooter {
    margin: 0 auto
}

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

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

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

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

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

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

.mobiCol10 .middleCenter .moduleContent, .mobiCol11 .middleCenter .moduleContent, .mobiCol12 .middleCenter .moduleContent, .mobiCol13 .middleCenter .moduleContent {
    color: #666
}

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

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

.webFooterBox {
    margin: 0 auto
}

.webFooterBox .bottomdiv {
    height: 1.75rem
}

.webFooterBox .bottomdiv .bottom {
    position: relative;
    background: #999;
    height: 1.5rem
}

.webFooterBox .bottomdiv .bottom .backtop {
    width: 2rem;
    float: right;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    text-align: right;
    padding-right: 1rem;
    line-height: 1.5rem;
    transition: all 350ms;
    -webkit-transition: all 350ms;
    font-family: verdana;
    font-weight: bold;
    cursor: pointer
}

.webFooterBox .bottomdiv .bottom .backtop:active {
    background: rgba(0, 0, 0, .5)
}

.webFooterBox .bottomdiv .bottom .backtop b {
    position: absolute;
    width: 0;
    height: 0;
    top: .5rem;
    right: .35rem;
    border: .2rem transparent solid;
    border-bottom-color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mProductList {
    margin-top: .5rem
}

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

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

.form .mProductList .nameWrap {
    word-break: break-all;
    white-space: normal;
    overflow: visible;
    text-overflow: clip
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.entry-trangle {
    border-color: transparent #65cb0a transparent transparent;
    border-style: solid;
    border-width: 1.5rem 1.5rem 0 0;
    bottom: 0;
    height: 0;
    width: 0;
    position: absolute;
    right: 0
}

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

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

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

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

.productScreenFilterPanel .productScreenFilterLine .productScreenFilterLineRt {
    float: right
}

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

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

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

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

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

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

.proDetailDiv .g_buyNumber {
    width: 3rem
}

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

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

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

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

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

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

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

.proDetailDiv .mallOptionLine input {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.marketPrice {
    text-decoration: line-through
}

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

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

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

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

.form .formMiddle .imgClass_160 {
    height: 8rem;
    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/searchBtn5675.jpg?v=201403041746) no-repeat;
    background-size: 1.75rem 1.75rem;
    position: absolute;
    right: 0;
    top: 0
}

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

.mSearchInput {
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #919191;
    font-size: .6rem;
    -webkit-appearance: none;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: .3rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.searchType3 {
    border-radius: 1rem
}

.searchType3 .mSearchInput {
    padding-left: .8rem
}

.searchType3 .icon-mSearchBtn {
    right: .25rem
}

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

.searchType4 {
    border-radius: 1rem
}

.searchType4 .mSearchInput {
    padding-left: .8rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popupSearchWrap0 .icon-popupSearchIcon {
    display: none
}

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

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

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

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

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

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

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

.popupSearchWrap3 {
    border-radius: 1rem
}

.popupSearchWrap3 .popupSearchInput {
    background-color: transparent;
    padding-left: .8rem
}

.popupSearchWrap3 .icon-popupSearchIcon {
    display: none
}

.popupSearchWrap3 .icon-popupSearchBtn {
    right: 4px
}

.popupSearchWrap4 {
    border-radius: 1rem
}

.popupSearchWrap4 .popupSearchInput {
    background-color: transparent;
    padding-left: .8rem
}

.popupSearchWrap4 .icon-popupSearchBtn {
    border-radius: 1rem;
    background-color: #aaa;
    width: 2.8rem;
    color: #fff
}

.popupSearchWrap4 .icon-popupSearchIcon {
    display: none
}

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

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

.popupSearchWrap5 .popupSearchInput::-webkit-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .popupSearchInput::-moz-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .popupSearchInput::-ms-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .popupSearchInput::-o-input-placeholder {
    color: #fff
}

.popupSearchWrap5 .icon-popupSearchBtn {
    color: #fff;
    right: 4px
}

.popupSearchWrap5 .icon-popupSearchIcon {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mProductTileForm .paramWrap {
    word-break: break-all
}

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

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

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

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

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

.tableBox .paramWrap {
    word-break: break-all
}

.mProductList .tableBox {
    table-layout: fixed
}

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

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

.form .formBannerTitle {
    width: 100%;
    font-weight: 500;
    font-size: .8rem;
    line-height: 1.75rem
}

.formBannerTitle {
    width: 100%
}

.formMiddle {
    width: 100%
}

.form .formBannerTitle .titleText {
    text-indent: .4rem;
    width: 78%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    color: #fff
}

.formBannerTitle .titleTextIcon {
    display: none;
    float: left;
    line-height: inherit
}

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

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

.textAreaLine {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.newsList .topFlagLine a {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.newsDetail {
    overflow: auto
}

.webBannerBox {
    margin: 0 auto;
    position: relative
}

.navbar .navLeft {
    display: none
}

.navbar .navRight {
    display: none
}

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

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

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

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

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

.navExistOffPanel {
    display: none;
    position: fixed;
    margin-left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 640px;
    z-index: 1;
    transition: all 300ms
}

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

.navbar .itemSep {
    display: none
}

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

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

.navbar .navButton {
    display: none
}

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

.navbar .navMenuHeader {
    display: none
}

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

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

.navBaseIcon .icon-navItemIcon:before {
    content: "\e6df";
    font-size: 1.1rem;
    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"
}

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

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

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

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

.navbar .navItem a {
    overflow: hidden;
    font-size: .75rem;
    text-decoration: none;
    text-align: center;
    display: block;
    position: relative;
    padding: 0 .5rem;
    word-break: keep-all;
    white-space: nowrap;
    width: auto;
    min-width: 3rem;
    max-width: none;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

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

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

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

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

.pagenation .pageOptions {
    text-align: center
}

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

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

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

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

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

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

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

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

.pagenation .pageDisable {
    opacity: .5
}

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

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

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

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

.mobiLogo img {
    vertical-align: middle
}

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

.mobiLogo .clear {
    clear: both
}

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

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

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

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

.productDetailInfoPanel img, .richContent img {
    max-height: none
}

.richContent ol {
    padding-left: 2rem
}

.richContent ul {
    padding-left: 1.35rem
}

.richContent4 {
    overflow: visible;
    width: auto
}

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

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

.clear {
    clear: both
}

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

.technical {
    margin-bottom: 1rem
}

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

.technicalSupport ol {
    padding-left: 2rem
}

.technicalSupport ul {
    padding-left: 1.35rem
}

.footer a {
    text-decoration: none
}

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

.PcVer {
    margin-left: .5rem
}

.rep {
    margin-left: .5rem
}

.webModuleContainer {
    position: relative
}

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

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

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

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

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

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

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

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

.proDetailImg {
    vertical-align: middle
}

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

.proDetailDiv {
    text-align: center
}

.proDetailDiv .g_button {
    width: 90%
}

.remarkBox {
    padding: 0 .5rem
}

.remarkBox ol {
    padding-left: 2rem
}

.remarkBox ul {
    padding-left: 1.35rem
}

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

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

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

.webCustomerServiceBox .customerServiceDiv {
    width: 100%;
    max-width: 640px;
    -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"
}

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

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

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

.webMapServiceBox .webMapHeader {
    height: 2.3rem
}

.msgBoard .msgTop {
    margin: .75rem .5rem 0 .5rem;
    padding-bottom: .6rem
}

.msgBoard .msgBottom {
    width: 96%;
    margin: .5rem auto 0 auto
}

.msgBoard .msgBottom .msgBottomTop {
    background: 0;
    margin: 0;
    width: 100%;
    padding-bottom: 0
}

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

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

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

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

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

.msgTop .captchaImg {
    top: .5rem
}

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

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

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

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

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

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

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

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

.mtitle {
    margin-bottom: 0;
    text-align: center
}

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

.publishIcon {
    display: inline-block
}

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

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

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

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

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

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

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

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

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

.pdMsgTitle {
    width: 100%
}

.msgArea {
    padding: .25rem .25rem 1rem .25rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.msgArrow {
    font-size: .7rem;
    height: .65rem;
    width: .7rem;
    margin: 0 1rem;
    margin-left: .25rem;
    margin-top: -1.75rem
}

.reqArea {
    padding: .5rem 2.5%;
    margin-left: -1%;
    width: 94%;
    word-wrap: break-word
}

.admReqContent {
    line-height: 1.2rem
}

.admReq {
    font-weight: 500;
    padding-left: 1.1rem;
    background: url(../image/guanliyuan.png) no-repeat;
    background-position: left;
    background-size: 1.1rem;
    height: 1.4rem;
    line-height: 1.4rem
}

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

.sortPanelList .line {
    padding-right: .25rem
}

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

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

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

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

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

.pgListDiv {
    background-color: #fff
}

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

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

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

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

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

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

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

.pgDetail .pgBox .icon-upIcon {
    display: inline-block;
    float: right;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: .5rem
}

.pgBox2Item .pgDetail .pgBox .line .pgBoxItem {
    background-color: #e3e3e3
}

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

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

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

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

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

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

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

.g_web .multilingual {
    height: 1.4rem;
    z-index: 1;
    background: 0;
    line-height: 1.4rem
}

.multilingual .memberEntrance {
    padding-left: .25rem;
    height: 1.4rem
}

.multilingualArea .g_mullink span:before {
    font-size: .9rem;
    vertical-align: top
}

.multilingualArea .g_mullink span {
    display: inline-block;
    height: 1.4rem;
    line-height: 1.4rem
}

.multilingualArea .g_mullink .g_mullinkFont {
    line-height: 1.3rem;
    vertical-align: middle
}

.multilingualArea .g_mullink {
    font-size: .7rem;
    padding-left: .2rem;
    color: #2982ba;
    overflow: hidden;
    max-width: 5rem;
    text-overflow: ellipsis;
    display: inline-block;
    height: 1.4rem;
    line-height: 1.4rem;
    white-space: nowrap
}

.multilingualArea .multiLanguageCtrl {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .7rem;
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #3a8dc1;
    cursor: pointer
}

.multilingualArea .multilingual .lanTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    display: inline-block;
    vertical-align: top
}

#multiLanguageCtrl .lanIcon {
    height: 1.4rem;
    line-height: 1.4rem
}

#multiLanguageCtrl .lanTitle {
    max-width: 5rem
}

#multiLanguageCtrl.Icon1108 .lanTitle, #multiLanguageCtrl.Icon1054 .lanTitle {
    max-width: 3rem
}

#multiLanguageCtrl.Icon1049 .lanTitle, #multiLanguageCtrl.Icon1036 .lanTitle, #multiLanguageCtrl.Icon1040 .lanTitle {
    max-width: 4rem
}

#multiLanguageCtrl.lanStyle1 .lanTitle {
    display: none
}

.multilingualArea .multilingual .lanStyle2 .lanTitle {
    display: none
}

.multilingualArea .multilingual .lanStyle3 .lanTitle {
    margin: 0 .6rem
}

.multilingualArea .multilingual .lanSelect .lanStyle3 .lanTitle {
    margin: 0 .35rem
}

.multilingualArea .multilingual .lanSelect .lanStyle1 .lanTitle {
    margin-left: .25rem
}

.multilingualArea .multilingual .lanIcon {
    margin: 0 .3rem;
    background-size: 1.1rem .75rem;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    height: 1.6rem;
    width: 1.8rem;
    vertical-align: top
}

.multilingualArea .multilingual .lanSelect .lanIcon {
    margin: 0 .05rem
}

.multilingualArea .multilingual .lanStyle3 .lanIcon {
    background-image: none;
    margin: 0;
    width: 0
}

.lanSelect {
    position: absolute;
    top: .15rem;
    margin-right: .25rem;
    max-height: 12.35rem;
    width: auto;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9;
    right: 0;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    transition: all .15s;
    height: 0;
    opacity: 0;
    font-size: .7rem;
    color: #333 !important
}

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

.lanSelect .lanContainer {
    max-height: 10rem;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    -ms-overflow-style: none
}

.lanSelect .lanContainer::-webkit-scrollbar {
    display: none !important
}

.lanSelect .lanTitle {
    max-width: 10rem
}

.lanSelect .lanSelected .multiLanguageCtrl {
    top: -0.25rem;
    color: #333 !important;
    position: relative;
    height: 1.35rem;
    line-height: 1.6rem;
    cursor: default
}

.lanSelect .lanItem {
    height: 1.6rem;
    line-height: 1.6rem;
    width: 100%;
    cursor: default;
    text-align: right;
    clear: both
}

.lanSelect .lanItem:hover {
    cursor: pointer;
    background-color: transparent !important;
    color: #333 !important
}

.lanSelect .lanItem:active {
    cursor: pointer;
    background-color: #ddd !important
}

.Icon2052 .lanIcon {
    background-image: url(../image/language/cn6b44.png?v=201401061752)
}

.Icon1036 .lanIcon {
    background-image: url(../image/language/1036d428.png?v=201409151809)
}

.Icon1033 .lanIcon {
    background-image: url(../image/language/10336b44.png?v=201401061752)
}

.Icon1028 .lanIcon {
    background-image: url(../image/language/cn6b44.png?v=201401061752)
}

.Icon1041 .lanIcon {
    background-image: url(../image/language/10416b44.png?v=201401061752)
}

.Icon1042 .lanIcon {
    background-image: url(../image/language/10426b44.png?v=201401061752)
}

.Icon1108 .lanIcon {
    background-image: url(../image/language/11086b44.png?v=201401061752)
}

.Icon1054 .lanIcon {
    background-image: url(../image/language/10542f54.png?v=201312111813)
}

.Icon11274 .lanIcon {
    background-image: url(../image/language/112746b44.png?v=201401061752)
}

.Icon1049 .lanIcon {
    background-image: url(../image/language/10496b44.png?v=201401061752)
}

.Icon1040 .lanIcon {
    background-image: url(../image/language/1040f571.png?v=201504131742)
}

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

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

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

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

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

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

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

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

.photoListDetailLoadingDom .photoLoading {
    background-image: url(../image/mobi/loading.png);
    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/PicClose6d52.png?v=201311111730) 50% 50% no-repeat rgba(0, 0, 0, .5);
    -moz-background-size: 14px, auto;
    -ms-background-size: 14px, auto;
    -o-background-size: 14px, auto;
    -webkit-background-size: 14px, auto;
    background-size: 14px, auto;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    right: .5rem;
    margin: .4rem 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -webkit-transition: opacity 200ms linear
}

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

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

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

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

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

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

.photoModule.styleForm1 {
    margin-top: .5rem
}

.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: break-all;
    max-width: 13rem;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #676767;
    text-align: center;
    font-size: .8rem;
    line-height: 1.2rem
}

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

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

.showImg {
    width: 100%
}

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

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

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

.g_background {
    background: #fff
}

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

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

.photoModule.styleForm7 ul li {
    width: 15rem;
    list-style-type: none;
    float: left;
    text-align: center;
    overflow: hidden;
    background: #fff
}

.photoModule.styleForm7 .imgDiv2 {
    overflow: hidden;
    display: inline-block;
    background: #fff
}

.photoModule.styleForm7 .prevPhoto {
    background: url(../image/PicLeft6d52.png?v=201311111730) 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/PicRight6d52.png?v=201311111730) 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 .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%
}

.photoModule.styleForm6 .photoSwipeBox .swipImgArea {
    height: 100%;
    position: relative;
    float: left
}

.imageDiv img {
    vertical-align: middle
}

.photoModule.styleForm6 .photoBullet {
    position: absolute;
    width: 100%;
    height: 1.2rem;
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    line-height: 1.2rem
}

.photoModule.styleForm6 .noBG {
    background: 0;
    text-align: center
}

.photoModule.styleForm6 .photoBullet .bullets {
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0
}

.photoModule.styleForm6 .noBG .bullets {
    text-align: center
}

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

.photoModule.styleForm6 .noBG .bullets li {
    background: rgba(170, 170, 170, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
}

.photoModule.styleForm6 .photoBullet .bullets li.on {
    background: #fff
}

.photoModule .photoBullet .imgName {
    float: left;
    width: 120%;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    line-height: 1.2rem;
    font-size: .8rem;
    text-align: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.loginContent {
    padding: .75rem .5rem .75rem .5rem;
    text-align: center
}

.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-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 .75rem 0
}

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

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

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

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

.loginIcon {
    display: none;
    background: url(../image/loading/loading1aea.png?v=201311251759) 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 .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/gohome1aea.png?v=201311251759) no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem;
    margin-left: .4rem;
    margin-top: .4rem
}

.exit {
    color: #2982ba
}

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

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

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

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

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

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

.loginContent .oLgnPanel .oLgn .qqLgnPanel {
    width: 2.8rem;
    height: 3.2rem;
    float: left;
    margin-left: 4.2rem
}

.loginContent .oLgnPanel .oLgn .sinaLgnPanel {
    width: 3rem;
    height: 3.2rem;
    float: left;
    margin-left: 1.4rem
}

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

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

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

.checkEmail {
    text-align: left;
    padding: 0 .5rem;
    width: 93%;
    word-wrap: break-word
}

.emailAddr {
    display: none;
    margin-top: .5rem;
    text-align: left;
    padding-left: .5rem;
    color: #06c
}

.icon-msgIcon:before {
    content: "\e6b3";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

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

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

.mustIcon {
    color: red
}

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

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

.mustSpan {
    position: absolute
}

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

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

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

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

#mProPage {
    display: none
}

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

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

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

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

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

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

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

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

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

.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;
    background-color: #fff;
    padding-left: 0
}

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

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

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

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

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

@keyframes newsReminds {
    0% {
        background-position: 100% 0
    }
    25% {
        background-position: 100% 20%
    }
    50% {
        background-position: 100% 0
    }
    75% {
        background-position: 100% 20%
    }
    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes newsReminds {
    0% {
        background-position: 100% 0
    }
    25% {
        background-position: 100% 20%
    }
    50% {
        background-position: 100% 0
    }
    75% {
        background-position: 100% 20%
    }
    100% {
        background-position: 100% 0
    }
}

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

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

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

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

.profileContent .modifyArea li {
    cursor: pointer
}

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

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

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

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

.modifyProfile {
    display: none
}

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

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

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

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

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

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

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

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

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

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

#profile .profileContent {
    padding: 0
}

.memberBasicInfo {
    width: 100%;
    height: 2.9rem;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
    padding-left: 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;
    overflow: hidden;
    left: .5rem
}

.memberBasicInfo .icon-pnameIcon img {
    height: 2.5rem;
    max-width: none;
    max-height: none
}

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

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

#editMemberHeadPic .picArea img {
    position: absolute
}

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

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

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

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

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

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

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

#editMemberHeadPic .saveBtn {
    right: 0
}

#editMemberHeadPic .modifyBtn {
    left: 0
}

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

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

.memberBasicInfo .memberName {
    margin: 1rem 0 0 .5rem;
    color: #535353
}

.memberBasicInfo .memberLevelName {
    margin: 1rem 0 0 .5rem;
    color: #fd8668;
    width: 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#profile .profileContent .icon-pInfoIcon:before, #profile .profileContent .icon-cPswIcon:before, #profile .profileContent .icon-orderIcon:before, #profile .profileContent .icon-addrInfoIcon:before, #profile .profileContent .icon-starIcon:before, #profile .profileContent .icon-integralIcon:before, #profile .profileContent .icon-noticeIcon:before, .icon-coupons:before {
    display: inline-block;
    width: 2.3rem;
    text-align: center;
    font-size: .9rem;
    position: relative;
    top: .15rem;
    z-index: 2
}

#profile .profileContent .icon-pInfoIcon:before {
    content: "\e641";
    color: #96c4fe
}

#profile .profileContent .icon-cPswIcon:before {
    content: "\e69b";
    color: #e79bc6
}

#profile .profileContent .icon-orderIcon:before {
    content: "\e66a";
    color: #ffd670
}

#profile .profileContent .icon-addrInfoIcon:before {
    content: "\e664";
    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-noticeIcon:before {
    content: "\e6c1";
    color: #c2b2ea
}

#modifyPersInfo .profileContent {
    padding-top: 0
}

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

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

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

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

#modifyCollection .profileContent .noCollIcon {
    background: url(../image/ssc46c.png?v=201510201949) no-repeat;
    width: 3rem;
    height: 3rem;
    margin: 40% auto 1rem;
    background-size: 3rem
}

#modifyCollection .profileContent .noCollTip {
    font-size: .8rem;
    font-family: SimHei;
    color: #b5b5b5;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

#modifyCoupon .coupon-tab em {
    display: block;
    border-width: .4rem;
    position: absolute;
    bottom: -0.8rem;
    left: 50%;
    z-index: 1;
    margin-left: -0.4rem;
    margin-bottom: 1px;
    border-style: solid;
    border-color: transparent;
    font-size: 0;
    line-height: 0
}

#modifyCoupon .show-coupon-list {
    background: #eee;
    color: #636363
}

.show-coupon-list .cp-layer {
    width: 100%;
    height: 20rem;
    background: #eee
}

#modifyCoupon .coupon-empty {
    height: 11rem
}

.coupon-warp {
    font-size: .6rem;
    background: #fff;
    border-top: .5rem solid #eee;
    padding: .3rem .5rem;
    position: relative;
    height: 5rem
}

.coupon-warp .coupon-code {
    font-size: .65rem;
    height: 1.4rem;
    line-height: 1rem;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: .3rem
}

.coupon-warp .coupon-data {
    width: 66%;
    margin-top: .5rem
}

.coupon-warp .coupon-data > div {
    line-height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.coupon-warp .coupon {
    position: absolute;
    display: inline-block;
    right: .5rem;
    top: 2.2rem;
    height: 3rem
}

.coupon-warp .coupon .coupon-content {
    font-weight: normal;
    width: 4rem;
    height: 3rem;
    vertical-align: top
}

.coupon-warp .coupon div {
    display: inline-block
}

.coupon-warp .coupon-content div {
    width: 100%;
    line-height: 16px
}

.coupon-warp .coupon .couponSavePrice {
    width: 100%;
    text-align: center;
    position: relative;
    color: #fff;
    font-weight: bold;
    line-height: 2.8rem;
    white-space: nowrap
}

.coupon-warp .coupon .priceSign {
    font-size: .6rem;
    position: relative;
    top: -0.7rem;
    display: inline-block
}

.coupon-warp .coupon .couponPrice {
    font-size: 1.5rem
}

.coupon-warp .coupon .coupon-watermark {
    position: absolute;
    font-size: 3rem;
    top: -1rem;
    width: 4rem;
    height: 4rem;
    right: -1rem;
    color: #fff;
    opacity: .1;
    border: .2rem solid #fff;
    border-radius: 50%;
    font-family: Microsoft YaHei;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 300px) {
    .coupon-warp {
        height: 6rem
    }

    .coupon-warp .coupon-data > div {
        line-height: 1.4rem
    }
}

.coupon-warp .icons-trash2 {
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.coupon-warp .icons-trash2:before {
    content: "\e6f8";
    color: #ccc
}

.coupon-warp .coupon .coupon-left, .coupon .coupon-right {
    width: 5px;
    height: 100%;
    background-size: 170px 3rem !important
}

.coupon-warp .coupon .coupon-color-red {
    background-color: #ce0c00
}

.coupon-warp .coupon .coupon-color-orange {
    background-color: #ff6804
}

.coupon-warp .coupon .coupon-color-yellow {
    background-color: #f6c200
}

.coupon-warp .coupon .coupon-color-green {
    background-color: #64c841
}

.coupon-warp .coupon .coupon-color-blue {
    background-color: #25b0f1
}

.coupon-warp .coupon .coupon-color-pink {
    background-color: #fe5165
}

.coupon-warp .coupon .coupon-color-purple {
    background-color: #ab20ff
}

.coupon-warp .coupon .coupon-color-gray {
    background-color: #b9b9b9
}

.coupon-warp .coupon .coupon-red-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) 0 0 no-repeat
}

.coupon-warp .coupon .coupon-red-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -11px 0 no-repeat
}

.coupon-warp .coupon .coupon-orange-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -22px 0 no-repeat
}

.coupon-warp .coupon .coupon-orange-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -33px 0 no-repeat
}

.coupon-warp .coupon .coupon-yellow-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -44px 0 no-repeat
}

.coupon-warp .coupon .coupon-yellow-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -55px 0 no-repeat
}

.coupon-warp .coupon .coupon-green-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -66px 0 no-repeat
}

.coupon-warp .coupon .coupon-green-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -77px 0 no-repeat
}

.coupon-warp .coupon .coupon-blue-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -88px 0 no-repeat
}

.coupon-warp .coupon .coupon-blue-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -99px 0 no-repeat
}

.coupon-warp .coupon .coupon-pink-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -110px 0 no-repeat
}

.coupon-warp .coupon .coupon-pink-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -121px 0 no-repeat
}

.coupon-warp .coupon .coupon-purple-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -132px 0 no-repeat
}

.coupon-warp .coupon .coupon-purple-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -143px 0 no-repeat
}

.coupon-warp .coupon .coupon-gray-left {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -154px 0 no-repeat
}

.coupon-warp .coupon .coupon-gray-right {
    background: url(../image/coupon/v_waveLinedaa5.png?v=201601251742) -165px 0 no-repeat
}

.coupon .fk-coupon-expired {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../image/coupon/invaliddaa5.png?v=201601251742) no-repeat;
    position: absolute;
    top: 0;
    right: 3px;
    background-size: 1.5rem
}

.couponListPanel .icon-coupons1 {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #ccc;
    font-size: 4rem;
    line-height: 5rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-top: 4rem;
    margin-left: -2.5rem
}

.couponListPanel .icon-coupons1:before {
    content: "\e903";
    color: #fff
}

.couponListPanel .showMsg {
    position: absolute;
    margin-top: 9.5rem;
    text-align: center;
    width: 100%;
    color: #7f7f7f
}

.siteForm {
    padding: .5rem 0 .5rem 0
}

.siteFormAddButton {
    line-height: 1.75rem;
    text-align: center;
    width: 90%;
    margin: auto;
    margin: .5rem auto
}

.siteFormItem label {
    margin-left: .15rem
}

.siteFormAddButton input {
    font-size: .8rem;
    font-weight: bold;
    color: #fff
}

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

.siteFormItem {
    height: 1.75rem;
    display: table-row
}

.siteFormItem .g_itext[type="text"] {
    height: 1.6rem;
    width: 85%;
    font-size: .6rem;
    font-family: 微软雅黑;
    text-indent: 8px
}

.siteFormItem .g_itext, .siteFormItem .g_textarea {
    border: 1px solid #dadada;
    background-color: #f7f7f7;
    -webkit-appearance: none;
    border-radius: 4px;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

.siteFormItem input::-webkit-input-placeholder {
    color: #8c8c8c
}

.siteFormItem input:-moz-placeholder {
    color: #8c8c8c
}

.siteFormItem input::-moz-placeholder {
    color: #8c8c8c
}

.siteFormItem input:-ms-input-placeholder {
    color: #8c8c8c
}

.siteFormItem select {
    border: 1px solid #dadada
}

.siteFormItem td {
    padding: .2rem 0
}

.formValidateUpDiv {
    display: table;
    table-layout: fixed;
    padding-left: .25rem
}

.siteFormValidate .left {
    display: table-cell;
    vertical-align: middle
}

.siteFormValidate .siteFormItemValidate {
    width: 70%
}

.siteFormValidate input {
    text-indent: .25rem
}

.siteFormItemCheckItem {
    float: left;
    margin-right: .6rem;
    line-height: 1.75rem
}

.siteFormItemCheckItem span {
    cursor: default
}

.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: 5rem;
    padding-left: .5rem;
    height: 1.7rem
}

.siteFormItemShowNameUp {
    text-align: left
}

.siteFormValidate .changeSiteFormValidate {
    line-height: 1.75rem;
    background-image: url(../image/refurbish1aea.png?v=201311251759);
    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;
    display: none
}

.siteFormItem select {
    height: 1.75rem;
    margin: auto;
    font-size: .6rem;
    font-weight: normal;
    width: 86%;
    border-radius: 4px
}

.uploadify-text {
    color: #666;
    font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif
}

.uploadify-button {
    -webkit-appearance: none;
    float: left;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    outline: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: .6rem;
    border-radius: 4px;
    margin: 0;
    padding: 0 5px !important;
    _padding: 0 4px;
    width: 40%;
    height: 1.60rem;
    _height: 28px;
    line-height: 1.40rem;
    _line-height: 32px;
    border: 1px solid #dadada;
    background-color: #f7f7f7;
    font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif
}

.uploadify-button:hover {
    border: 1px solid #3298fe;
    background: #e8f3fe;
    color: #666
}

.webFooterBox .mobiCalendarPlugins {
    position: fixed;
    top: 100%;
    z-index: 99;
    height: 100%;
    width: 100%;
    max-width: 640px;
    background: #f5f5f5;
    transition: all 350ms linear;
    -webkit-transition: all 350ms linear;
    -ms-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -o-transition: all 350ms linear
}

.webFooterBox .ui-calendar {
    line-height: 2.25rem;
    font-size: .7rem;
    visibility: hidden;
    top: 100%
}

.webFooterBox .ui-calendar-show {
    visibility: visible;
    top: 0
}

.webFooterBox .ui-calendar-header {
    background: #383838;
    color: #545454;
    text-align: center;
    padding: .25rem 0;
    height: 1.75rem
}

.webFooterBox .ui-calendar-header a {
    color: #545454;
    text-decoration: none;
    display: inline-block;
    height: 1.75rem;
    width: 1.75rem
}

.webFooterBox .ui-calendar-header .ui-calendar-prev {
    background: url(../image/comm/calendar/timePre1aea.png?v=201311251759) no-repeat;
    background-size: 90% 90%
}

.webFooterBox .ui-calendar-header .ui-calendar-next {
    background: url(../image/comm/calendar/timeNext1aea.png?v=201311251759) no-repeat;
    background-size: 90% 90%;
    margin-left: .75rem
}

.webFooterBox .ui-calendar-header .ui-calendar-return {
    background: url(../image/comm/calendar/return1aea.png?v=201311251759) no-repeat;
    float: left;
    margin-left: .25rem;
    background-size: 90% 90%
}

.webFooterBox .ui-calendar-header a.ui-state-hover {
    background-color: #ccc
}

.webFooterBox .ui-calendar-header .ui-calendar-title {
    text-align: center;
    display: inline-block;
    float: left;
    margin-left: 1rem
}

.webFooterBox .ui-calendar-header .ui-calendar-preandnext {
    width: 5rem;
    float: right;
    height: 1.75rem
}

.webFooterBox .ui-calendar-calendar {
    width: 100%;
    border-collapse: collapse
}

.ui-calendar-title select {
    float: left;
    height: 1.75rem;
    border: 1px solid #c9c9c9;
    margin: 0 .25rem;
    color: #666;
    text-indent: .25rem;
    font-size: .6rem;
    font-weight: normal
}

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

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

.ui-calendar-title .ui-calendar-year {
    width: 4rem
}

.ui-calendar-title .ui-calendar-month {
    width: 3rem
}

.webFooterBox .ui-calendar-calendar th, .ui-calendar-calendar td {
    text-align: center;
    color: #000;
    background: #f5f5f5;
    border: 1px solid #b8b8b8;
    font-weight: normal
}

.webFooterBox .ui-calendar-calendar thead tr {
    border: 1px solid #fff
}

.webFooterBox .ui-calendar-calendar thead th {
    color: #000;
    background: #dfdfdf
}

.webFooterBox .ui-calendar-calendar a {
    text-decoration: none;
    color: #000;
    display: block
}

.webFooterBox .ui-calendar-calendar tr.ui-calendar-gap td {
    line-height: .25rem;
    font-size: 0;
    border: 0;
    background: transparent
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-unSelectable {
    color: #e1e1e1
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-today {
    background: #fbf9ee
}

.webFooterBox .ui-calendar-calendar td.ui-calendar-current-day {
    background: #dfdfdf;
    font-weight: bold
}

.webFooterBox .ui-calendar-calendar td.ui-state-hover {
    background: #ccc
}

.webFooterBox .ui-slideup .header {
    line-height: 2.15rem;
    height: 2.15rem;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    opacity: .9;
    background: url(calendar-header.html) repeat-x;
    overflow: hidden
}

.webFooterBox .ui-slideup .ok-btn, .ui-slideup .no-btn {
    position: absolute;
    top: .35rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .25rem;
    margin: 0;
    border-width: .25rem;
    font-size: .6rem;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
    color: white;
    text-decoration: none;
    display: block
}

.webFooterBox .ui-slideup .ok-btn {
    right: .35rem;
    float: right;
    -webkit-border-image: url(done.html) 5
}

.webFooterBox .ui-slideup .no-btn {
    left: .35rem;
    float: left;
    -webkit-border-image: url(cancel.html) 5
}

.webFooterBox .ui-slideup .ok-btn.ui-state-hover, .ui-slideup .no-btn.ui-state-hover {
    opacity: .4
}

.webFooterBox .ui-slideup .frame {
    background: #e1e1e1;
    padding: .25rem
}

.webFooterBox .ui-holder {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    left: -10000px
}

.webFooterBox .ui-slideup {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0
}

.webFooterBox .ui-slideup-wrap {
    position: absolute;
    left: 0;
    z-index: 1200;
    width: 100%;
    background: rgba(255, 255, 255, 0.4);
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-transform: translateZ(0)
}

.mobiIng, .mobiIngTigs {
    position: fixed;
    top: 25%;
    margin: 0 auto;
    height: auto;
    width: 100%;
    z-index: 9999;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear
}

.mobiIng .mobiTips, .mobiIngTigs .mobiTips {
    height: 1.75rem;
    width: 15rem;
    margin: auto;
    line-height: 1.75rem;
    color: #fff;
    z-index: 9999
}

.mobiIngTigs .mobiTips {
    height: 5.25rem;
    min-width: 7.15rem;
    max-width: 15rem;
    display: table
}

.mobiIng .mobiTips .mobiMsg {
    text-align: center;
    width: auto;
    background: rgba(0, 0, 0, .8);
    border-radius: .25rem;
    padding: .25rem 0
}

.mobiIngTigs .mobiTips .mobiMsg {
    text-align: center;
    width: auto;
    height: inherit;
    background: rgba(0, 0, 0, .7);
    border-radius: .25rem;
    padding: 1.1rem 0;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle
}

.mobiIngTigs .mobiTips .mobiMsg div {
    font-size: .9rem;
    line-height: 1.2rem;
    margin-bottom: .2rem
}

.mobiIng .mobiTips .mobiClose {
    display: inline-block;
    cursor: pointer;
    margin: .4rem .25rem 0 .25rem;
    margin: .3rem .25rem 0 .25rem;
    background: url(../image/close01.gif) no-repeat;
    width: .4rem;
    height: .4rem;
    font-size: .4rem
}

.mobiIng .mobiTips a {
    color: red
}

.icon-errorTigs:before {
    content: "\e72b";
    font-size: 2rem
}

.icon-succeedTigs:before {
    content: "\e778";
    font-size: 2rem
}

.mobiPrompt {
    position: fixed;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    z-index: 9998;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobiPrompt .mobiPrompt_inner {
    width: 13.85rem;
    margin: auto;
    line-height: 1rem;
    color: #333;
    z-index: 9999;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    font-size: .75rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.mobiPrompt .mobiPrompt_content {
    padding: 2.4rem 1.5rem 1.5rem;
    position: relative;
    line-height: 1.2rem
}

.mobiPrompt .mobiPrompt_buttons {
    padding-bottom: 1rem
}

.mobiPrompt .icon-mobiPromptClose {
    position: absolute;
    right: .2rem;
    top: .2rem
}

.mobiPrompt .icon-mobiPromptClose:before {
    content: '\e66f';
    font-size: 1.2rem;
    color: #999
}

.mobiPrompt .mobiPromptCancel {
    display: inline-block;
    width: 5.5rem;
    margin-right: .8rem;
    padding: .1rem 0;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    background: #fffeff;
    color: #666;
    font-size: 1.6rem
}

.mobiPrompt .mobiPromptSave {
    display: inline-block;
    width: 5.5rem;
    padding: .1rem 0;
    border-radius: 3px;
    border: 1px solid #4786f2;
    background: #387af2;
    color: #eff2fd;
    font-size: 1.6rem
}

.mobiPrompt_Bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    z-index: 9997;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.mobiPrompt .icon-PromptCancel:before {
    content: '\e670'
}

.mobiPrompt .icon-PromptSave:before {
    content: '\e777'
}

.g_locale2052 .mobiPrompt .icon-PromptCancel {
    padding: .5rem 0;
    font-size: .7rem
}

.g_locale2052 .mobiPrompt .icon-PromptSave {
    padding: .5rem 0;
    font-size: .7rem
}

.g_locale2052 .mobiPrompt .icon-PromptCancel:before {
    content: '取消';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

.g_locale2052 .mobiPrompt .icon-PromptSave:before {
    content: '确认收货';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

.g_locale2052 .mobiPrompt .deleteOrder.icon-PromptSave:before {
    content: '确定';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

.mobiPromptShow .mobiPrompt_inner {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mobiPromptBgShow {
    opacity: .3;
    height: 101%
}

.linkArea {
    text-align: left
}

.linkArea .link-h-container {
    float: left;
    padding: .7rem;
    display: inline-block
}

.linkArea .link-v-container {
    display: block;
    line-height: 1.75rem;
    padding: 0 .7rem
}

.linkArea .link-p-container {
    margin-top: .25rem;
    display: inline-block;
    text-align: center;
    width: 40%;
    vertical-align: top
}

.linkArea .link-p-container img {
    display: inline-block
}

.noticeMarquee {
    position: absolute;
    height: auto
}

.noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow span {
    white-space: nowrap
}

.noticeContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: .25rem 0
}

.notice-image0 {
    background: url(../image/mobi/noticeIco19d43.gif?v=201312091651) no-repeat left center
}

.notice-image1 {
    background: url(../image/mobi/noticeIco29d43.gif?v=201312091651) no-repeat left center
}

.notice-image2 {
    background: url(../image/mobi/noticeIco39d43.gif?v=201312091651) no-repeat left center
}

.notice-ico {
    padding-left: 1.1rem
}

.noticeMarqueeUD {
    position: relative;
    overflow: hidden;
    height: 1.3rem
}

.noticeScrollbar {
    margin: 0;
    padding: .25rem 0 .25rem 0;
    position: relative;
    overflow: hidden;
    width: 100%
}

.noticeScrollbar .scrollbarLi {
    padding: .25rem .25rem;
    white-space: nowrap
}

.mProductTileForm {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%
}

.photoModule.styleForm1 .photoDiv {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%
}

.linkArea .link-p-container {
    width: 45%;
    margin: .25rem 2.5%
}

.productWaterFall {
    margin-bottom: .5rem;
    width: 7.1rem;
    line-height: .9rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    background: #FFF
}

.productWaterFall .waterFallImg {
    width: 100%;
    overflow: hidden;
    border-radius: .2rem .2rem 0 0;
    -webkit-border-radius: .2rem .2rem 0 0;
    -moz-border-radius: .2rem .2rem 0 0
}

.productWaterFall .g_text.paramName.proNameToNewStyle {
    color: #000
}

.styleForm8 {
    position: relative
}

.productWaterFall:nth-child(2n+1) {
    margin-left: .5rem;
    height: auto
}

.productWaterFall:nth-child(2n) {
    right: .5rem;
    height: auto
}

.style8Img {
    width: 7.1rem
}

.paramPadding {
    padding: .25rem;
    border-radius: 0 0 .2rem .2rem;
    -webkit-border-radius: 0 0 .2rem .2rem;
    -moz-border-radius: 0 0 .2rem .2rem
}

.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;
    word-break: break-all
}

.productSwipeContainer .productSwipeItem .productSwipeDiv .paramPadding .productParam {
    color: #999
}

.paramPadding .g_link.productParam.proParamNoWrap {
    color: #999
}

.productWaterFall .paramPadding .paramName {
    color: #000;
    font-size: .6rem;
    word-break: break-all;
    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
}

.productSlideList .productCrossedSlideSec .paramPadding .paramName {
    color: #000;
    font-size: .6rem;
    word-break: break-all
}

.productSlideList .productCrossedSlideSec .paramPadding .productParam {
    color: #999
}

.webContainerBox .bannerBullet {
    position: absolute;
    height: 18px;
    bottom: 0;
    width: 100%
}

.webPagePanel .bullets, .webContainerBox .productBullet .bullets {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.webPagePanel .bullets li, .webContainerBox .bullets li {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    background: #999;
    margin: 0 .1rem;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.15)
}

.webContainerBox .productBullet {
    height: .65rem;
    line-height: 0
}

.webContainerBox .bullets li.on {
    background: #000
}

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

.productSwipeContainer > div {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.paramPadding .mallPrice {
    color: #ff5000;
    font-weight: normal;
    font-size: .7rem
}

.paramPadding .productParam {
    color: #999;
    font-size: .6rem
}

.paramPadding .paramLine {
    border-top: 1px #DDD dashed;
    margin: .2rem .1rem
}

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

.style9Img {
    width: 5.95rem
}

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

.mallCart .mallButton, .orderList .mallButton, .profileContent .mallButton {
    margin: auto;
    width: 45%;
    margin-bottom: .5rem;
    border-width: .1rem;
    background-color: #fff
}

.noProduct {
    width: 6.4rem;
    height: 6.4rem;
    line-height: 6.4rem;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 1.9rem auto 1.25rem auto;
    text-align: center;
    background-color: #fff
}

.icon-noProduct:before {
    content: "\e631";
    font-size: 4.5rem;
    color: #666
}

.noProductTips {
    margin-bottom: 2.5rem;
    font-size: .75rem;
    color: #999;
    text-align: center
}

.mallCart .bottom {
    text-align: right;
    bottom: 0;
    width: 100%;
    font-size: .75rem;
    max-width: 640px;
    border-top: 1px solid #ccc;
    background-color: #fff;
    z-index: 100;
    position: fixed
}

.mallCart .bottom .g_button {
    font-size: .75rem;
    border-radius: 0;
    width: 6rem;
    margin-right: .5rem
}

.mall_product {
    display: flex;
    margin: 0 .5rem;
    border-top: 1px solid #e1e1e1;
    padding: .5rem 0
}

.mallCart .payCount_line {
    text-align: left;
    display: inline-block;
    float: left;
    padding: .4rem 0rem .5rem 1rem;
    color: #333
}

.payCount_line .countTd1 {
    text-align: right
}

.payCount_line .countTr {
    color: #979797;
    font-size: .55rem
}

.payCount_line .saleSaveMoney {
    margin-left: .05rem
}

.mall_product .left .imgClass {
    width: 4.5rem;
    height: 4.5rem
}

.mall_product .right {
    padding-left: .5rem;
    text-align: left;
    width: 10rem;
    height: 4.5rem
}

.mallCart .mall_product .right .product_name {
    height: 1.7rem;
    overflow: hidden
}

.mall_product .right .product_attr {
    height: 1.6rem;
    line-height: .8rem;
    overflow: hidden;
    font-size: .6rem;
    color: #999;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mall_product .right .product_param {
    position: relative;
    bottom: 0rem;
    width: 100%;
    height: 1.25rem;
    overflow: hidden
}

.mall_product .right .product_name a {
    height: 1.6rem;
    line-height: .8rem;
    margin-right: 1.25rem;
    font-size: .6rem;
    color: #666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    z-index: 2
}

.mall_product .right .param_line {
    line-height: .9rem
}

.mall_product .right .param_line div {
    display: inline-block
}

.mall_product .mallOptions {
    color: #ccc
}

.invalidItem, .invalidItem .mall_product {
    background: #f0f0f0
}

.invalidItem .product_attr {
    color: #d8d8d8 !important
}

.invalidItem .product_name a, .invalidItem .product_param .mallPrice {
    color: #bbb !important
}

.invalidItem .invalidItemTip {
    background: #dadada;
    color: #5f5f5f;
    border-radius: 3px;
    display: inline-block;
    min-width: 2rem;
    line-height: 1rem;
    text-align: center;
    margin-top: .25rem
}

.marketPrice {
    text-decoration: line-through
}

.mallCart .mallPrice {
    line-height: 1.8rem;
    float: right;
    position: relative;
    top: -0.3rem;
    font-size: .7rem
}

.orderSettle .icon-minisIcon, .orderSettle .icon-plusIcon, .mall_product .icon-minisIcon, .mall_product .icon-plusIcon {
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    vertical-align: middle;
    background: #fff;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    -webkit-user-select: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    font-size: .7rem
}

.icon-plusIcon:before {
    content: "\e71d";
    color: #666;
    font-size: .8rem
}

.icon-minisIcon:before {
    content: "\e724";
    color: #666;
    font-size: .8rem
}

.mall_product .icon-minisIcon {
    margin-right: -2px
}

.mall_product .icon-plusIcon {
    margin-left: -2px
}

.form .moduleContent .mall_product a {
    color: #333
}

.mall_product .icon-minisIcon a, .mall_product .icon-plusIcon a {
    display: inline-block;
    width: 1.15rem;
    height: 1.15rem;
    color: #333
}

.mall_product .buyNumber, .orderSettle .buyNumber {
    float: left;
    width: 1.35rem;
    height: 1.2rem;
    box-sizing: border-box;
    display: inline-block;
    outline: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    font-size: .6rem;
    -webkit-appearance: none
}

.icon-delIcon {
    display: inline-block;
    position: relative;
    float: right;
    top: -1.6rem;
    z-index: 1
}

.icon-delIcon:before {
    content: "\e6f8";
    color: #666;
    font-size: .75rem
}

.cartSettle {
    display: inline-block;
    padding: 0 1rem;
    width: inherit
}

.mallCart .bottom .shopping {
    display: inline-block
}

.icon-shopping:before {
    content: "\e631";
    font-size: 1rem;
    vertical-align: middle
}

.orderSettle {
    margin-bottom: 3.8rem;
    color: #666
}

.orderSettle .g_textArea, .addrSettle .g_textArea {
    padding-left: .75rem
}

.editCusInfo {
    display: none;
    background-color: #fff
}

.mallCart .g_separator {
    display: none
}

.orderSettle .g_separator {
    width: 100%;
    height: .5rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #f2f2f2
}

.editCusInfo .orderSettle .editPanel {
    background-color: #fff;
    padding: .5rem
}

.editPanel .edit_line {
    margin-bottom: .5rem
}

.editPanel .edit_line .linetitle {
    margin-bottom: .5rem;
    padding-left: .2rem;
    width：100%
}

.orderSettle .orderAssign_line {
    margin-bottom: .4rem;
    border-bottom: 1px solid #f2f2f2;
    background-color: #FFF
}

.orderSettle .orderAssign_line .shipTopBg {
    width: 100%;
    height: .2rem;
    background: url(../image/mall/shipTopBg0e80.jpg?v=201506081842);
    background-size: 100% 100%;
    background-position: 0rem 0rem
}

.orderSettle .orderAssign_line .linetitle1 {
    height: 2.1rem;
    line-height: 2.1rem;
    margin: 0 .5rem;
    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 .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 {
    height: 3.5rem;
    margin: 0 .45rem 0 .85rem;
    padding: .2rem 0;
    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 {
    line-height: 1rem;
    margin-right: .5rem;
    font-size: .65rem;
    color: #333
}

.orderSettle .orderAssign_line .assignItem_line span#info_phone {
    float: right;
    margin-right: 1rem
}

.orderSettle .orderAssign_line .assignItem_line div {
    height: 2rem;
    width: 90%;
    line-height: 1rem;
    font-size: .6rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.orderSettle .orderAssign_line .mall_DefaultAddr {
    display: inline-block;
    width: 2.1rem;
    height: .75rem;
    line-height: .75rem;
    background-color: #d20001;
    border-radius: 1px;
    color: #fff;
    text-align: center;
    margin-right: .2rem;
    font-size: .5rem
}

.orderSettle .orderAssign_line .info_addrDetail {
    font-size: .5rem
}

.icon-rightIcon:before {
    content: "\e672";
    font-size: 1rem
}

.orderSettle .orderAssign_line .assignItem_line .icon-rightIcon {
    color: #ccc;
    height: 3.1rem;
    line-height: 3.1rem;
    float: right;
    position: relative;
    top: -3rem;
    margin-right: -0.2rem
}

.orderSettle .orderAssign_line .linetitle1 .icon-rightIcon {
    color: #ccc;
    height: 2.1rem;
    line-height: 2.1rem;
    float: right
}

.cusInfo .orderSettle .orderSettle_line {
    background-color: #FFF;
    border-top: 1px solid #f2f2f2
}

.orderSettle .orderSettle_line .mall_product {
    height: 3rem;
    margin-left: .5rem;
    overflow: hidden
}

.orderSettle .mall_product .right .product_name {
    height: 1.6rem
}

.orderSettle .mall_product .right .product_attr {
    height: 1.6rem;
    width: 74%;
    line-height: .8rem;
    font-size: .55rem;
    color: #999;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.orderSettle .mall_product .mall_price {
    font-size: .75rem;
    color: #333
}

.orderSettle .product_price {
    position: relative;
    top: -0.85rem;
    float: right;
    color: #999;
    font-size: .55rem
}

.orderSettle .product_amount {
    position: relative;
    top: -3.9rem;
    float: right;
    color: #999
}

.orderSettle .orderSettle_line .mall_product .left .imgClass {
    width: 3rem;
    height: 3rem
}

.orderSettle .ship_line, .orderSettle .mall_integral, .orderSettle .useItg_line, .orderSettle .coupon_line {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .5rem;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    font-size: .75rem;
    color: #333
}

.useItgPanel .useItgInput {
    width: 100%;
    height: 2rem;
    margin-top: .3rem;
    padding: 0 .1rem
}

.useItgPanel .useTips {
    color: #676767;
    margin-top: .3rem;
    font-size: .55rem
}

.useItgPanel .useItgOpera {
    text-align: center
}

.useItgPanel .useItgOpera .notUseBtn, .fk-coupon-opera .notUseBtn {
    display: inline-block;
    width: 7rem;
    border: .1rem solid;
    text-align: center;
    line-height: 1.8rem;
    margin: .5rem .5rem .5rem 0;
    background: #fff;
    cursor: pointer;
    vertical-align: top
}

.useItgPanel .useItgOpera .g_button, .fk-coupon-opera .g_button {
    width: 7rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0
}

#editCouponPanel {
    background: #fff
}

.fk-coupon-panel {
    background: #fff;
    position: relative;
    height: calc(100% - 6rem);
    overflow-y: auto;
    overflow-x: hidden
}

.fk-coupon-panel .fk-rc-input {
    height: 2rem;
    width: 70%
}

.fk-coupon-panel .fk-rc .g_button {
    display: inline-block;
    width: 28%;
    margin-left: 2%
}

.fk-coupon-panel .coupon-warp {
    border-top: 0;
    border-bottom: .5rem solid #f7f7f7
}

.fk-coupon-panel .coupon-warp:nth-last-child(2) {
    border-bottom: 0
}

.fk-coupon-panel .fk-select-layer {
    display: inline-block;
    display: none;
    position: absolute;
    width: 100%;
    top: 4.75rem;
    left: 0
}

.fk-coupon-panel .fk-select-layer div {
    border: .1rem solid #65cb0a;
    height: 5.3rem
}

.fk-coupon-panel .fk-select-layer em {
    display: block;
    border-width: 1.5rem 0 0 1.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    border-style: solid;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent transparent #65cb0a
}

.fk-coupon-panel .fk-select-layer span.faisco-icons-select {
    position: absolute;
    left: -1.5rem;
    bottom: 0
}

.fk-coupon-panel .fk-select-layer span.faisco-icons-select:before {
    content: "\e777";
    color: #FFF;
    font-size: .75rem;
    font-weight: 900;
    vertical-align: bottom
}

.fk-coupon-opera {
    height: 3.25rem;
    z-index: 9;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: #fff;
    font-size: .75rem
}

.orderSettle .ship_line .selectship, .orderSettle .select_line {
    text-align: right
}

.orderSettle .ship_line .selectship .icon-rightIcon:before, .orderSettle .pay_line .icon-rightIcon:before, .orderSettle .useItg_line .icon-rightIcon:before, .orderSettle .coupon_line .icon-rightIcon:before {
    position: relative;
    top: .2rem;
    color: #ccc;
    margin-right: -0.2rem
}

.orderSettle .small-font {
    font-size: .5rem;
    color: #999
}

.modifyShipDetails, .useItgPanel, .modifyBankList {
    background-color: #f7f7f7;
    min-height: 100%
}

.modifyShipDetails .profileContent {
    padding: 0;
    background-color: #fff
}

.modifyShipDetails .count_line {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 .5rem
}

.modifyShipDetails .left {
    width: 12rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.modifyShipDetails .right {
    text-align: right
}

#webPagePanelbanks .g_separator {
    background: #f7f7f7;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

#webPagePanelbanks .bankListArea {
    background: #fff
}

#webPagePanelbanks .bankListArea .bankList {
    margin-left: .4rem
}

#webPagePanelbanks .bankListArea .bankListTable {
    width: 100%;
    border-collapse: collapse
}

#webPagePanelbanks .bankListArea .bankListTable .bankItemName {
    width: 23%;
    text-align: right
}

#webPagePanelbanks .bankListArea .bankListTable .bankItemValue {
    font-size: .6rem;
    color: #666;
    text-align: left;
    padding-right: .5rem
}

#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;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    font-size: .75rem;
    color: #333
}

.orderSettle .pay_line .payItem {
    width: 86%;
    padding-left: 0;
    outline: 0;
    border: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.orderSettle select, .addrSettle select {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    font-size: .7rem;
    background: 0;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.orderSettle .g_input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7
}

.orderSettle .g_textArea, .addrSettle .g_textArea {
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.icon-addrSelect:before {
    content: "\e656";
    color: #666;
    font-size: 1rem;
    float: right;
    position: relative;
    top: 2.25rem;
    right: .85rem
}

.icon-mobileCtSelect:before {
    content: "\e656";
    color: #666;
    font-size: 1rem;
    float: right;
    position: relative;
    top: .75rem;
    right: 1.1rem
}

.orderSettle .orderSettle_line .item_line {
    margin: .25rem 0;
    color: #808080;
    min-height: 1.75rem;
    line-height: 1.75rem
}

.orderSettle .orderSettle_line .item_line .item_name {
    min-width: 5rem;
    text-align: left
}

.orderSettle .orderSettle_line .item_line .item_value {
    word-wrap: break-word;
    margin-left: .3rem
}

.orderSettle .orderSettle_line .addAmount {
    margin-top: .7rem;
    float: right
}

.orderSettle .orderSettle_line .mall_price, .orderSettle .orderSettle_line .mall_addAmount {
    margin-left: .5rem;
    padding-right: .5rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: .75rem
}

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

.saleTotalDetail .td2 {
    width: 50%;
    text-align: right;
    overflow: hidden;
    line-height: 1.4rem;
    padding-top: .3rem
}

.saleTotalDetail .tr2 {
    width: 50%;
    color: #999;
    font-size: .5rem
}

.saleTotalDetail .td3 {
    width: 50%
}

.saleTotalDetail .td4 {
    width: 50%;
    text-align: right;
    height: 1rem;
    line-height: 1rem;
    padding-bottom: .3rem;
    overflow: hidden
}

.orderSettle .orderSettle_line .order_leave_msg {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .5rem;
    border-bottom: 1px solid #f2f2f2
}

.orderSettle .orderSettle_line .lvMsgValue {
    width: 15rem;
    height: 1.65rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    background-color: #eee;
    border-color: #eee
}

.orderSettle .orderSettle_line .count_line {
    height: 2.5rem;
    line-height: 2.5rem;
    color: #333
}

.orderSettle .orderSettle_line .count_line1 {
    height: 3rem;
    color: #333
}

.orderSettle .order_btm_sep {
    color: #ddd
}

.orderSettle .sep_line_sty {
    padding: 0;
    margin: 0;
    width: 100%;
    border: 0;
    background-color: #ddd;
    height: 1px
}

.orderSettle .order_bottom {
    height: 3.1rem;
    width: 100%;
    max-width: 640px;
    bottom: 0;
    border-top: 1px solid #f2f2f2;
    background-color: #fff;
    z-index: 100;
    font-size: .75rem;
    color: #333;
    position: fixed
}

.orderSettle .order_bottom .g_button {
    width: 6rem;
    height: 2rem;
    line-height: 2rem;
    float: right;
    margin-right: .5rem;
    font-size: .75rem;
    border-radius: 0
}

.orderSettle .order_bottom .mall_allPrice {
    display: inline-block;
    margin: 1rem
}

.mall_price .right {
    display: block;
    float: right;
    width: 40%;
    height: 2.5rem;
    overflow: hidden
}

.orderSettle .orderSettle_line .count_line .right {
    text-align: right;
    min-width: 70px
}

.orderDetail_line .totalStr {
    display: inline-block;
    float: right
}

.orderDetail_line .bankDetail {
    height: 2.8rem;
    line-height: 2.8rem;
    color: #333;
    margin-left: .5rem;
    border-bottom: 1px dashed #eee
}

.orderDetail_line .bankDetail .chooseBank {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .65rem
}

.orderDetail_line .bankDetail .chooseBank .lineTitle {
    float: left
}

.orderDetail_line .bankDetail .chooseBank .icon-rightIcon:before {
    content: "\e672";
    font-size: 1rem;
    position: relative;
    margin-right: .3rem;
    top: .2rem
}

.orderDetail_line .bankDetail .remark {
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .55rem;
    color: #666
}

.orderDetail .bankDetailArea .bankList {
    margin-left: .5rem;
    font-size: .55rem;
    margin-top: .4rem
}

.orderDetail .bankDetailArea .bankList .bankListTable {
    width: 100%;
    border-collapse: collapse
}

.orderDetail .bankDetailArea .bankListTable td {
    border-collapse: collapse;
    padding-left: 4px;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #666;
    word-break: break-all
}

.orderDetail .bankDetailArea .bankList .bankListTable .bankItemName {
    width: 20%;
    text-align: right
}

.orderDetail_line .bankDetail .chooseBank .select_line {
    width: 70%;
    float: right;
    text-align: right
}

.orderSettle .orderSettle_line .top {
    color: #808080;
    line-height: 1.25rem
}

.orderSettle .orderSettle_line .center {
    border-bottom: 1px solid #f2f2f2;
    line-height: 1.25rem;
    padding: 0 .5rem 0 0;
    margin-left: .5rem;
    font-size: .75rem
}

.orderSettle .orderSettle_line .center .useNum {
    text-align: right;
    font-size: .6rem
}

.orderSettle .orderSettle_line .center .useTips {
    text-align: right;
    font-size: .5rem
}

.orderSettle .orderSettle_line .bottom {
    height: 1.75rem;
    line-height: 1.75rem
}

.pgDetail .line {
    padding-left: 0;
    padding-right: 0
}

.pgDetail .pgBoxItem {
    padding-left: .5rem;
    border-bottom: 1px solid #f2f2f2;
    height: 2.5rem
}

.orderDetail {
    color: #666;
    background-color: #fff
}

.orderDetail .orderDetailTop {
    background-color: #fff;
    text-align: center;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.orderDetail .orderDetailTop .icon-SucceedIcon {
    display: block;
    background-color: #50c417;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    color: #fff
}

.orderDetail .orderDetailTop .icon-SucceedIcon:before {
    content: "\e777";
    font-size: 2.5rem;
    font-weight: bold
}

.orderDetail .orderDetailTop .submitSucceed {
    display: inline-block;
    font-size: .75rem;
    margin-top: 1rem;
    color: #666
}

.orderDetail .orderDetailTop .g_button {
    max-width: 7rem;
    font-size: .85rem
}

.orderDetail .orderDetailTop .bottom {
    margin-top: 1rem;
    margin: 1rem .5rem 0 .5rem
}

.orderDetail .orderDetailTop .bottom .buttonContainer {
    width: 202px
}

.orderDetail .orderDetailTop .orderDetailButton {
    height: 2rem;
    line-height: 2rem
}

.orderDetailButton {
    height: 1.75rem;
    line-height: 1.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .7rem
}

.orderDetail .orderDetailArea {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff
}

.orderDetail .bankListArea {
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff
}

.orderDetail .orderDetailArea .bankList {
    margin: .4rem .2rem .5rem
}

.orderDetail .orderDetailArea .bankListTable {
    width: 100%;
    border-collapse: collapse
}

.orderDetail .orderDetailArea .bankListTable td {
    border-collapse: collapse;
    padding-left: 4px;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #666;
    word-break: break-all
}

.orderDetail .orderDetailArea .bankListTable .bankItemValue {
    font-size: .6rem;
    color: #666;
    text-align: left;
    padding-right: .5rem
}

.orderDetail .orderDetailArea .bankListTable tr:first-child td {
    border-top: 0
}

.orderDetail .orderDetailArea .bankListTable .bankItemName {
    width: 25%;
    text-align: right
}

.orderDetail .orderDetailArea .line {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0;
    padding-left: 0;
    padding-right: .5rem;
    margin-left: .5rem
}

.orderDetail .orderDetailArea .lines {
    height: 3.8rem;
    border-bottom: 1px dashed #eee;
    padding: 0;
    padding-left: 0;
    padding-right: .5rem;
    margin-left: .5rem
}

.orderDetail .orderDetailArea .lines .payAcountLine {
    height: 1rem;
    line-height: 1rem;
    border-bottom: 0;
    padding-top: .6rem
}

.orderDetail .orderDetailArea .lines .remarkLine {
    height: 2.2rem;
    line-height: 2.2rem;
    border-bottom: 0
}

.orderDetail .orderDetailArea .payAcountLine .item {
    float: left;
    font-size: .7rem;
    color: #333
}

.orderDetail .orderDetailArea .remarkLine .item {
    float: left;
    font-size: .6rem;
    color: #999
}

.orderDetail .orderDetailArea .line:last-child {
    border-bottom: 0
}

.orderDetail .orderDetailArea .line .item_name {
    float: left;
    font-size: .7rem;
    color: #333
}

.orderDetail .orderDetailArea .line .item_val {
    float: right;
    font-size: .6rem;
    color: #999
}

.orderDetail .count_line {
    margin: 0 .5rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: right;
    font-size: .8rem
}

.orderDetail .orderDetail_line {
    background-color: #FFF !important;
    padding-top: 0;
    border-top: 1px solid #f2f2f2
}

.orderDetail .orderDetail_line .line_title {
    -webkit-box-shadow: 0 1px 0 #fff !important;
    -ms-box-shadow: 0 1px 0 #fff !important;
    -moz-box-shadow: 0 1px 0 #fff !important;
    -o-box-shadow: 0 1px 0 #fff !important;
    box-shadow: 0 1px 0 #fff !important;
    color: #333;
    line-height: 1.75rem;
    border-bottom: 1px solid #f2f2f2 !important;
    margin-left: .5rem;
    padding-right: .6rem
}

.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: .6rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .7rem
}

.orderDetail .orderDetail_line .line_item:nth-last-child(1) {
    border-bottom: 1px solid #fff !important
}

.orderDetail .orderDetail_line .borderTop {
    border-top: 1px solid #f2f2f2 !important
}

.orderDetail .orderDetail_line .line_item a {
    color: #666;
    word-break: break-all;
    line-height: .8rem
}

.orderDetail .orderDetail_line .seeMore {
    height: 1.45rem;
    line-height: 1.45rem;
    font-size: .6rem;
    color: #808080;
    border: 1px solid #e8e8e8;
    margin: 0 .4rem .5rem;
    background: #f5f5f5;
    text-align: center
}

.orderDetail .orderDetail_line .seeMore .icon-seemoreIcon:before {
    content: "\e656";
    font-size: .7rem;
    font-weight: bold;
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.orderDetail .orderDetail_line .seeMore .icon-hidemoreIcon:before {
    content: "\e701";
    font-size: .7rem;
    margin-left: .2rem;
    font-weight: bold;
    position: relative;
    top: .1rem
}

.orderDetail .orderDetail_line .moreGoods {
    display: none;
    border-top: 1px solid #f2f2f2
}

.orderDetail .orderDetail_line .line_item .imgClass {
    width: 3rem;
    height: 3rem;
    margin: .5rem 0
}

.orderDetail .orderDetail_line .line_item .createTime {
    color: #bebebe
}

.orderDetail .orderDetail_line .line_item .amount {
    position: relative;
    top: .4rem;
    line-height: 1rem
}

.orderDetail .orderDetail_line .line_item .price {
    position: relative;
    top: 1.5rem;
    line-height: 1rem
}

.orderDetail .orderDetail_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;
    height: 1.6rem
}

.orderDetail .orderDetail_line .line_item .product_prop {
    position: relative;
    width: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .55rem;
    height: 1.5rem
}

.icon-upIcon:before {
    content: "\e656";
    font-size: .75rem
}

.opened .icon-upIcon:before {
    content: "\e701";
    font-size: .75rem
}

.order-ext-panel {
    transition: margin-left 500ms;
    -ms-transition: margin-left 500ms;
    -moz-transition: margin-left 500ms;
    -o-transition: margin-left 500ms;
    -webkit-transition: margin-left 500ms;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 640px;
    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/upload11bf.png?v=201508241848);
    background-repeat: no-repeat;
    padding: 0 !important;
    border-width: 0;
    border-radius: 0;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.ct-panel .img-area-item .comm-find-tb {
    width: 2.5rem;
    height: 2.5rem;
    padding-right: .3rem
}

.ct-panel .img-area-item .comm-show-td-bd {
    border: solid 1px #aaa;
    width: 2.5rem;
    height: 2.5rem
}

.ct-panel .img-area-item .comm-up-set {
    width: 2.5rem;
    display: block
}

.ct-panel .img-area-item .comm-up-div {
    position: relative
}

.ct-panel .img-area-item .comm-up-div-set {
    width: .8rem;
    height: .8rem;
    position: absolute;
    z-index: 1;
    background-image: url(../image/mobi/msgUpImg/delete11bf.png?v=201508241848);
    background-repeat: no-repeat;
    margin-top: -2.9rem;
    margin-left: 1.95rem;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.ct-panel .img-area-item .comm-up-div-set:hover {
    cursor: pointer
}

.ct-panel .l-area-item .comm_input {
    border: 1px solid #dfdfdf;
    padding: 0;
    margin: 0;
    width: 97%;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    padding-left: 1.2rem
}

.ct-panel .l-area-item .tipImg {
    position: absolute;
    margin-top: .35rem;
    margin-left: .3rem;
    z-index: 2;
    background-size: .7rem;
    background-image: url(../image/mobi/tipbda2.png?v=201508172041);
    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/tipbda2.png?v=201508172041);
    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;
    height: 1.3rem;
    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;
    height: .7rem;
    padding: .15rem;
    margin: .2em .5rem
}

.score-tip em {
    display: block;
    border-width: .2rem;
    position: absolute;
    top: .3rem;
    left: -0.4rem;
    border-style: dashed solid dashed dashed;
    border-color: transparent #b7b1b6 transparent transparent;
    font-size: 0;
    line-height: 0
}

.score-tip span {
    display: block;
    border-width: .2rem;
    position: absolute;
    top: .3rem;
    left: -0.35rem;
    border-style: dashed solid dashed dashed;
    font-size: 0;
    line-height: 0
}

.ct-panel .i-block1 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    position: relative
}

.ct-panel .i-block2 {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    position: relative
}

.ct-panel .pd-n {
    padding-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    height: 1.6rem;
    line-height: .8rem
}

.ct-panel .pd-n-p {
    padding: 0;
    color: #333
}

.ct-panel .pd-n-c {
    color: #333
}

.ct-panel .pd-o {
    text-align: right;
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .55rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #666
}

.ct-panel .b-img {
    margin: .5rem 0;
    width: 3rem;
    height: 3rem
}

.ct-panel .b-comm-img {
    width: 3rem;
    height: 3rem
}

.ct-panel .i-block1-w {
    width: 24%
}

.ct-panel .p-txt {
    float: left
}

.ct-panel .ct-txt {
    font-size: .7rem;
    color: #bebebe;
    padding: 0 1.5rem;
    display: inline-block
}

.ct-panel .orderButton {
    margin: .05rem 0;
    line-height: 1.2rem;
    margin-top: .15rem;
    padding: 0 .4rem
}

.ct-panel .ct-content {
    color: #333;
    padding: .7rem;
    line-height: 1rem
}

.ct-panel .ct-s-content {
    line-height: 1rem;
    color: #333;
    word-wrap: break-word;
    padding: .3rem 0
}

.ct-panel .ct-s-content-m {
    padding-bottom: .5rem;
    color: #333;
    line-height: 1rem;
    word-wrap: break-word
}

.ct-panel .ct-s-content-m .s-img-f-tb {
    width: 2.5rem;
    height: 2.5rem;
    padding-right: .15rem
}

.ct-panel .ct-s-content-m .s-img-tb {
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.ct-panel .ct-s-content-m .s-img-bd {
    border: solid 1px #c3c3c3;
    width: 2.5rem;
    height: 2.5rem
}

.ct-panel .ct-s-content-m .s-img-set {
    width: 2.5rem !important;
    display: block !important;
    max-height: 2.5rem !important
}

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

.flowDetailPanel .flowPanel {
    margin-left: .4rem
}

.flowDetailPanel .orderProductList {
    overflow: hidden;
    transition: height 200ms;
    -ms-transition: height 200ms;
    -moz-transition: height 200ms;
    -o-transition: height 200ms;
    -webkit-transition: height 200ms
}

.flowDetailPanel .moreOrderProductList {
    color: #808080;
    border: 1px solid #e8e8e8;
    margin: 0 .4rem .5rem;
    background: #f5f5f5;
    text-align: center
}

.flowDetailPanel .icon-more:before {
    content: '\e656';
    font-size: 1.2rem
}

.flowDetailPanel .icon-less:before {
    content: '\e701';
    font-size: 1.2rem
}

.flowDetailPanel .more {
    line-height: 1.4rem
}

.flowDetailPanel .less {
    line-height: 1.4rem;
    display: none
}

.flowDetail .flowDetail_line {
    background-color: #FFF;
    padding-top: 0;
    border-top: 1px solid #f2f2f2
}

.flowDetail .flowDetail_line .line_title {
    color: #333;
    line-height: 1.75rem;
    border-bottom: 1px solid #f2f2f2 !important;
    margin-left: .5rem;
    padding-right: .6rem
}

.flowDetail .flowDetail_line .right {
    text-align: right
}

.flowDetail .flowDetail_line .line_item {
    color: #666;
    font-size: .6rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .7rem
}

.flowDetail .flowDetail_line .line_item a {
    color: #666;
    word-break: break-all;
    line-height: .8rem
}

.flowDetail .flowDetail_line .line_item .imgClass {
    width: 3rem;
    height: 3rem;
    margin: .5rem 0
}

.flowDetail .flowDetail_line .line_item .createTime {
    color: #bebebe
}

.flowDetail .flowDetail_line .line_item .amount {
    line-height: .1rem
}

.flowDetail .flowDetail_line .orderProductList .line_item {
    border-bottom: 1px #f2f2f2 solid
}

.flowDetail .flowDetail_line .orderProductList .line_item:nth-last-child(1) {
    border-bottom: 1px #fff solid
}

.flowDetail .flowDetail_line .line_item .product_name {
    padding-top: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    max-height: 1.6rem
}

.flowDetail .flowDetail_line .line_item .product_prop {
    position: absolute;
    width: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .55rem;
    top: 0;
    line-height: 6.5rem
}

.flowDetail .g_separator {
    background: #eee;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.flowDetail .flowBaseInfo {
    line-height: .8rem;
    padding: .7rem .3rem
}

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

.wekitBox {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex
}

.flex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.orderStatus {
    color: #ff6239;
    font-size: .6rem
}

.orderNumber {
    font-size: .6rem
}

.g_locale2052 .orderStatus {
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: .7rem
}

.g_locale2052 .orderNumber {
    display: inline-block;
    width: 50%;
    font-size: .7rem
}

.orderDetail .g_separator {
    background: #f7f7f7;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    margin: 0
}

.orderDetail .footerSeparator {
    height: 2rem;
    width: 100%;
    background-color: #f7f7f7
}

.orderDetail .mall_product {
    margin-top: .5rem;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none
}

.orderDetail .placeholder {
    height: 2.5rem
}

.orderDetail .buyButton {
    border: 1px solid #666;
    line-height: 1.4rem;
    color: #666;
    font-size: .7rem;
    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
}

.mall_textArea {
    background: #f7f7f7;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    text-indent: .25rem;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ececec;
    color: #666;
    width: 100%;
    height: 5rem;
    line-height: 2.5rem
}

.orderList .pagenation {
    border-top: 1px solid #f2f2f2
}

.orderList .orderList_line {
    background-color: #FFF;
    padding-top: 0;
    border-top: 1px solid #f2f2f2;
    clear: both
}

.orderList .orderList_line.topTip {
    padding: .25rem
}

.orderList .orderList_line.topTip div {
    display: inline-block;
    margin-right: 1rem
}

.orderList .orderList_line .line_title {
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .6rem;
    color: #333
}

.orderList .orderList_line .line_item {
    color: #666;
    font-size: .6rem;
    line-height: 1.75rem;
    margin-left: .5rem;
    padding-right: .7rem;
    border-top: 1px solid #f2f2f2
}

.orderList .orderList_line .line_item .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
}

.orderButton {
    border: 1px solid #666;
    line-height: 1.4rem;
    color: #666;
    font-size: .7rem;
    border-radius: 3px;
    margin: .5rem 0;
    padding: 0 .6rem;
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 6rem;
    cursor: pointer
}

.orderButtonHas {
    color: #999 !important;
    border: #999 solid 1px !important
}

.orderList .orderList_line .right {
    text-align: right
}

.orderList .g_separator {
    background: #eee;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 0;
    height: .5rem;
    display: block !important;
    margin: 0
}

.orderList .comment-txt {
    color: #bebebe;
    font-size: .7rem
}

.flowPanel {
    padding-left: .5rem;
    font-size: .6rem;
    margin: 0 .6rem 0 .5rem
}

.flowInfo {
    padding: .35rem 1rem;
    position: relative;
    line-height: 1.2rem;
    color: #666
}

.flowInfo:after {
    content: '';
    width: .06rem;
    height: 100%;
    background: #DDD;
    position: absolute;
    display: block;
    left: 0;
    top: 1rem
}

.flowFlag {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    position: absolute;
    z-index: 9999;
    left: -0.375rem;
    top: .55rem
}

.flowFlag:before {
    content: '';
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #DDD;
    position: relative;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.flowInfo .icon-flowCurrent:before {
    content: '\e672';
    position: absolute;
    margin-top: .3rem
}

.flowInfo:nth-child(1) {
    color: #ff6239
}

.flowInfo:nth-last-child(1):after {
    display: none
}

.flowInfo:nth-child(1) .flowFlag {
    background: rgba(255, 98, 57, 0.4)
}

.flowInfo:nth-child(1) .flowFlag:before {
    background: #ff6239
}

.noflowInfo {
    display: none
}

.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/liuyan9911.png?v=201401131749) no-repeat
}

.shuomingIcon {
    background: url(../image/mall/shuoming9911.png?v=201401131749) no-repeat
}

.rightArrow {
    background: url(../image/mall/jjtou9911.png?v=201401131749) no-repeat
}

.homeIcon {
    position: absolute;
    right: 0;
    height: 100%;
    bottom: 0;
    top: 0;
    position: absolute;
    display: table;
    height: 100%;
    font-size: 1.4rem;
    vertical-align: middle;
    padding-right: .6rem
}

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

.homeIcon:active {
    background: rgba(0, 0, 0, .2)
}

.statisticCommBox {
    height: 2.5rem;
    border-bottom: .4rem solid #f5f5f5;
    display: inline-block;
    width: 100%;
    padding: .625rem 0
}

.statisticCommBox .fk-left-statisBox {
    width: 5.8rem;
    height: 2.5rem;
    border-right: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.statisticCommBox .fk-left-statisBox .fk-comm-avgScore {
    color: #f60;
    width: 100%;
    height: 1.5rem;
    font-weight: bold;
    display: inline-block;
    font-size: 1rem
}

.statisticCommBox .fk-left-statisBox .fk-star-list, .commentBox .fk-star-list {
    width: 100%;
    height: 1rem;
    font-size: .8rem
}

.faisco-icons-star3.select_more {
    color: #ffb600
}

.faisco-icons-star3.select_less {
    color: #d6d6d6
}

.faisco-icons-star3.no_select {
    color: #eaeaea
}

.fk-left-statisBox .fk-star-list li, .l-star-list li, .commentBox .fk-star-list li {
    list-style: none;
    display: inline-block;
    position: relative
}

.fk-left-statisBox .fk-star-list li span {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.statisticCommBox .fk-right-statisBox {
    width: calc(100% - 6rem);
    display: inline-block;
    height: 2.5rem
}

.statisticCommBox .fk-right-statisBox > div {
    display: inline-block;
    width: 33%;
    text-align: center;
    color: #666
}

.statisticCommBox .fk-right-statisBox > div div:first-child {
    height: 1.5rem;
    color: #333
}

.commentBox {
    margin: .5rem .25rem
}

.commentBox .msgArea {
    margin: 0 0 .5rem 0
}

.postArea {
    margin: .5rem;
    padding-bottom: 1rem
}

.postArea .line {
    width: 93%;
    margin: 0 auto;
    margin-bottom: .5rem
}

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

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

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

.postArea .captchaImg {
    top: .5rem
}

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

.mustSpan {
    color: red
}

.vote {
    margin: .5rem;
    padding: 0 .8rem .7rem .8rem
}

.vote .voteSubject {
    text-align: center;
    line-height: 1.75rem
}

.vote .voteSubject .voteSubjectText {
    display: inline-block;
    padding-left: 1rem;
    background: url(../image/mobi/toupiaoicon.png) no-repeat;
    background-size: 1rem;
    background-position: 0 50%
}

.voteBtn {
    width: 90%
}

.vote .voteItems {
    align-items: baseline;
    margin-top: .75rem
}

.vote .voteItemImgPanel {
    width: 90%;
    height: 10rem;
    border: 1px solid #eee;
    padding: .5rem;
    display: inline-block;
    text-align: center;
    margin-bottom: 1rem
}

.vote .voteItemNamePanel {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vote .voteItems .voteLab {
    margin-left: .25rem
}

.vote .voteItems .voteItemName {
    display: inline-block;
    margin-left: .25rem
}

.vote .voteOperate {
    text-align: center;
    margin-top: .5rem
}

.vote .voteItemCount {
    width: 4rem;
    display: inline-block;
    text-align: center;
    font-size: .4rem
}

.vote .voteItemShow {
    align-items: center
}

.fullScreenDivCotainer {
    position: fixed;
    z-index: 99;
    padding: 0 !important;
    overflow: visible
}

.fullScreenDiv {
    visibility: hidden;
    left: 150%;
    overflow-y: auto !important;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 640px;
    z-index: 999 !important;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms
}

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

.progressBarBg {
    width: 100%;
    height: .5rem;
    overflow: hidden;
    background: #dbdbdb
}

.progressBar {
    width: 0;
    height: 100%;
    background: transparent url(../image/mobi/pre.png) 0 0 repeat
}

.progressBar-box {
    padding: .25rem 0;
    margin-top: .25rem
}

.progressBar-box-img {
    height: 2.5rem
}

.vote .selectedItem {
    background: #f0f0f0
}

.progressBar-box .voteItemImg {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .5rem
}

.progressBar-box .voteItemCentent {
    width: 83%;
    display: inline-block
}

.vote .progressBar-box .voteItemName.selected {
    background: url(../image/mobi/toupiaoselect.png) 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: 640px;
    z-index: 99;
    transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -webkit-transition: all 500ms;
    overflow-y: auto
}

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

.voteResultHeader {
    height: 2.3rem;
    text-align: center
}

.voteResultHeader .title {
    font-size: 1rem;
    line-height: 2.3rem
}

.voteResultDiv .vote {
    margin: 0
}

.memberCard {
    background: url(../image/member/mobiCart2%402xf4e6.png?v=201412151729) no-repeat;
    background-size: contain;
    width: 14rem;
    height: 3rem;
    display: inline-block;
    margin: .5rem auto;
    font-size: .7rem;
    color: white;
    line-height: 1.4rem;
    text-shadow: 0 0 3px #744c10;
    text-align: right
}

.memberCard .memberLevelName {
    padding-right: .5rem
}

.memberCard .memberName {
    padding-right: .5rem
}

.memberSignUpCardArea {
    display: inline-block;
    margin-bottom: .5rem
}

.memberSignUpCard {
    background: url(../image/member/mobiCart1%402xf4e6.png?v=201412151729) no-repeat;
    background-size: contain;
    width: 14rem;
    height: 3rem;
    margin: .5rem auto;
    font-size: .7rem;
    color: white;
    line-height: 1.75rem;
    text-shadow: 0 0 3px #744c10;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.ngLine {
    cursor: pointer;
    overflow: hidden
}

.ngLine-bg {
    background-color: white;
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

.ngGroupDiv {
    position: relative;
    background-color: white;
    width: 60%;
    float: right;
    -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 4px rgba(0, 0, 0, .05);
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

.ngName {
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -webkit-transition: all .35s ease
}

.ngName-w {
    width: 33%
}

.ngMark-f {
    float: left
}

.ngMark-c {
    color: white
}

.mobiAdvertisement_box {
    position: relative;
    height: 2rem;
    line-height: 2rem;
    display: none;
    overflow: hidden
}

.mobiAdvertisement_box .mobiAdvertisement_adImg {
    width: 100%;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-indent: .5rem;
    font-size: .8rem;
    opacity: .8;
    color: #fff;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.mobiAdvertiseClose {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0;
    top: 0
}

.mobiAdvertisement_boxTip {
    width: 120.25rem;
    height: 1.3rem;
    border: 1px solid #fec24a;
    margin-left: .6rem;
    background: #fffcc9;
    display: none;
    font-size: .6rem;
    padding: 0 .5rem;
    line-height: 1.3rem
}

.mobiAdvertiseClose .mobiAdClose {
    background: url(../image/mobi/closeIcon07d2.png?v=201405261749) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 50% 50%;
    margin-top: .6rem;
    margin-left: .75rem
}

.mobiVideo {
    width: 100%
}

.mobiVideoOnline {
    height: 13rem;
    z-index: 0
}

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

.fileDownloadPanel .mainBodyContainer {
    margin: 0;
    padding: 1px;
    width: 100%;
    table-layout: fixed;
    padding: 0;
    word-wrap: break-word;
    word-break: keep-all;
    overflow: hidden
}

.fileDownloadPanel .fileName {
    width: 100%;
    height: 1.15rem;
    margin-left: .25rem;
    margin-top: 1px
}

.fileDownloadPanel .fileImg {
    height: 1.75rem;
    width: 1.75rem;
    margin-top: 0;
    padding-right: .25rem
}

.fileDownloadPanel .fileName .fileNameText {
    width: 97%;
    height: 1.15rem;
    font-size: .7rem;
    line-height: 1.25rem;
    word-wrap: break-word;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fileDownloadPanel .fileSize {
    width: 9rem;
    height: 1.15rem;
    font-size: .6rem;
    color: #c8c8c8;
    line-height: 1.05rem;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.fileDownloadPanel .fileOperate {
    width: 2rem;
    height: 2.7rem;
    padding-left: 0;
    padding-right: .25rem
}

.fileDownloadPanel .iconAvi {
    background: url(../image/fileDownload/Format_icon_010745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconWmv {
    background: url(../image/fileDownload/Format_icon_020745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .icon3gp {
    background: url(../image/fileDownload/Format_icon_030745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconMkv {
    background: url(../image/fileDownload/Format_icon_040745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconFlv {
    background: url(../image/fileDownload/Format_icon_050745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconMp4 {
    background: url(../image/fileDownload/Format_icon_060745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconRmvb {
    background: url(../image/fileDownload/Format_icon_070745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconSwf {
    background: url(../image/fileDownload/Format_icon_080745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconMp3 {
    background: url(../image/fileDownload/Format_icon_090745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconWav {
    background: url(../image/fileDownload/Format_icon_100745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .downWma {
    background: url(../image/fileDownload/Format_icon_110745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconOgg {
    background: url(../image/fileDownload/Format_icon_120745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconApe {
    background: url(../image/fileDownload/Format_icon_130745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconAcc {
    background: url(../image/fileDownload/Format_icon_140745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconGif {
    background: url(../image/fileDownload/Format_icon_150745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconJpg {
    background: url(../image/fileDownload/Format_icon_160745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconPng {
    background: url(../image/fileDownload/Format_icon_170745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconBmp {
    background: url(../image/fileDownload/Format_icon_180745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconWps {
    background: url(../image/fileDownload/Format_icon_190745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconEpub {
    background: url(../image/fileDownload/Format_icon_200745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconTxt {
    background: url(../image/fileDownload/Format_icon_210745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconPpt {
    background: url(../image/fileDownload/Format_icon_220745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconPdf {
    background: url(../image/fileDownload/Format_icon_230745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconXls {
    background: url(../image/fileDownload/Format_icon_240745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconDoc {
    background: url(../image/fileDownload/Format_icon_250745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconHtml {
    background: url(../image/fileDownload/Format_icon_260745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconCss {
    background: url(../image/fileDownload/Format_icon_270745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconJs {
    background: url(../image/fileDownload/Format_icon_280745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconRar {
    background: url(../image/fileDownload/Format_icon_290745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconZip {
    background: url(../image/fileDownload/Format_icon_300745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconApk {
    background: url(../image/fileDownload/Format_icon_314648.png?v=201506291745) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: 3px
}

.fileDownloadPanel .iconDefault {
    background: url(../image/fileDownload/Format_icon_320745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: 0;
    margin-right: .15rem
}

.fileDownloadPanel .download {
    background: url(../image/fileDownload/download_icon20745.png?v=201410271757) no-repeat;
    background-size: contain !important;
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0;
    margin-right: .1rem
}

.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_weibo6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .qq_weibo {
    background: url(../image/share/qq_weibo6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .qq_zone {
    background: url(../image/share/qq_zone6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .kaixin001 {
    background: url(../image/share/kaixin0016e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .renren {
    background: url(../image/share/renren6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .douban {
    background: url(../image/share/douban6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .sohu_weibo {
    background: url(../image/share/sohu_weibo6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .netease_weibo {
    background: url(../image/share/netease_weibo6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .baidu_hi {
    background: url(../image/share/baidu_hi6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .baidu_tieba {
    background: url(../image/share/baidu_tieba6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .taojianghu {
    background: url(../image/share/taojianghu6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .FaceBook {
    background: url(../image/share/facebook6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .Twitter {
    background: url(../image/share/twitter6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .LinkedIn {
    background: url(../image/share/linkedin6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .showIcon {
    background: url(../image/share/showicon6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareInfo .hideIcon {
    background: url(../image/share/hideicon6e2a.png?v=201411171731) 0 0 no-repeat;
    background-size: 1.4rem 1.4rem
}

.shareToFriendDiv {
    border: 1px solid #c3c1c1;
    float: right;
    box-shadow: 0 2px 2px 0 #c5c5c5;
    background-image: -webkit-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: -ms-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: -moz-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: -o-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: linear-gradient(bottom, #ddd, #f2f3f2);
    background-color: gray;
    border-radius: 2px;
    width: 140px;
    height: 34px;
    line-height: 34px;
    margin-left: 7%
}

.shareToWeiXinDiv {
    border: 1px solid #c3c1c1;
    float: left;
    box-shadow: 0 2px 2px 0 #c5c5c5;
    background-image: -webkit-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: -ms-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: -moz-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: -o-linear-gradient(bottom, #ddd, #f2f3f2);
    background-image: linear-gradient(bottom, #ddd, #f2f3f2);
    background-color: gray;
    border-radius: 2px;
    width: 140px;
    height: 34px;
    line-height: 34px;
    margin-right: 7%
}

.shareToFriend {
    height: 30px;
    width: 117px;
    line-height: 30px;
    font-size: 13px;
    font-family: "微软雅黑";
    text-align: right;
    margin-top: 2px
}

.shareToFriendIcon {
    background: url(../image/shareIcon7f20.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/shareIcon7f20.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/prompt7f20.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
}

.productNewDetailPanel {
    background-color: #fff
}

.productNewDetailPanel .proImgSwipe {
    margin-bottom: 0
}

.productMallOptionHead, .mallNewOptionBox, .productNumberPanel {
    padding-left: .5rem
}

.mallOptionAndNumBox {
    max-height: 9rem;
    overflow: auto
}

.productDetailHeader {
    position: fixed;
    width: 100%;
    max-width: 640px;
    z-index: 10;
    height: 2.4rem
}

.productNewDetail .productBullet {
    background: 0
}

.productNewDetail .proDetailImgBox {
    margin: 0
}

.productNewDetail .proDetailImg {
    height: 15rem;
    margin: 0;
    background-size: cover;
    background-position: 50% 50%
}

.productNewDetail .productPrice {
    height: 2.75rem
}

.productNewDetail .mallPrice {
    height: 2.75rem;
    line-height: 2.75rem;
    display: inline-block;
    font-size: 1rem;
    float: none
}

.productNewDetail .marketPrice {
    height: 2.75rem;
    line-height: 2.75rem;
    display: inline-block;
    font-size: .6rem;
    word-spacing: .2rem;
    vertical-align: top;
    color: #999
}

.productNewDetail .marketPriceNew {
    position: absolute;
    top: 2.15rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .6rem;
    word-spacing: .2rem;
    vertical-align: top;
    color: #999;
    margin-left: .2rem;
    display: none
}

.marketPriceNew .textDec {
    text-decoration: line-through
}

.marketPrice {
    font-size: .6rem
}

.productNewDetail .productInfoSize {
    height: 2.2rem;
    line-height: 2.2rem
}

.productNewDetail .proCommProperty {
    padding-left: .45rem;
    border-bottom: 1px solid #ddd;
    text-align: left;
    position: relative
}

.productNewDetail .choiceProductSize {
    display: inline-block;
    height: 100%
}

.productNewDetail .productParamterNameList {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 13rem
}

.productNewDetail .shareBlock {
    text-align: center;
    width: 2.55rem;
    height: 2.2rem;
    position: absolute;
    right: 0;
    border-left: 1px solid #ddd;
    color: #999
}

.productNewDetail .shareBlockTop1 {
    top: .3rem
}

.productNewDetail .shareBlockTop2 {
    top: .7rem
}

.productNewDetail .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.html) no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 1.4rem;
    margin-right: 8px;
    margin: 0 auto
}

.productNewDetail .collectionIconSelect {
    background: url(../image/sc-1.html) no-repeat;
    background-size: 1rem
}

.productNewDetail .productCrossedSlideSec {
    border: 0;
    border-radius: initial;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    -ms-border-radius: initial
}

.showSaleTimeImg {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem
}

.saleCountDown {
    height: 1.3rem;
    line-height: 1.3rem;
    color: #8f8f8f
}

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

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

.oldSaleTypeBg {
    padding: 0 .25rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background-color: #dc4d3f;
    color: #fff2ed
}

.oldShowDelColor {
    color: #fd4f44
}

.oldTbTd1 {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    padding-left: .2rem
}

.oldTbTd1 .trangle {
    width: 0;
    height: 0;
    border-bottom: .3rem solid red;
    border-left: .3rem solid transparent;
    margin-bottom: .6rem
}

.oldTbTD2 {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto
}

.oldTbTD2 .rect {
    font-size: .5rem;
    background-color: red;
    padding: 0rem .2rem;
    word-wrap: normal;
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .6rem;
    color: #fff2ed
}

.CrossedSlideSecImg {
    position: relative
}

.CrossedSlideSecImg .paramPadding {
    border-radius: initial;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    -ms-border-radius: initial
}

#g_web .CrossedSlideSecImg .paramName {
    color: #fff
}

.productCrossedSlideSec .mallPrice {
    font-size: .7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin-top: .3rem
}

.CrossedSlideSecImg .paramCollection {
    height: 1.7rem;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0
}

.tabUl_fix {
    position: fixed;
    top: 2.4rem;
    border-top: 1px solid #ddd;
    z-index: 9
}

.tabUl.tabUl_fix ~ .tabBody {
    margin-top: 2.2rem
}

.tabUl {
    max-width: 640px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: inline-block
}

.tabUl .tabLi {
    height: 2.2rem;
    line-height: 2.3rem;
    display: inline-block;
    width: 33.3%
}

.tabUl .tabLi2 {
    width: 50%
}

.tabUl .tabLi1 {
    width: 100%
}

.userCommentBody .tabUl .tabLi {
    height: 2.2rem;
    line-height: 2.2rem;
    width: 50%
}

.tabUl .tabLi.tabActive {
    border-bottom: .1rem solid #d10000;
    color: #d10000
}

.productNewDetailPanel .tabBody {
    min-height: 4rem;
    position: relative;
    overflow: hidden;
    border-top: 0;
    z-index: 0;
    -webkit-transition: height .3s;
    transition: height .3s
}

.tabBody .tabPanel {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    float: left;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tabBody .tabPanel.tabPanelAtive {
    position: relative;
    z-index: 0;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.tabBody .tabPanel.tabPanelAtive ~ .tabPanel {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.tabBody .tabPanelLoading {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 5rem;
    background-color: #fff;
    background-image: url(../image/loading/loading_2.gif);
    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
}

.tabPanel .mProductListTitle {
    height: 2rem;
    line-height: 2rem;
    padding-left: .45rem;
    color: #333
}

.productSlide .productCrossedSlideSec {
    margin-top: 1rem
}

.mProductListTitle ~ .productSlide .productCrossedSlideSec {
    margin-top: 0rem
}

.tabPanel .mProductListTitle ~ .productSlide {
    border-top: 0;
    margin-bottom: 0rem
}

.tabPanel .mProductListTitle {
    border-top: 1px solid #ddd
}

.webPagePanel .bullets li.on, .productNewDetailPanel .bullets li.on {
    background-color: #d10000
}

.proOtherPanel {
    position: absolute;
    width: 1.6rem;
    top: 2.4rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    right: .45rem;
    height: 0rem;
    visibility: hidden;
    overflow: hidden
}

.proOtherPanel.proOtherPanelOpen {
    height: 4rem;
    visibility: visible
}

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

.productNameSwipBox, .newsInfoTitle {
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9rem .8rem;
    text-align: left;
    color: #fff;
    font-size: .8rem;
    background: rgba(19, 19, 19, 0.5);
    background: -webkit-linear-gradient(rgba(76, 76, 76, 0) 0, rgba(19, 19, 19, 0.5) 100%);
    background: linear-gradient(rgba(76, 76, 76, 0) 0, rgba(19, 19, 19, 0.5) 100%)
}

.proShare {
    top: 2rem
}

.propInfo {
    width: 100%;
    display: table;
    border-collapse: collapse
}

.propInfoRow {
    border-bottom: 1px solid #ddd;
    display: table-row;
    text-align: left
}

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

.productDetailTabPanel {
    margin-bottom: 3.25rem
}

.productMallShop {
    height: 3.25rem;
    z-index: 9;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: #fff;
    font-size: .75rem
}

.g_mallInput {
    display: none
}

.g_mallLabel {
    min-width: 1.5rem;
    font-size: .6rem;
    border-radius: 3px;
    text-align: center;
    margin: .25rem .75rem 0 0;
    display: inline-block;
    border: 1px solid #ceced0;
    background-color: #fff;
    padding: 0 .5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #666
}

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

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

.g_buyNumber {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    height: 1.9rem;
    outline: 0;
    width: 2rem;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
    border: 1px solid #b2b2b2;
    font-size: .8rem;
    -webkit-appearance: none
}

.g_buyNumber::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.propValue.propInfoCell .mallPrice {
    font-size: .65rem;
    height: initial;
    line-height: initial
}

.mallNewOptionLine {
    padding: .7rem 0;
    color: #333
}

.productNumberPanel {
    height: 2.9rem;
    line-height: 2.9rem;
    position: relative
}

.productMallOptionPanel .separatorLine {
    margin: 0
}

.productNumberContent {
    display: inline-block;
    float: right;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(10%) translateY(-50%);
    -webkit-transform: translateX(10%) translateY(-50%);
    -ms-transform: translateX(10%) translateY(-50%)
}

.productMallOptionContentPanel .productNumberContent {
    left: 56%
}

.productMallOptionPanel .productMallOptionContent {
    min-height: 8.3rem;
    max-height: 18rem;
    background-color: #fff;
    position: absolute;
    bottom: 3.2rem;
    width: 100%
}

.productMallOptionPanel .productMallOptionContentPanel {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    -ms-overflow-style: none
}

.productMallOptionPanel .productMallOptionContentPanel::-webkit-scrollbar {
    display: none !important
}

.productMallOptionMargin {
    min-height: calc(100% - 18rem);
    max-height: calc(100% - 11.5rem)
}

.productMallBuyPanel {
    height: 2.7rem;
    background-color: #fff;
    border-top: 1px solid #dadada;
    padding-top: .5rem;
    position: absolute;
    bottom: 0;
    width: 100%
}

.productMallBuyPanel .g_button {
    margin: 0 .5rem;
    -webkit-border-radius: initial;
    -ms-border-radius: initial;
    -moz-border-radius: initial;
    -o-border-radius: initial;
    border-radius: initial;
    width: initial
}

.g_opacity50 {
    opacity: .5
}

.icon-shopCartIcon:before {
    content: "\e69d";
    margin-left: .2rem;
    position: relative;
    top: .1rem
}

.productAddMall.g_mallButton {
    margin: .45rem .4rem .45rem 0;
    color: #d10000
}

.productImmediatelyBug {
    background-color: #d10000;
    color: #fff
}

.g_mallButton {
    display: inline-block;
    width: 7rem;
    text-align: center;
    vertical-align: middle;
    padding: .6rem 0;
    margin: .45rem 0rem .45rem 0;
    border: .1rem solid #d10000
}

.productMallOptionHead .productMallOptionImage {
    left: .5rem;
    background-color: #fff;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #ececec;
    padding: 4px;
    top: -1rem
}

.productMallOptionHead .productMallOptionImageContent {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ececec;
    width: 5.5rem;
    height: 5.5rem
}

.productMallOptionHead .mallOptionImg {
    vertical-align: middle
}

.productMallOptionContent .productDetail {
    min-height: 5.3rem;
    position: relative;
    padding-left: 6.25rem
}

.productDetailName {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 32%
}

.productDetailMallAmount {
    position: absolute;
    top: 60%;
    color: #666;
    font-size: .6rem
}

.productDetailClose {
    position: absolute;
    width: .75rem;
    height: .75rem;
    right: .2rem;
    top: .5rem;
    border-radius: 100%;
    border: 1px solid #666
}

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

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

.icon-decrease:before {
    content: "\e724";
    color: #666;
    font-size: 1rem
}

.icon-increase:before {
    content: "\e71d";
    color: #666;
    font-size: 1rem
}

.icon-increase, .icon-decrease {
    position: relative;
    vertical-align: middle;
    background: #fff
}

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

.productDetailName .productName {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2rem;
    overflow: hidden;
    padding-right: 1rem
}

.g_displayClamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    vertical-align: middle
}

@media screen and (min-width: 800px) {
    .g_displayClamp2 {
        min-height: 2.1rem
    }
}

.productMallOptionPanel .optionSelected {
    background-color: red;
    color: #fff !important;
    border: 1px solid transparent
}

.form.formStyle35 {
    top: 0;
    margin: 0 auto;
    padding: 0
}

.productDetailHeader .proBack {
    left: .45rem;
    top: .4rem
}

.productDetailHeader .proBack:before {
    color: #3c414a
}

.productDetailHeader .proShopping {
    right: 2.45rem;
    top: .4rem
}

.productDetailHeader .proOther {
    right: .45rem;
    top: .4rem
}

.productDetailHeader .icon-gClose:before {
    padding-left: 0;
    font-size: 1.4rem;
    color: #333
}

.productDetailHeader .icon-noProduct:before {
    padding-left: 0;
    font-size: 1.2rem;
    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: 1.2rem;
    color: #333
}

.productNewDetail .icon-gGoforward {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    right: 0
}

.icon-gGoforward:before {
    content: "\e672";
    font-size: 1rem;
    left: 1.6rem
}

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

.tabBody .showMoreComment {
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.tabBody .userComment {
    text-align: right;
    margin-top: .75rem;
    margin-bottom: 3rem;
    color: red;
    margin-right: .5rem;
    font-size: .6rem
}

.webPagePanel .userCommentPanel {
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 640px;
    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 .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1)
}

.userCommentPanel .userCommentHead {
    text-align: center;
    font-size: 1rem;
    background-color: #fff;
    color: #4e4e4e;
    width: 100%;
    max-width: 640px;
    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: 1.2rem
}

.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/upload11bf.png?v=201508241848);
    background-repeat: no-repeat;
    padding: 0 !important;
    border-width: 0;
    border-radius: 0;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.userCommentInfo .comm-find-tb {
    width: 2.5rem;
    height: 2.5rem;
    padding-right: .3rem
}

.userCommentInfo .comm-show-td-bd {
    border: solid 1px #aaa;
    width: 2.5rem;
    height: 2.5rem
}

.userCommentInfo .comm-up-set {
    width: 2.5rem;
    display: block
}

.userCommentInfo .comm-up-div {
    position: relative
}

.userCommentInfo .comm-up-div-set {
    width: .8rem;
    height: .8rem;
    position: absolute;
    z-index: 1;
    background-image: url(../image/mobi/msgUpImg/delete11bf.png?v=201508241848);
    background-repeat: no-repeat;
    margin-top: -2.9rem;
    margin-left: 1.95rem;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.userCommentInfo .comm-up-div-set:hover {
    cursor: pointer
}

.userCommentInfo .l-star-list {
    color: #eaeaea;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 1.3rem;
    padding: .35rem 0
}

.userCommentInfo .l-star-list .score-tip {
    display: none;
    font-size: .7rem;
    vertical-align: top;
    border: 1px solid;
    line-height: .7rem;
    height: .7rem;
    padding: .15rem;
    margin: .2em .5rem
}

#g_body .productNewDetailPanel .g_defaultColor {
    color: #4e4e4e
}

#g_body .productNewDetailPanel .g_mirrorColor {
    color: #999
}

.userCommentGoBack.icon-gClose:before {
    color: #4e4e4e;
    font-size: 1.4rem
}

.commentBoxPanel .commentBox .msgArea {
    border-bottom: 1px solid #f2f2f2
}

.shareListPanel {
    height: 11.25rem !important;
    overflow-x: hidden
}

.proHome, .proShare {
    border: 1px solid #ccc;
    box-sizing: border-box
}

.productNewDetailPanel .g_middleColor {
    color: #333;
    font-size: .75rem
}

.productMallOptionContent .g_middleColor {
    color: #333
}

.shareListPanel .shareListPanelBg {
    height: 100%;
    width: 100%
}

.shareListPanel .shareListContent.shareListContentShow {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: -moz-translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.shareListPanel .shareListContent {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff
}

.shareListPanel .shareTitle {
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    color: #999
}

.shareListPanel .shareListShow {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 6.5rem
}

.shareListPanel a:nth-child(1) {
    margin-left: .7rem
}

.shareListPanel a:nth-child(5) {
    margin-left: .7rem
}

.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-sina_weibo:before {
    content: "\e717";
    background-color: #e92529;
    border-radius: 100%
}

.icon-qq_weibo:before {
    content: "\e716";
    background-color: #0590ce;
    border-radius: 100%
}

.icon-qq_zone:before {
    content: "\e718";
    background-color: #0a97f7;
    border-radius: 100%
}

.icon-kaixin001:before {
    content: "\e719";
    background-color: #ff9600;
    border-radius: 100%
}

.icon-renren:before {
    content: "\e71a";
    background-color: #4a76c0;
    border-radius: 100%
}

.icon-douban:before {
    content: "\e71b";
    background-color: #2d9918;
    border-radius: 100%
}

.icon-sohu_weibo:before {
    content: "\e71c";
    background-color: #fdd100;
    border-radius: 100%
}

.icon-netease_weibo:before {
    content: "\e717";
    background-color: red;
    border-radius: 100%
}

.icon-baidu_hi:before {
    content: "\e71e";
    background-color: #3f3fd8;
    border-radius: 100%
}

.icon-baidu_tieba:before {
    content: "\e71f";
    background-color: #1e84e1;
    border-radius: 100%
}

.icon-taojianghu:before {
    content: "\e723";
    background-color: #ff5a00;
    border-radius: 100%
}

.icon-FaceBook:before {
    content: "\e720";
    background-color: #3b589c;
    border-radius: 100%
}

.icon-Twitter:before {
    content: "\e721";
    background-color: #1ab2e8;
    border-radius: 100%
}

.icon-LinkedIn:before {
    content: "\e722";
    background-color: #006a9a;
    border-radius: 100%
}

.shareText {
    color: #333;
    font-size: .6rem;
    text-align: center
}

.shareLink {
    display: inline-block
}

.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: "网易微博"
}

.g_locale2052 .icon-baidu_hi-text:after {
    content: "百度HI"
}

.g_locale2052 .icon-baidu_tieba-text:after {
    content: "百度贴吧"
}

.g_locale2052 .icon-taojianghu-text:after {
    content: "淘江湖"
}

.g_locale2052 .icon-FaceBook-text:after {
    content: "脸书"
}

.g_locale2052 .icon-Twitter-text:after {
    content: "推特"
}

.g_locale2052 .icon-LinkedIn-text:after {
    content: "领英"
}

.g_locale2052 .shareText:after {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
}

.g_locale2052 .shareListPanel {
    height: 13.75rem !important
}

.g_locale2052 .shareListPanel .shareListShow {
    height: 9rem
}

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

.webPagePanel {
    position: fixed;
    min-height: 100%;
    display: none;
    z-index: 1000;
    overflow-y: auto;
    width: 100%;
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    max-width: 640px;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

#g_web.gwNoScroll {
    -ms-overflow-style: none;
    overflow: hidden;
    overflow-y: hidden;
    height: 100%
}

#g_web.gwNoScroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none !important
}

.webPagePanelBg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    max-width: 640px;
    top: 0;
    z-index: 999
}

.webPagePanel .webPagePanelShow {
    bottom: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 640px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible
}

.webPagePanelRight {
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: -moz-translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0)
}

.webPagePanelLeft {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: -moz-translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0)
}

.webPagePanelTop {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: -moz-translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, 100%, 0)
}

.webPagePanelBottom {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: -moz-translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0)
}

.formMiddleContent19 {
    margin-bottom: 4.5rem
}

.newsNewDetailPanel .newsContentPanel {
    padding: 0 .45rem .5rem .45rem;
    word-wrap: break-word;
    word-break: break-all
}

.newsNewDetailPanel .newsShare {
    right: .45rem;
    top: .4rem
}

.newsNewDetailPanel .newsHome {
    top: .4rem
}

.newsNewDetailPanel .newsBack {
    left: .45rem;
    top: .4rem
}

.newsNewDetailPanel .newsInfoTitle {
    padding: .45rem .5rem
}

.newsNewDetailPanel .newsFigure {
    position: relative;
    background-size: cover
}

.newsCustomPanel {
    height: 1rem;
    line-height: 1rem;
    margin-top: .3rem;
    font-size: .6rem
}

.newsNewDetailPanel .newsCustom {
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    margin-right: .55rem;
    color: #666
}

.newsNewDetailPanel .newsView {
    float: right;
    margin-left: .55rem;
    margin-right: 0
}

.newsNewDetailPanel .newsGroup {
    line-height: 1.42rem;
    margin-bottom: .45rem
}

.newsNewDetailPanel .newsGroup .newsGroupIcon {
    display: inline-block;
    vertical-align: middle
}

.newsNewDetailPanel .newsGroup .newsGroupTag {
    display: inline-block;
    height: .95rem;
    line-height: .95rem;
    min-width: 2.4rem;
    text-align: center;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-right: 12px;
    font-size: .65rem;
    vertical-align: middle;
    padding: 0rem .125rem
}

.newsNewDetailPanel .newsContent {
    padding: 1.2rem 0 1rem 0;
    font-size: .75rem;
    color: #333;
    line-height: 1.2rem
}

.icon-views::before {
    content: "\e727";
    font-size: .75rem;
    position: relative;
    top: .1rem
}

.icon-group::before {
    content: "\e695";
    font-size: 1.42rem;
    top: .1rem;
    color: #c7c7c7
}

.newsNewDetailPanel .newsContent p {
    line-height: 1.2rem
}

.newsNewDetailPanel .newsFigure img {
    width: 100%
}

.newsNewDetailPanel .newsSource, .newsNewDetailPanel .newsLink {
    font-size: .6rem;
    color: #333;
    margin-bottom: .45rem;
    word-wrap: break-word;
    word-break: break-all
}

.newsNewDetailPanel .newsPrev, .newsNewDetailPanel .newsNext {
    font-size: .6rem;
    color: #333;
    margin-top: .45rem
}

.newsNewDetailPanel .prevNextContent {
    width: 81%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.newsNewDetailPanel .prevNextContent .newsLink {
    color: #333
}

.newsNewDetailPanel .prevNextContent .newsLink:visited {
    color: #777
}

.newsNewDetailPanel .prevNextContent span {
    color: #CCC
}

.form .moduleContent .newsNewDetailPanel .newsLink a {
    color: #0591c8
}

.newsBottom {
    height: 2.2rem;
    z-index: 9;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    text-align: center;
    background-color: #ddd;
    font-size: .6rem
}

.icon-postComm {
    font-size: .9rem;
    position: relative;
    top: .15rem
}

.icon-postComm:before {
    content: "\e72a"
}

.postComment {
    height: 1.65rem;
    line-height: 1.65rem;
    margin: .3rem .8rem;
    background-color: #fff;
    border-radius: .8rem;
    color: #999
}

.newsNewDetailPanel .commentBox {
    margin: 0;
    padding: 0 .45rem;
    border-top: 1px solid #ddd
}

.newsNewDetailPanel .g_separator {
    border-bottom: 1px solid #ddd
}

.nnewsComHeader {
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: .7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    box-sizing: border-box
}

.newsNewDetailPanel .commentBox .msgArea {
    padding: .75rem 0 1rem 0;
    border-bottom: 1px solid #ddd;
    margin: 0
}

.newsNewDetailPanel .commentBox .msgArea:last-child {
    border-bottom: 0
}

.icon-nUserMsgIcon:before {
    content: "\e6b3";
    padding-right: .2rem;
    font-size: 1rem;
    z-index: 2;
    position: relative;
    top: .2rem
}

.newsNewDetailPanel .msgTitle {
    font-size: .55rem;
    line-height: 1.1rem;
    min-height: .55rem
}

.newsNewDetailPanel .msgArea .msgContent {
    line-height: 1.2rem;
    color: #4e4e4e
}

.newsNewDetailPanel .msgArea .msgTime {
    color: #999
}

.msgUser span {
    opacity: .65
}

.getMoreComments {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .65rem;
    color: #666;
    margin: 0 .45rem;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    text-align: center
}

.icon-noFigure:before {
    content: "\e729";
    display: inline-block;
    font-size: 6rem;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -3rem 0 0 -3rem;
    color: #fff;
    opacity: .5
}

#g_body.noScroll {
    overflow-y: hidden;
    max-height: 100%
}

.photoGroupAll {
    overflow: hidden;
    padding: .5rem
}

.photoGroup {
    height: 8rem;
    margin-top: 2%
}

.photoGroupAll .photoGroup .photoGroup-a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    color: #fff;
    font-family: 微软雅黑;
    overflow: hidden;
    z-index: 3;
    box-sizing: border-box;
    text-align: center
}

.photoGroup-img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.photoGroup-curtain {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

.photoGroup-curtainDefault {
    background-image: url(../image/mobi/descBg26fa.png?v=201502031406);
    background-repeat: repeat;
    height: 1.5rem
}

.photoGroup-FontDiv {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.photoGroup-title {
    text-align: left;
    width: 62%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    position: absolute;
    left: 2%;
    bottom: 2%;
    z-index: 2;
    font-size: .7rem
}

.photoGroup-photoNum {
    text-align: right;
    width: 34%;
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 2;
    font-size: .6rem
}

.photoGroupStyle2 {
    float: left;
    width: 49%
}

.photoGroupStyle2:nth-child(1) {
    margin-top: 0
}

.photoGroupStyle2:nth-child(2) {
    margin-top: 0
}

.photoGroupStyle2:nth-child(2n+2) {
    margin-left: 2%
}

.photoGroupStyle1:nth-child(1) {
    margin-top: 0
}

.ps-active {
    overflow-y: hidden !important
}

.phoneDiv {
    width: 100%
}

.tablesDiv {
    width: 105%;
    max-width: 640px;
    height: auto;
    max-height: 100%;
    overflow: auto;
    background-color: white;
    opacity: 1;
    position: fixed;
    bottom: -100%;
    z-index: 101;
    transition: all .3s ease
}

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

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

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

.tableBox .phoneName {
    color: black;
    text-align: center;
    height: 51px;
    line-height: 51px;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    font-size: .8rem
}

.tableBox .phoneNumber {
    font-size: .8rem;
    font-weight: bold;
    color: black;
    width: 50%;
    height: 51px;
    line-height: 51px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding-left: .25rem;
    padding-right: .25rem;
    text-align: center
}

.tableBox .phoneOperation {
    width: 25%;
    height: 51px;
    margin-right: 0;
    padding-left: 0;
    line-height: 51px
}

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

.phoneOperImg {
    width: 1.75rem;
    height: 1.75rem;
    background: url(../image/phone7f20.png?v_20140271750) 0 0 no-repeat;
    background-size: 1.75rem 1.75rem;
    float: right
}

.phoneOperImg:active {
    background: url(../image/phone17f20.png?v_20140271750) 0 0 no-repeat rgba(0, 0, 0, .2);
    background-size: 1.75rem 1.75rem;
    border-radius: 9px
}

.pCancle {
    height: 2.75rem;
    line-height: 2.75rem;
    width: 100%;
    text-align: center
}

.phoneCancle {
    height: 2.75rem;
    line-height: 2.75rem;
    display: inline-block;
    font-size: 1.15rem;
    color: #585858;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: default
}

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

.qqDiv {
    width: 100%
}

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

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

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

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

.tableBox .qqName {
    color: black;
    text-align: center;
    height: 51px;
    line-height: 51px;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    font-size: .8rem
}

.tableBox .qqNumber {
    color: black;
    font-size: .8rem;
    font-weight: bold;
    width: 50%;
    height: 51px;
    line-height: 51px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding-left: .25rem;
    padding-right: .25rem;
    text-align: center
}

.tableBox .qqOperation {
    width: 25%;
    height: 51px;
    margin-right: 0;
    padding-left: 0;
    line-height: 51px
}

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

.qqOperImg {
    width: 1.75rem;
    height: 1.75rem;
    background: url(../image/QQ7f20.png?v_20140271750) 0 0 no-repeat;
    background-size: 1.75rem 1.75rem;
    float: right
}

.qqOperImg:active {
    background: url(../image/QQ17f20.png?v_20140271750) 0 0 no-repeat rgba(0, 0, 0, .2);
    background-size: 1.75rem 1.75rem;
    border-radius: 9px
}

.qCancle {
    height: 2.75rem;
    line-height: 2.75rem;
    width: 100%;
    text-align: center
}

.qqCancle {
    height: 2.75rem;
    line-height: 2.75rem;
    display: inline-block;
    font-size: 1.15rem;
    color: #585858;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: default
}

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

.bgm_icon {
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    border: .25rem solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 1
}

#bgm_icon {
    -webkit-transition: all 150ms;
    -ms-transition: all 150ms;
    -moz-transition: all 150ms;
    transition: all 150ms
}

.bgm_icon_inner {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: url(../image/musicIcon7f20.png?v_20140271750) rgba(0, 0, 0, 0.4) no-repeat;
    background-size: 60%;
    background-position: .2rem .25rem
}

.bgm_rightUp, .bgm_rightDown {
    margin-left: 13.75rem
}

.bgm_leftUp, .bgm_leftDown {
    margin-left: .5rem
}

.bgm_on {
    background-image: url(../image/musicIcon7f20.png?v_20140271750);
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bgm_off {
    background-image: url(../image/musicIcon7f20.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) no-repeat center center
}

div.ps-carousel-item-error {
    background: url(error.html) no-repeat center center
}

div.ps-caption {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: .6rem;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    text-align: center
}

div.ps-caption * {
    display: inline
}

div.ps-caption-bottom {
    border-top: 1px solid #42403f;
    border-bottom: 0;
    min-height: 2.2rem
}

div.ps-caption-content {
    padding: .7rem;
    display: block
}

div.ps-caption-content .ps-page {
    display: block;
    text-align: right;
    color: #fff
}

div.ps-caption-content .ps-comm-page {
    position: absolute;
    text-align: left;
    margin-left: 3rem;
    color: #fff;
    left: 0rem;
    font-size: .7rem
}

div.ps-toolbar {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    text-align: center;
    overflow: visible !important;
    z-index: 1001 !important;
    display: table;
    table-layout: fixed
}

div.ps-toolbar * {
    display: block
}

div.ps-toolbar-top {
    border-bottom: 1px solid #42403f;
    border-top: 0
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play {
    cursor: pointer;
    display: table-cell;
    height: 2.2rem
}

div.ps-uidetail {
    background: rgba(0, 0, 0, .8);
    display: none
}

div.ps-toolbar div div.ps-toolbar-content {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 auto 0;
    background-image: url(../image/icons%402xf4e6.png?v=201412151729);
    -moz-background-size: 8.8rem 4.4rem;
    -o-background-size: 8.8rem 4.4rem;
    -webkit-background-size: 8.8rem 4.4rem;
    background-size: 8.8rem 4.4rem;
    background-repeat: no-repeat
}

div.ps-toolbar-base {
    position: relative
}

div.uiDetailChild {
    top: 2rem;
    color: #fff;
    height: 100%;
    position: relative
}

div.uiDetailContent {
    padding: 0 .5rem
}

div.uiDetailTitle {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    background-size: 40%;
    border: 1px solid #faf9f9;
    border-radius: 2px;
    right: .5rem;
    top: .55rem;
    width: 1.8rem;
    height: .8rem;
    cursor: pointer;
    color: #fff
}

div.icon-uiDetailTitle:before {
    content: "\e701";
    font-size: 1rem;
    position: relative;
    left: .4rem;
    bottom: .15rem
}

#ui-detail-title-name-id {
    height: 2rem;
    line-height: 2rem
}

div.uiDetailTitlePanel {
    position: absolute;
    right: 0;
    bottom: 1px;
    height: 2rem;
    width: 100%;
    top: 0
}

div.ps-toolbar-base-detail {
    position: absolute;
    right: .5rem;
    bottom: .4rem;
    background-size: 40%;
    border: 1px solid #faf9f9;
    border-radius: 2px;
    width: 1.8rem;
    height: .8rem;
    cursor: pointer
}

div.icon-toolbar-base-detail:before {
    content: "\e701";
    font-size: 1rem;
    top: -2px;
    position: relative
}

div.ps-toolbar-close div.ps-toolbar-content {
    background-position: 0 0
}

div.ps-toolbar-previous div.ps-toolbar-content {
    background-position: -2.2rem 0
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content {
    background-position: -44px -44px
}

div.ps-toolbar-next div.ps-toolbar-content {
    background-position: -6.6rem 0
}

div.ps-toolbar-next-disabled div.ps-toolbar-content {
    background-position: -132px -44px
}

div.ps-toolbar-play div.ps-toolbar-content {
    background-position: -88px 0
}

div.ps-toolbar-base-describe {
    max-height: 4rem;
    position: relative;
    text-align: left;
    padding: .25rem .5rem
}

div.ps-toolbar-base-title {
    font-size: .7rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: left;
    text-indent: .5rem;
    font-weight: normal;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

div.ps-toolbar-close-style {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    position: fixed;
    top: 0;
    background-size: 70%;
    margin: .15rem;
    padding: inherit
}

div.icon-toolbar-close-style:before {
    content: "\e60e";
    font-size: 2rem
}

#g_body.g_viewMode {
    overflow-y: auto;
    -ms-overflow-style: none
}

.g_viewMode .sitetipsTitle {
    position: relative;
    left: -19px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.g_viewMode .fullTableDiv {
    height: 3.2rem
}

.g_viewMode, .g_viewMode * {
    cursor: url(../image/viewCursor.png) 10 10, all !important
}

.g_viewMode * {
    -moz-user-select: all;
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.g_viewMode .webTips {
    display: none !important
}

.g_viewMode::-webkit-scrollbar, .g_viewMode div::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    display: none
}

.g_viewMode::-webkit-scrollbar-track, .g_viewMode div::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0) !important
}

.g_viewMode::-webkit-scrollbar-thumb, .g_viewMode div::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5) !important
}

.fullScreenBackground {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.pagenation .icon-pagePrev.icon-cnNewsP:before {
    content: '上一篇';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-right: 0
}

.pagenation .icon-pageNext.icon-cnNewsN:before {
    content: '下一篇';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-left: 0
}

.pagenation .icon-pagePrev.icon-cnListP:before {
    content: '上一页';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-right: 0
}

.pagenation .icon-pageNext.icon-cnListN:before {
    content: '下一页';
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-left: 0
}

.g_locale2052 .icon-userIcon:before, .g_locale2052 .icon-pswIcon:before, .g_locale2052 .icon-emailIcon:before, .g_locale2052 .icon-phoneIcon:before, .g_locale2052 .icon-msgIcon:before, .g_locale2052 .icon-nameIcon:before, .g_locale2052 .icon-customIcon:before, .g_locale2052 .icon-codeIcon:before, .g_locale2052 .icon-npwdIcon:before, .g_locale2052 .customIcon {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    font-size: .7rem;
    position: absolute;
    top: .85rem;
    left: .75rem;
    color: #333;
    z-index: 3;
    display: inline-block;
    max-width: 2.8rem;
    height: 1rem;
    overflow: hidden;
    white-space: nowrap !important
}

.g_locale2052 .icon-userIcon:before {
    content: '帐号'
}

.g_locale2052 .icon-pswIcon: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
}

.icon-lockstarIcon:before {
    content: "\e733";
    vertical-align: middle;
    font-size: 7rem;
    text-align: center;
    margin-top: 1.5rem;
    display: inline-block;
    margin-left: 1rem;
    color: #cacaca
}

.customIcon {
    display: none
}

.icon-customIcon:before {
    content: "\e6e0";
    position: absolute;
    top: .8rem;
    left: .6rem;
    font-size: .9rem;
    z-index: 2
}

.g_locale2052 .modifyProfile .g_input {
    padding-left: 3.55rem
}

.g_locale2052 .modifyProfile .icon-pswIcon {
    display: none
}

.g_locale2052 .modifyProfile .icon-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: 3.65rem
}

#addrInfoList .addrInfo {
    height: 7rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid #f2f2f2;
    background-color: #FFF;
    margin-top: .6rem;
    overflow: hidden
}

#addrInfoList .addrInfo .left {
    width: 2rem;
    float: left;
    margin-top: 1.5rem
}

#addrInfoList .addrInfo .left .selected:before {
    font-family: 'icomoon', 微软雅黑, 'microsoft yahei', 宋体, 新宋体;
    content: "\e777";
    color: #d00202;
    font-size: 2.2rem
}

#addrInfoList .addrInfo .middle {
    float: left
}

#addrInfoList .addrInfo .right {
    width: 2rem;
    float: left;
    margin-top: 1.5rem
}

#addrInfoList .addrInfo .right .edit:before {
    font-family: 'icomoon', 微软雅黑, 'microsoft yahei', 宋体, 新宋体;
    content: "\e65e";
    color: #666;
    font-size: 1.6rem
}

#addrInfoList .shipTopBg {
    width: 100%;
    height: .3rem;
    background: url(../image/mall/shipTopBg.jpg);
    background-size: 100% 100%;
    background-position: 0rem 0rem
}

#addrInfoList .addrInfo .nameAndPhone {
    height: 1rem;
    padding-top: .5rem
}

#addrInfoList .addrInfo .nameAndPhone .name {
    line-height: 1rem;
    margin-left: .5rem;
    font-size: .65rem;
    color: #333
}

#addrInfoList .addrInfo .nameAndPhone .phone {
    float: right;
    margin-right: 1rem
}

#addrInfoList .addrInfo .address {
    height: 3rem;
    width: 95%;
    line-height: 1rem;
    font-size: .6rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: .5rem;
    margin-left: .5rem
}

#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: 640px;
    margin: 0
}

#addrInfoList .orderAddAddrInfo {
    padding-top: 1rem;
    text-align: center;
    height: 1.8rem;
    width: 100%;
    font-size: .8rem;
    color: #FFF;
    border-top: 1px solid #ccc;
    line-height: 1rem;
    max-width: 640px;
    margin: 0
}

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

#editAddrInfo .addrSettle .editPanel {
    background-color: #fff;
    padding: .5rem
}

.addrSettle .g_input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7;
    padding-left: .75rem !important
}

#editAddrInfo .saveAddrInfo {
    bottom: 0;
    padding-top: .8rem;
    text-align: center;
    height: 1.8rem;
    width: 100%;
    font-size: .8rem;
    border-top: 1px solid #ccc;
    z-index: 10;
    position: fixed;
    line-height: 1rem;
    max-width: 640px
}

#editAddrInfo .orderSaveAddrInfo {
    padding-top: .8rem;
    text-align: center;
    height: 1.8rem;
    width: 100%;
    font-size: .8rem;
    color: #FFF;
    border-top: 1px solid #ccc;
    line-height: 1rem;
    max-width: 640px;
    top: .7rem
}

#editAddrInfo .default {
    height: 3.2rem;
    width: 100%
}

#editAddrInfo .default .setDefault {
    padding-top: .5rem;
    padding-left: .2rem;
    float: left
}

#editAddrInfo .default #div1 {
    padding-top: .5rem;
    width: 2.8rem;
    height: 1.1rem;
    border-radius: 1.2rem;
    position: relative;
    float: right;
    margin-right: 1.6rem
}

#editAddrInfo .default #div2 {
    width: 1.5rem;
    height: 1.6rem;
    border-radius: 1rem;
    position: absolute;
    background: white
}

#editAddrInfo .default .open1 {
    background: #d20001
}

#editAddrInfo .default .open2 {
    top: 0rem;
    right: 0rem
}

#editAddrInfo .default .close1 {
    background: #f8f8f8;
    border: .1rem solid #efefef
}

#editAddrInfo .default .close2 {
    left: -0.1rem;
    top: -0.1rem;
    border: .1rem solid rgba(0, 0, 0, 0.1)
}

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

.sysSearch .searchBackBtn {
    display: inline-block;
    width: 1.5rem;
    height: 1.65rem;
    line-height: 1.65rem;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #3c414a;
    margin-left: .425rem;
    margin-right: .125rem
}

.sysSearch .searchBackBtn:before {
    content: "\e60e";
    font-size: 1.35rem;
    font-weight: bold;
    color: #3c414a
}

.sysSearch .searchBar {
    display: inline-block;
    width: 12.9rem;
    height: 1.6rem;
    position: relative;
    border: solid 1px #e6e6e6;
    line-height: 1.6rem;
    color: #979797;
    font-size: .6rem;
    padding-left: .3rem
}

.sysSearch .searchBar .searchTip {
    cursor: pointer
}

.sysSearch .icon-mSearchBtn {
    color: #979797
}

.productNewGroup {
    width: 100%
}

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

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

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

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

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

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

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

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

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

.productNewGroup .unFirstGroup .checkedPanel {
    display: block
}

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

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

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

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

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

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

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

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

.productNewGroup .unFirstGroup .secondGroupPanel .secondGroupItem .secndGroupCenter .thirdGroupImageItem {
    width: 2.75rem;
    height: 4.75rem;
    display: inline-block;
    margin: 1rem .5rem 0rem .5rem;
    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
}

.quick_in {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 1000;
    top: 2.05rem;
    right: 0;
    display: none;
    background: url(../image/bg029752.png?v=201412011717) -314px -185px no-repeat;
    background-color: #3b85d0
}

.adsPicture {
    width: 100%;
    height: auto
}

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

.adsPicture img {
    width: 100%
}

@charset "utf-8";
a {
    color: #fff
}

.g_web {
    background: #fff;
    overflow-x: hidden
}

.webContainerBox {
    background: #fff;
    top: 0;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.webModuleContainer {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.webTips {
    z-index: 2
}

.webTop {
    z-index: 1;
    background: rgba(0, 0, 0, .5)
}

.webHeaderBox {
    position: absolute;
    top: 0;
    z-index: 9
}

.webHeaderBg {
    background: #fff;
    -webkit-box-shadow: 0 .2rem 0 #179f86 inset;
    -ms-box-shadow: 0 .2rem 0 #179f86 inset;
    -moz-box-shadow: 0 .2rem 0 #179f86 inset;
    -o-box-shadow: 0 .2rem 0 #179f86 inset;
    box-shadow: 0 .2rem 0 #179f86 inset;
    color: #179f86
}

.header {
    height: 2.25rem;
    line-height: 2.25rem
}

.header img {
    height: 2.25rem;
    right: 0rem
}

.header .pageLogo {
    display: inline-block;
    width: 3rem;
    height: 2.5rem
}

.header .pageLogo.left {
    float: left
}

.header .pageLogo.center {
    float: none
}

.webHeaderBg .pageTitle {
    height: 2.25rem;
    line-height: 2.25rem;
    color: #179f86;
    vertical-align: top
}

.webBannerBox {
    z-index: 1
}

.webBanner {
    z-index: 2
}

.defaultBanner {
    background-image: url(../../image/banner/40001.jpg);
    background-position: 50% 50%
}

.navbar {
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    z-index: 3;
    height: 100%;
    max-width: 640px;
    width: 0;
    right: auto;
    left: auto;
    top: 0;
    -webkit-transform: translate(0rem, 0rem);
    -ms-transform: translate(0rem, 0rem);
    -moz-transform: translate(0rem, 0rem);
    -o-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem);
    display: block;
    -webkit-transition: all 350ms;
    -ms-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: block;
    top: 0;
    -webkit-transform: translate(0rem, 0rem);
    -ms-transform: translate(0rem, 0rem);
    -moz-transform: translate(0rem, 0rem);
    -o-transform: translate(0rem, 0rem);
    transform: translate(0rem, 0rem)
}

.navbar .navbarList {
    background: rgba(255, 255, 255, 0.95);
    margin-top: 2.25rem;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 7.5rem
}

.navbar .navItem {
    width: 7.5rem;
    opacity: 0;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.navbar .navItem:last-child {
    margin-bottom: 3.4rem
}

.navbar .navItem a {
    height: 2.2rem;
    color: #666;
    line-height: 2.2rem;
    text-align: center;
    display: block;
    font-size: .7rem;
    margin: 0 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 0;
    overflow: hidden;
    width: 100%
}

.navbar .navItem:active {
    background: #bbb
}

.navbar .itemSelected {
    background: #179f86
}

.navbar .itemSelected a {
    background: rgba(255, 255, 255, 0.8)
}

.navbar .itemSep {
    display: block;
    height: 0rem
}

.navBaseIcon .navItemIcon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1rem;
    margin-right: 1rem;
    margin-left: .2rem
}

.navBaseIcon .navItem a {
    line-height: 2rem;
    text-align: left
}

.navButton {
    position: fixed;
    bottom: 5rem;
    height: 2.5rem;
    width: 2.5rem;
    z-index: 1;
    float: left
}

.navButton .menuNav .menuNavTip {
    -webkit-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -o-border-radius: .3rem;
    border-radius: .3rem;
    width: 2rem;
    height: 2rem;
    background: #179f86;
    float: left;
    margin: 1.5rem 0 .25rem .5rem;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5)
}

.navButton .menuNav .menuNavTip:active {
    background: rgba(0, 0, 0, 0.5)
}

.navbar.open {
    width: 7.5rem;
    -webkit-transition: all 350ms;
    -ms-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.g_panel {
    background: #e7e7e7
}

.g_replyPanel {
    background: #bdbdbd
}

.g_panelArrow {
    color: #bdbdbd
}

.g_separator {
    background: #ececec
}

.g_separator:last-child {
    display: none
}

.g_button {
    background: #1B94F7;
}

.form {
    margin-top: 0rem;
    background: #1c1c1c
}

.form .titleCenter {
    height: 2rem;
    line-height: 2rem;
    background: #f2f2f2;
    background-image: gradient(linear, left bottom, left top, color-stop(1.0, #333), color-stop(0.0, #262626));
    position: relative;
    padding: 0
}

.form .formBannerMore .titleMore {
    display: none
}

.form .formBannerMore .titleMoreIcon {
    display: block;
    padding: 0rem;
    width: 1.3rem;
    height: 2rem;
    background-size: 1.2rem;
    border-left: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.form .formBannerMore .titleMoreIcon:active {
    background: #f2f2f2
}

.form .formBannerTitle .textContent {
    width: 80%;
    margin: 0 -0.3rem
}

.form .formBannerTitle .titleTextIcon {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    background: #179f86;
    margin-right: 1rem;
    position: relative;
    left: .3rem;
    -webkit-box-shadow: -0.3rem 0 0 #fff inset;
    -ms-box-shadow: -0.3rem 0 0 #fff inset;
    -moz-box-shadow: -0.3rem 0 0 #fff inset;
    -o-box-shadow: -0.3rem 0 0 #fff inset;
    box-shadow: -0.3rem 0 0 #fff inset;
    margin-top: .7rem
}

.form .formBannerTitle .titleText {
    color: #000;
    text-indent: 0rem
}

.form .formMiddle {
    margin-top: 0rem;
    overflow: hidden;
    background: #fff;
    padding-bottom: 0rem
}

.form .formMiddle .styleForm1 {
    padding-bottom: .5rem
}

.form .moduleContent {
    color: #333
}

.form .moduleContent a {
    color: #333
}

.multilingualArea {
    background: #d1ece7
}

.multilingualArea .multiLanguageCtrl {
    color: #179f86
}

.multilingualArea .g_mullink {
    color: #179f86
}

.lanSelect .lanItem:hover {
    background-color: #7a100e
}

.checkEmail {
    color: #333
}

.mbTitle {
    color: #666
}

.admReqContent {
    color: #fff
}

.mtitle {
    margin-bottom: 0rem
}

.admReq {
    color: #fff
}

.msgBoard .mbLineCtrl {
    margin-bottom: .75rem
}

.msgArea .msgTime {
    color: #666
}

.msgArea .msgContent {
    color: #333
}

.newsList .line:before {
    content: "";
    position: absolute;
    width: 0rem;
    height: 0rem;
    top: .95rem;
    left: .5rem;
    border-top: .2rem solid transparent;
    border-left: .2rem solid #179f86;
    border-bottom: .2rem solid transparent
}

.newsList .line:after {
    position: absolute
}

.newsList .line:active {
    background: #f2f2f2
}

.newsDetail .title {
    border: 0;
    color: #fff;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: 0;
    padding: .25rem .1rem
}

.newsDetail .title .titleText {
    color: #333;
    background: 0
}

.newsDetail .title .titleText:before {
    color: #fff;
    background: 0
}

.form .mProductList a {
    color: #333
}

.form .formMiddle .productPicListForm {
    padding: .35rem 0rem
}

.form .formMiddle .productPicListForm:active {
    background: #f2f2f2
}

.form .formMiddle .mProductTileForm {
    padding: 0rem;
    padding-bottom: .5rem;
    background: 0
}

.form .formMiddle .mProductTileForm:active {
    background: #f2f2f2
}

.form .mProductList .productParam {
    color: #bcbcbc
}

.form .proImgSwipe .proDetailImgBox {
    background: #fff
}

.proDetailDiv .mallOptionBox {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: inset 0 1px 0 #232323, 0px 1px 0 #232323;
    -ms-box-shadow: inset 0 1px 0 #232323, 0px 1px 0 #232323;
    -moz-box-shadow: inset 0 1px 0 #232323, 0px 1px 0 #232323;
    -o-box-shadow: inset 0 1px 0 #232323, 0px 1px 0 #232323;
    box-shadow: inset 0 1px 0 #232323, 0px 1px 0 #232323
}

.proDetailDiv .mallOptionLine label {
    background: #303030;
    border: 1px solid #4d4d4d;
    color: #fff
}

.proDetailDiv .mallOptionLine .optionsBlock {
    color: #333
}

.pdCommentSwitchBox .pdCommentSwitch {
    border: 1px solid #cecece;
    color: #666
}

.orderSettle {
    color: #333
}

.orderSettle .orderSettle_line .top {
    color: #fff
}

.orderDetail {
    color: #333
}

.orderDetail .orderDetailTop .submitSucceed {
    color: #333
}

.orderDetail .orderDetailArea .bankListTable {
    color: #333
}

.orderDetail .orderDetail_line .line_title {
    -webkit-box-shadow: 0 1px 0 #232323;
    -ms-box-shadow: 0 1px 0 #232323;
    -moz-box-shadow: 0 1px 0 #232323;
    -o-box-shadow: 0 1px 0 #232323;
    box-shadow: 0 1px 0 #232323;
    border-bottom: 1px solid #000
}

.mall_product .mallOptions {
    color: #bcbcbc
}

.mallButton {
    color: #179f86;
    background: #fff;
    border: .05rem solid #179f86
}

.mall_editIcon {
    background-size: 1rem
}

.integralList {
    color: #333
}

.photoModule.styleForm1 {
    background: 0
}

.photoModule.styleForm1 .photoDiv {
    margin-bottom: .5rem;
    outline: .2rem solid #fff
}

.photoModule.styleForm1 .photoDiv .imgName {
    background: url(../../image/template/1003/Tcicon3c5a.html?v=201311181649) no-repeat 100% 100%;
    background-size: 1.1rem;
    font-size: .7rem
}

.photoModule.styleForm7 {
    outline: #fff solid .2rem;
    margin: .5rem .05rem
}

.photoModule.styleForm6 {
    outline: #fff solid .2rem;
    margin: .5rem .05rem
}

.sortPanelList .line:before {
    content: "";
    position: absolute;
    width: 0rem;
    height: 0rem;
    top: .75rem;
    left: .5rem;
    border-top: .2rem solid transparent;
    border-left: .2rem solid #179f86;
    border-bottom: .2rem solid transparent
}

.pagenation a {
    color: #fff;
    display: block
}

.pagenation .pageSelect {
    height: 1.25rem;
    border: 0;
    background: 0;
    position: relative
}

.pagenation .pageSelect:before {
    height: .2rem;
    content: "";
    width: .2rem;
    background: #000;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: .8rem;
    left: .5rem
}

.pagenation .pagePrev {
    width: 3.5rem;
    border: 1px solid #179f86;
    -webkit-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -o-border-radius: .1rem;
    border-radius: .1rem;
    overflow: visible;
    background-size: 100%
}

.pagenation .pageNext {
    width: 3.5rem;
    border: 1px solid #179f86;
    -webkit-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -o-border-radius: .1rem;
    border-radius: .1rem;
    overflow: visible;
    background-size: 100%
}

.pagenation .pagePrev:active {
    /*background: #1b96f8!important;*/
}

.pagenation .pageNext:active {
    /*background: #1b96f8!important;*/
}

.pagenation .pageDisable span {
    color: #999
}

.pagenation .pageOptions {
    color: #000
}

.footer {
    background: #fff
}

.webMapServiceBox {
    background: #830301
}

.webCustomerServiceBox .customerServiceDiv {
    padding-top: .15rem;
    position: fixed;
    bottom: 0rem;
    height: 2.4rem;
    z-index: 1;
    background-color: #179f86
}

.mobiAdvertisement_adImg {
    background: #179f86
}

.webFooterBox .bottomdiv .bottom {
    background: #179f86;
    height: 1.4rem
}

.technical a {
    color: #666
}

.technicalSupport {
    color: #666
}

.webFooterBox .bottomdiv .bottom .backtop {
    line-height: 1.4rem;
    font-size: .7rem;
    font-weight: bold
}

.siteFormMsg .loginClass {
    color: #000
}

.richContent {
    padding: 0 .5rem;
    color: #666
}

.richContent a {
    color: #fff
}

.remarkBox {
    padding: 0 .5rem
}

.line {
    padding-left: 1rem
}

.navButton .menuNav .icon-menuNavTip:before {
    font-size: 2.25rem;
    margin-left: -0.129rem;
    margin-top: -0.15rem
}

.productCrossedSlide:nth-child(2n+1) {
    margin-left: .65rem
}

.productCrossedSlide:nth-child(2n) {
    margin-right: .65rem
}

.productWaterFall:nth-child(2n+1) {
    margin-left: .65rem
}

.productWaterFall:nth-child(2n) {
    right: .65rem
}

.webContainerBox .bullets li.on {
    background: #179f86
}

.g_dashed {
    border-bottom: 0
}

.icon-gClose:before {
    color: #179f86
}

.navBaseIcon .icon-navItemIcon:before {
    color: #666;
    line-height: 1.1rem
}

.form .formBannerMore .icon-titleMore:before {
    content: "\e672";
    font-size: 1rem;
    color: #179f86
}

.icon-gline:after {
    content: "\e672";
    font-size: .8rem;
    color: #666;
    position: absolute;
    top: .6rem;
    right: .4rem
}

.navExistOffPanel.navPanelOpen {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    margin-left: 0
}

.pagenation .icon-pagePrev:before {
    color: #179f86
}

.pagenation .icon-pageNext:before {
    color: #179f86
}

.pagenation .icon-pagePrev.pageDisable:active:before {
    color: #179f86
}

.pagenation .icon-pageNext.pageDisable:active:before {
    color: #179f86
}

.navbar.open .navItem {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

#g_web .g_mainColor {
    color: #179f86
}

.productNewDetailPanel .bullets li.on {
    background-color: #179f86
}

.productNewDetailPanel .optionSelected {
    background-color: #179f86
}

.productNewDetailPanel .g_button {
    background-color: #179f86
}

.productNewDetailPanel .icon-pagePrev:before {
    color: #179f86
}

.productNewDetailPanel .icon-pagePrev {
    border-color: #179f86
}

.productNewDetailPanel .icon-pageNext:before {
    color: #179f86
}

.productNewDetailPanel .icon-pageNext {
    border-color: #179f86
}

.productNewDetailPanel .userComment {
    color: #179f86
}

.productNewDetailPanel .productAddMall {
    color: #179f86;
    border-color: #179f86
}

.productNewDetailPanel .productImmediatelyBug {
    background-color: #179f86;
    border-color: #179f86
}

.productNewDetailPanel .tabUl .tabActive {
    color: #179f86;
    border-color: #179f86
}

.productNewDetailPanel .mallPrice {
    color: #179f86
}

.webPagePanel .mallPrice {
    color: #179f86
}

.webPagePanel .tabUl .tabActive {
    color: #179f86;
    border-color: #179f86
}

.webPagePanel .optionSelected {
    background-color: #179f86
}

.webPagePanel .bullets li.on {
    background-color: #179f86
}

.msgArea .msgLevalUser {
    color: #179f86
}

.searchType0 .icon-mSearchBtn {
    color: #179f86
}

.searchType1 .icon-mSearchBtn {
    background-color: #179f86
}

.searchType2 .icon-mSearchBtn {
    background-color: #179f86;
    border-color: #179f86
}

.searchType3 .icon-mSearchBtn {
    color: #179f86
}

.searchType4 .icon-mSearchBtn {
    background-color: #179f86
}

.form .formMiddle .search.searchType5 {
    background-color: #179f86
}

#g_web .g_bgColor {
    background-color: #179f86
}

.productNewDetailPanel .detailHeaderColor {
    background-color: #179f86
}

.newsNewDetailPanel .detailHeaderColor {
    background-color: #179f86
}

.g_bdColor {
    border-color: #179f86
}

.g_color {
    color: #179f86
}
.form .formBannerTitle .textContent{color: #333;}
.form .formBannerTitle .titleTextIcon{background:#1b96f8!important; }
.newsList .line:before{border-left:.2rem solid #1b96f8!important;}
.pagenation .icon-pagePrev:before{color:#1b96f8!important; }
.pagenation .pagePrev{border: 1px solid #1b96f8!important; }
.pagenation .pageNext{border: 1px solid #1b96f8!important; }
.pagenation .pageNext:visited{text-decoration: none;color: #fff!important;}
.pagenation .icon-pageNext:before{color:#1b96f8!important; }
.pagenation .pageSelect{color: #333;}

.title{color: #333333;
    border-left: .13043rem solid #1b96f8;
    font-size: .78261rem;
    margin-top: .76087rem;
    margin-bottom: 1.41304rem;
    position: relative;
    left: -17px;
    height: 20px;
    line-height: 20px;
    }
.faq{height:auto;margin: 20px;font-size: .7em!important;}
.faq h3{
    color: #444;
    font-weight: normal;

}
.faq ul li p{
    color:#333;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    white-space: inherit;
}
.faq ul{margin: 10px 0;}
b, strong{color: #444;}
.faq ul li a{color: #00A0E9;}

.style{padding-bottom:2.17391rem; }
.btn-loading {
	background-color: #5CB3FB;
	background-image: url(/resource/img/index/loading-16.gif);
	background-repeat: no-repeat;
	background-position: 40% 50% !important;
}
.tip-success {
	text-align: center;
	display: none;
}
.tip-success span.icon {
	display: block;
	width: 100%;
	height: 100px;
	background: url(/resource/img/index/icon_success.png) no-repeat center center;
}
.tip-success h3 {
	color: #15AB22;
	font-size: 1.2em;
	line-height: 50px;
}
.tip-success p {
	color: #666;
	font-size: 15px;
	line-height: 30px;
}
.tip-success .btn {
	display: block;
	width: 200px;
	margin: 15px auto 0 auto;
	color: #333;
	padding: 10px 30px;
	border: 1px solid #bbb;
	border-radius: 5px;
}