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

html {
    height: 100%;
}

body {
    background: #282828;
}

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

a {
    color: #000;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}

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

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

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

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

.webContainerBox {
    z-index: 1;
    display: block;
    /*position: relative;*/
    top: 48px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
}

.webTop {
    margin: 0 auto;
    position: fixed;
    top: 0;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    width: 100%;
    max-width: 640px;
    height: 0;
}

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

.webHeaderBox {
    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;
}

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

    .header .pageTitle {
        z-index: 1;
        text-align: center;
        height: 48px;
        font-weight: normal;
        font-size: 20px;
        line-height: 48px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 76.56125%;
        display: inline-block;
        color: #fff;
    }

    .header img {
        height: 45px;
        vertical-align: top;
        width: 60px;
    }

    .header .pageLogo.right {
        float: right;
    }

.mobitipsTitle {
    position: fixed;
}

.webTips {
    position: fixed;
    max-width: 100%;
    width: 100%;
    z-index: 3;
    height: 30px;
    -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: 30px;
        font-size: 12px;
        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: 30px;
            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;
        min-height: 100%;
        width: 100%;
        display: block;
    }

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

    .loading .ui-loader .ui-icon {
        position: static;
        display: block;
        opacity: .9;
        margin: 20% auto;
        width: 60px;
        height: 60px;
        background-color: transparent;
    }

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

.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: 20px;
    background-size: 60px 60px;
}

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

.swipe .customBanner {
    background-size: 100% 100%;
}

.bannerHidden {
    display: none;
}

.bannerSwipeContainer {
    overflow: hidden;
    position: relative;
    height: 100%;
}

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

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

.webBannerBox .bannerBullet {
    position: absolute;
    height: 18px;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    width: 100%;
}

.webBannerBox div .bullets li {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #999;
    margin: 0 2px;
    cursor: pointer;
    background: #adb1b1;
}

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

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

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

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

.webFooter {
    margin: 0 auto;
}

.webFooterBox {
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
margin-bottom: 50px;
min-height:50px;
}

    .webFooterBox .bottomdiv {
        height: 35px;
    }

        .webFooterBox .bottomdiv .bottom {
            position: relative;
            background: #999;
            height: 30px;
        }

            .webFooterBox .bottomdiv .bottom .backtop {
                width: 40px;
                float: right;
                color: #fff;
                position: relative;
                text-transform: capitalize;
                text-align: right;
                padding-right: 20px;
                line-height: 30px;
                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: 10px;
                    right: 7px;
                    border: 4px transparent solid;
                    border-bottom-color: #fff;
                }

.webContainerBox .titleMoreLink span {
    color: #fff;
    padding: 0 10px;
    float: right;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    position: relative;
}

.webContainerBox .titleMoreIcon {
    display: none;
}

.productParam {
    text-align: left;
    line-height: 18px;
    color: #666;
    font-size: 14px;
}

.g_text.productParam {
    text-decoration: none;
    text-align: left;
    font-size: 16px;
    line-height: 40px;
    overflow: hidden;
}

.mProductList {
    margin-top: 10px;
}

    .mProductList a {
        color: #333;
        font-size: 14px;
        text-decoration: none;
    }

.paramName {
    text-align: left;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    width: 100%;
    margin-bottom: 8px;
}

.paramCollection {
    padding: 0 10px;
}

.num::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.num {
    height: 36px;
    line-height: 36px;
    width: 82px;
    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;
}

.decrease {
    font-weight: 400;
    display: inline-block;
    width: 40px;
    height: 38px;
    -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;
}

.increase {
    font-weight: 700;
    border: 0;
    display: inline-block;
    width: 40px;
    height: 38px;
    -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: -2px;
}

    .increase:active {
        background: #333;
    }

.decrease:active {
    background: #333;
}

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

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

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

.proDetailDiv .mallOptionLine input {
    display: none;
}

.proDetailDiv .mallOptionLine span {
    margin: 10px 0;
}

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

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

.g_breakline {
    height: 1px;
    background: #dcdcdb;
    margin: 20px 10px 0 10px;
}

.mallTips {
    background: rgba(0,0,0,.7);
    width: 280px;
    padding: 0 10px;
    border-radius: 4px;
    margin: 50% auto;
    color: #fff;
    max-width: 550px;
}

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

        .mallTips .top .topIcon {
            margin-top: 5px;
            width: 50px;
            height: 50px;
            background: url(../image/mall/chenggong.png?v=201312231800) no-repeat;
            background-size: 40px 40px;
            background-position: 5px 5px;
        }

        .mallTips .top .topText {
            text-align: left;
            line-height: 60px;
            margin-left: 10px;
            font-size: 16px;
            font-weight: bold;
        }

    .mallTips .bottom .left {
        text-align: center;
        line-height: 50px;
    }

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

.marketPrice {
    text-decoration: line-through;
}

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

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

.form .formMiddle .imgClass_160 {
    height: 160px;
}

.form .formMiddle .imageMiddle {
    /*商城展示的时候span不能为块状元素*/
    /*display: inline-block;*/
    height: 100%;
    vertical-align: middle;
}

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

    .form .formMiddle .search a.mSearchBtn:active {
        background: url(../image/mobi/searchIconActive.png?v=201403041746) 50% 50% no-repeat,url(../image/mobi/searchBtn.jpg?v=201403041746) 50% 50% no-repeat;
        background-size: 35px 35px;
    }

.pageButton {
    width: 60px;
    height: 25px;
    border: 1px #c9c9c9 solid;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    float: left;
}

    .pageButton p {
        text-decoration: none;
        text-align: center;
        line-height: 15px;
        color: #666;
        box-shadow: rgba(247,239,239,0.5) 0 0 24px inset;
        padding: 5px;
    }

.lastPageButton {
    border-radius: 10px;
    margin-left: -5px;
    margin-top: 15px;
    float: left;
    width: 32px;
    height: 50px;
    background-color: rgba(0,0,0,0.3);
    background-image: url(../image/Pc.png?v=201401151016);
    background-repeat: no-repeat;
    background-position: 2px -78px;
}

.nextPageButton {
    margin-right: -5px;
    border-radius: 10px;
    margin-top: 15px;
    float: right;
    width: 32px;
    height: 50px;
    background-color: rgba(0,0,0,0.3);
    background-image: url(../image/Pc.png?v=201401151016);
    background-repeat: no-repeat;
    background-position: -34px -78px;
}

.box .imgClass {
    margin: 10px 0;
}

.mProductList .paramNowrap {
    width: 100%;
    white-space: nowrap;
    display: inline-table;
    table-layout: fixed;
}

.mProductTileForm {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

    .mProductTileForm .paramCollection {
        padding: 0;
        max-width: 160px;
        margin: 3px auto 0 auto;
    }

    .mProductTileForm .paramNowrap {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

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

.tableBox {
    display: table;
    margin: 5px 0;
    width: 100%;
}

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

    .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: 12px;
    -webkit-backface-visibility: hidden;
}

    .form .formBannerTitle {
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        line-height: 35px;
    }

.formBannerTitle {
    width: 100%;
}

.formMiddle {
    width: 100%;
}

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

.formBannerTitle .titleTextIcon {
    display: none;
    float: left;
}

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

.newsList .g_border {
    height: 0;
    width: 100%;
    border-bottom: 1px #ccc solid;
}

.newsDetail .title {
    float: none;
    width: auto;
    line-height: 30px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px #ccc solid;
}

.newsList .line {
    background-repeat: no-repeat;
    background-position: 5px 20px;
    padding-left: 10px;
}

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

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

.newsList .line .newsCalendar {
    height: 23px;
    line-height: 23px;
    width: 75px;
    cursor: pointer;
    text-align: right;
}

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

.newsList .line a {
    display: inline-block;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: normal;
    width: 90%;
    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;
}

.newsList .topFlagLine {
    padding-left: 32px;
}

.g_topFlag1 {
    background: url(../image/g_topFlag1.gif) no-repeat 0 0;
}

.g_topFlag2 {
    background: url(../image/g_topFlag2.gif) no-repeat 0 0;
}

.g_topFlag3 {
    background: url(../image/g_topFlag3.gif) no-repeat 0 0;
}

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

.newsList .line .lineBody .g_topFlag {
    width: 20px;
    height: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
}

.newsList .mixNewsStyleLine .lineBody .g_topFlag {
    width: 20px;
    height: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
}

.newsList .mixNewsStyleLine .newsCalendar {
    height: 23px;
    line-height: 23px;
    width: 75px;
    cursor: pointer;
    text-align: right;
}

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

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

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

.newsList .topFlagLine a {
    width: 80%;
}

.newsList .mixNewsStyleLine .lineBody {
    overflow: hidden;
    padding: 0 0 8px 0;
}

.newsList .mixNewsStyleLine .mixNewsStyleImgBox {
    float: left;
    clear: both;
    padding: 10px 10px 0 10px;
}

    .newsList .mixNewsStyleLine .mixNewsStyleImgBox img {
        float: left;
    }

.newsList .mixNewsStyleLine .mixNewsStyleTitleContainer {
    padding: 5px 0 0 0;
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle1 {
    width: auto;
    display: inline;
    font-weight: bold;
    line-height: 22px;
}

.newsList .mixNewsStyleLine .mixNewsStyleTitle2 {
    width: 50%;
    height: 26px;
    font-weight: bold;
    line-height: 26px;
}

.newsList .mixNewsStyleLine .mixNewsStyleSummary {
    color: #808080;
    display: block;
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: visible;
    cursor: pointer;
}

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

.navLeft {
    display: none;
}

.navRight {
    display: none;
}

.navTouchLeft, .navTouchRight {
    height: 100%;
    width: 20px;
    position: absolute;
    display: none;
    z-index: 1;
    top: 0;
}

.navTouchLeft {
    left: 0;
}

.navTouchRight {
    right: 0;
}

.navbar .Line {
    display: none;
}

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

.navbar .navButton {
    display: none;
}
/*fixed bug*/
.navButton {
    position:relative;
    z-index:1;
}

.navButtonPanel {
    display: none;
}

.navbar .navMenuHeader {
    display: none;
}

.navBaseIcon .navItemIcon {
    width: 20px;
    height: 22px;
    display: block;
    background-size: contain;
    margin: 0 auto;
}

.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: 14px;
    color: #333;
    height: 50px;
    width: 100%;
    text-align: center;
}

    .pagenation a {
        text-decoration: none;
        padding: 10px 24px;
    }

    .pagenation .pagePrev {
        float: left;
        display: inline-block;
        width: 95px;
        border: 1px solid #c9c9c9;
        margin: 12px 0 10px 10px;
    }

    .pagenation .pageNext {
        float: right;
        display: inline-block;
        width: 95px;
        height: 30px;
        border: 1px solid #c9c9c9;
        margin: 12px 10px 10px 0;
    }

.paginateTable .pagenation .pagePrev {
    margin-left: 30px;
    width: 95px;
}

.paginateTable .pagenation .pageNext {
    margin-right: 30px;
    width: 95px;
}

.pagenation .pagePrev, .pagenation .pageNext {
    text-align: center;
    line-height: 30px;
}

    .pagenation .pagePrev span, .pagenation .pageNext span {
        line-height: 30px;
    }

.pagenation .pageSelect {
    min-width: 70px;
    max-width: 100%;
    height: 30px;
    padding: 0 7px;
    margin-bottom: 10px;
    border: 1px solid #c9c9c9;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
    margin-top: 12px;
    text-indent: 0;
}

    .pagenation .pageSelect option {
        text-align: center;
    }

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

.mobiLogo {
    margin: 5px 0;
    text-align: center;
}

    .mobiLogo .logo {
        max-height: 50px;
        max-width: 160px;
        float: left;
    }

    .mobiLogo img {
        vertical-align: middle;
    }

    .mobiLogo .mobititle {
        padding-left: 10px;
        font-weight: bold;
        font-size: 14px;
    }

    .mobiLogo .clear {
        clear: both;
    }

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

.textImg1 {
    float: left;
    margin: 5px 10px 5px 5px;
    overflow: hidden;
}

.textImg4 {
    float: right;
}

.richContent {
    line-height: 1.8;
    padding: 0 7px;
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    text-align: left;
    margin: 10px 0;
}

    .richContent img {
        max-height: none;
    }

    .richContent ol {
        padding-left: 40px;
    }

    .richContent ul {
        padding-left: 17px;
    }

.richContent4 {
    overflow: visible;
    width: auto;
}

.richContent1 {
    width: auto;
    padding-left: 5px;
    overflow: visible;
}

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

.clear {
    clear: both;
}

.footer {
    padding: 10px 0;
    position: relative;
}

.technical {
    margin-bottom: 20px;
}

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

    .technicalSupport ol {
        padding-left: 40px;
    }

    .technicalSupport ul {
        padding-left: 17px;
    }

.footer a {
    text-decoration: none;
}

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

.PcVer {
    margin-left: 10px;
}

.rep {
    margin-left: 10px;
}

.webModuleContainer {
    position: relative;
}

    .webModuleContainer .addNewModule {
        display: block;
        position: relative;
        height: 105px;
        line-height: 95px;
        margin-left: 3px;
        margin-right: 3px;
    }

        .webModuleContainer .addNewModule .addBtn {
            height: 95px;
            color: #000;
            border: #3298fe 1px dashed;
            margin-top: 10px;
        }

        .webModuleContainer .addNewModule .addBtn_Icon {
            background: url(../image/bg05.png?v=201408181842) -690px -260px no-repeat;
            height: 37px;
            width: 129px;
            margin: 29px auto;
            cursor: pointer;
            _margin: 33px auto;
        }

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

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

.proImgSwipe .productBullet {
    position: absolute;
    height: 18px;
    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: 7px;
        height: 7px;
        border-radius: 100%;
        background: #999;
        margin: 0 2px;
        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: 10px;
}

.proDetailImgBox {
    margin: 0 auto;
    margin-bottom: 10px;
    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 10px;
}

    .remarkBox ol {
        padding-left: 40px;
    }

    .remarkBox ul {
        padding-left: 17px;
    }

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

.sorryTips {
    padding: 0 5px;
    margin: 10px auto;
    color: gray;
}

.webCustomerServiceBox {
    margin: 0 auto;
    height: 48px;
    -webkit-backface-visibility: hidden;
}

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

    .webCustomerServiceBox .service {
        height: 48px;
        line-height: 48px;
        float: left;
        text-align: center;
    }

    .webCustomerServiceBox a {
        color: #fff;
    }

.customerServiceDiv .customServiceLine {
    display: none;
}

.customerServiceDiv .icon {
    -webkit-backface-visibility: hidden;
    height: 30px;
    margin: auto;
}

.customerServiceDiv .iconClass_1 {
    background: url(../image/mobi/phoneIcon.png?v=201310170037) 50% 50% no-repeat;
    background-size: contain;
}

.customerServiceDiv .iconClass_2 {
    background: url(../image/mobi/textIcon2.png?v=201310170037) 50% 50% no-repeat;
    background-size: contain;
}

.customerServiceDiv .iconClass_3 {
    background: url(../image/mobi/mapIcon.png?v=201310170037) 50% 50% no-repeat;
    background-size: contain;
}

.customerServiceDiv .iconClass_4 {
    background: url(../image/mobi/liuyan.png?v=201311071558) 50% 50% no-repeat;
    background-size: contain;
}

.customerServiceDiv .iconClass_5 {
    background: url(../image/mobi/qqIcon.png?v=201401151037) 50% 50% no-repeat;
    background-size: contain;
}

.customerServiceDiv .describe {
    line-height: 16px;
    font-size: 12px;
    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: 46px;
}

    .webMapServiceBox .webMapHeader .webMapClose {
        height: 30px;
        width: 30px;
        margin: 8px;
        background: url(../image/mapClose.png?v=201310170037) center center no-repeat;
        background-size: 70%;
        float: right;
    }

.webMapServiceBox .webMapIconCover {
    position: absolute;
    z-index: 11;
    bottom: 17px;
    right: 8px;
    top: auto;
    left: auto;
    width: 35px;
    background: #000;
    opacity: .1;
    height: 35px;
}

.formMiddle .msgTop {
    width: 96%;
    background: #fff;
    margin: 12px auto;
    padding-bottom: 12px;
}

.formMiddle .msgBottom {
    width: 96%;
    margin: 10px auto 0 auto;
}

    .formMiddle .msgBottom .msgTop {
        background: 0;
        margin: 0;
        width: 100%;
        padding-bottom: 0;
    }

.mbAddTitle {
    margin: 10px 0;
    font-weight: bold;
}

.mbLineCtrl {
    color: red;
    width: 88%;
    margin: 0 auto 10px auto;
    position: relative;
}

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

.mbLineCtrl .mustSpan {
    position: absolute;
    right: -10px;
    top: 10px;
}

.mbLineCtrl .msg_ipt {
    width: 100%;
    border: 1px solid #ececec;
    box-shadow: none;
    text-indent: 4px;
    border-radius: 0;
    height: 33px;
    font-size: 14px;
}

.g_button {
    background-repeat: no-repeat;
    border: 0;
    color: white;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0;
    width: 100%;
    margin: 10px auto;
    padding: 0;
    background-color: #2982ba;
    display: block;
}

.mbTitle {
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #2982ba;
    line-height: 40px;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

.userMsgIcon {
    background: url(../image/liuyan.png?v=201310211708) no-repeat;
    background-size: 23px;
    background-position: 0 8px;
}

.publishIcon {
    background: url(../image/fabiaoliuyan.png?v=201310211708) no-repeat;
    background-size: 24px;
    background-position: 0 6px;
}

.mbLineCtrl textArea {
    text-indent: 4px;
    height: 70px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #ececec;
    max-width: 100%;
}

.notice {
    text-align: center;
    overflow: hidden;
    height: 25px;
    font-size: 12px;
    background: #fef5d8;
    color: red;
    line-height: 25px;
    width: 90%;
    margin: 0 auto 10px auto;
}

.msgTitle {
    min-height: 28px;
    line-height: 28px;
    width: 100%;
}

.msgArea {
    padding: 5px 5px 20px 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #d5f8f4;
}

.msgUser {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    width: 48%;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
}

.msgTime {
    color: #666;
    float: right;
    height: 22px;
    line-height: 22px;
    margin-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
}

.msgContent {
    line-height: 24px;
    padding: 0 10px;
    word-wrap: break-word;
}

.captchaImg {
    vertical-align: middle;
    padding: 0 2%;
    width: 90px;
}

.captchaText {
    border: 1px solid #ececec;
    text-indent: 4px;
    height: 33px;
    font-size: 14px;
    width: 35%;
}

.captchaChange {
    margin-top: 6px;
    color: #555959;
    font-weight: bold;
}

.msgArrow {
    font-size: 14px;
    height: 13px;
    width: 14px;
    margin: 0 20px;
    margin-left: 5px;
    margin-top: -30px;
    color: #b8deea;
}

.reqArea {
    padding: 10px 2.5%;
    background: #b8deea;
    margin-left: -1%;
    width: 94%;
    word-wrap: break-word;
}

    .reqArea p {
        line-height: 24px;
    }

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

.webContainerBox .form .newsDetail .title {
    background: 0;
    height: auto;
    width: 100%;
}

    .webContainerBox .form .newsDetail .title .titleText {
        font-size: 18px;
        line-height: 30px;
        color: #333;
        float: none;
        display: block;
        white-space: normal;
        height: auto;
        overflow: auto;
        padding: 8px;
        font-weight: normal;
        word-break: break-all;
    }

.pgList .line {
    height: 40px;
    padding-left: 10px;
    clear: both;
    position: relative;
}

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

.pgList .line .pgName {
    display: inline-block;
    float: left;
    text-decoration: none;
    outline: 0;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
    height: 38px;
    line-height: 38px;
    font-weight: normal;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pgList .line .pgMark {
    float: right;
    margin: 8px 11px 0 0;
    font-size: 18px;
}

.pgDetail {
    position: relative;
    height: 90.6%;
    background-color: #fff;
}

    .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 .line {
        height: 40px;
        border-bottom: 1px solid #e6e6e6;
        clear: both;
        position: relative;
        margin: 0 8px;
    }

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

        .pgDetail .pgBox .line .pgMark {
            float: right;
            margin: 8px 11px 0 0;
        }

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

    .pgDetail .pgBox .pgSelect {
        background-color: #e3e3e3;
        height: 32px;
        position: absolute;
        left: 8px;
        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: 40px;
        line-height: 40px;
        font-size: 14px;
        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: 32px;
    z-index: 1;
    background: 0;
    line-height: 32px;
}

.multilingual .memberEntrance {
    padding-left: 5px;
    height: 32px;
}

    .carIcon, .multilingual .memberEntrance .member_a, .exit {
        font-size: 16px;
        padding-left: 18px;
        background-size: 18px;
        background-position: 0 50%;
        color: #2982ba;
    }

    .multilingual .memberEntrance a {
        overflow: hidden;
        max-width: 100px;
        text-overflow: ellipsis;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
    }

.g_web .multiLanguageCtrl {
    padding-left: 42px;
    width: 14px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    float: right;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #3a8dc1;
    cursor: pointer;
}

.lanSelected .multiLanguageCtrl {
    margin-right: 0;
}

.lanSelect {
    display: none;
    position: absolute;
    top: 4px;
    margin-right: 5px;
    max-height: 247px;
    width: 66.25%;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    z-index: 9;
    right: 0;
    border-radius: 4px;
}

    .lanSelect .lanContainer {
        max-height: 202px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

    .lanSelect .lanSelected {
        height: 25px;
        line-height: 25px;
    }

    .lanSelect .lanContainer .lanItem {
        height: 45px;
        line-height: 45px;
        background-position: 5px;
        margin: 0 5px;
        padding-left: 50px;
        background-repeat: no-repeat;
    }

        .lanSelect .lanContainer .lanItem:hover {
            cursor: default;
            background-color: #3a8dc1;
            color: #fff;
        }

    .lanSelect .multiLanguageCtrl {
        height: 24px;
        line-height: 24px;
    }

.Icon2052 {
    background-image: url(../image/language/2052.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1033 {
    background-image: url(../image/language/1033.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1028 {
    background-image: url(../image/language/1028.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1041 {
    background-image: url(../image/language/1041.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1042 {
    background-image: url(../image/language/1042.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1108 {
    background-image: url(../image/language/1108.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1054 {
    background-image: url(../image/language/1054.jpg?v=201312111813);
    background-size: 35px 20px;
}

.Icon11274 {
    background-image: url(../image/language/11274.jpg?v=201401061752);
    background-size: 35px 20px;
}

.Icon1049 {
    background-image: url(../image/language/1049.jpg?v=201401061752);
    background-size: 35px 20px;
}

.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/PicLeft.png?v=201311111730) 50% 50% no-repeat rgba(0,0,0,.5);
            -moz-background-size: 24px,auto;
            -ms-background-size: 24px,auto;
            -o-background-size: 24px,auto;
            -webkit-background-size: 24px,auto;
            background-size: 24px,auto;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            width: 35px;
            height: 35px;
            top: 50%;
            left: 5px;
            z-index: 1;
            transition: opacity 200ms linear;
            -ms-transition: opacity 200ms linear;
            -moz-transition: opacity 200ms linear;
            -o-transition: opacity 200ms linear;
            -webkit-transition: opacity 200ms linear;
        }

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

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

    .photoListDetailShow .webPhotoListDetail .nextPhoto {
        background: url(../image/PicRight.png?v=201311111730) no-repeat 50% 50% rgba(0,0,0,.4);
        -moz-background-size: 24px,auto;
        -ms-background-size: 24px,auto;
        -o-background-size: 24px,auto;
        -webkit-background-size: 24px,auto;
        background-size: 24px,auto;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 35px;
        height: 35px;
        position: absolute;
        right: 5px;
        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: 20px;
        width: 60px;
        height: 60px;
        margin: 50% auto;
        background-size: 60px 60px;
    }

.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: 35px;
    height: 35px;
    background: url(../image/PicClose.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: 10px;
    margin: 8px 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: 50px;
    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: 35px;
        width: 20%;
        position: absolute;
        right: 0;
    }

    .photoListDetailShow .photoDetailDescription .handleUp {
        background: url(../image/mobi/zhankai.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/shouqi.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: 35px;
        padding: 10px 5px;
        line-height: 24px;
    }

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

.photoModule.styleForm1 {
    margin-top: 10px;
}

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

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

    .photoModule.styleForm1 .photoBg {
        background: white;
    }

    .photoModule.styleForm1 .containerBg {
        background: white;
    }

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

    .photoModule.styleForm1 .photoDiv .imgName {
        max-width: 160px;
        margin: 0 auto;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #676767;
        text-align: left;
        font-size: 16px;
        line-height: 24px;
    }

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

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

.showImg {
    width: 100%;
}

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

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

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

.photoModule.styleForm7 {
    position: relative;
    margin: 10px auto;
    overflow: hidden;
    background: #fff;
    width: 100%;
}

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

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

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

    .photoModule.styleForm7 .prevPhoto {
        background: url(../image/PicLeft.png?v=201311111730) rgba(0,0,0,.4) no-repeat;
        width: 35px;
        height: 35px;
        float: left;
        top: 30%;
        cursor: pointer;
        position: absolute;
        background-size: 80%;
        background-position: 5px;
        border-radius: 4px;
        left: 15px;
    }

    .photoModule.styleForm7 .nextPhoto {
        background: url(../image/PicRight.png?v=201311111730) rgba(0,0,0,.4) no-repeat;
        width: 35px;
        height: 35px;
        float: right;
        top: 30%;
        cursor: pointer;
        position: absolute;
        background-size: 80%;
        background-position: 5px;
        border-radius: 4px;
        right: 15px;
    }

    .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: 24px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.photoModule.styleForm6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .photoModule.styleForm6 .photoSwipe {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        text-align: center;
        visibility: visible;
        background: #fff;
    }

    .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: 24px;
    top: auto;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    line-height: 24px;
}

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

        .photoModule.styleForm6 .photoBullet .bullets li {
            display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 100%;
            background: #999;
            margin: 0 2px;
            cursor: pointer;
            background: #adb1b1;
        }

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

.photoModule.styleForm6 .imgName {
    float: left;
    width: 60%;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    text-align: left;
}

.photoModule.containerBg {
    background: #fff;
}

.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 {
    text-align: center;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0;
}

    .loginHeader .title {
        z-index: 1;
        text-align: center;
        height: 48px;
        font-weight: 500;
        font-size: 20px;
        line-height: 48px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 230px;
        display: inline-block;
        color: #fff;
        padding-right: 46px;
    }

.loginContent {
    padding-top: 20px;
    background: #fff;
    margin: 12px 10px 0 10px;
    text-align: center;
}

    .loginContent .loginButton {
        width: 85%;
    }

.signupIcon {
    background: url(../image/loading/signup.png?v=201311271846) no-repeat;
    background-position: 0 50%;
}

.memberIcon {
    background: url(../image/loading/deng1.png?v=201311271846) no-repeat;
    background-position: 0 50%;
}

.userIcon {
    background: url(../image/loading/account.png) no-repeat;
    background-size: 20px 20px;
    background-position: 0 50%;
}

.pswIcon {
    background: url(../image/loading/password.png) no-repeat;
    background-size: 20px 20px;
    background-position: 0 50%;
}

.phoneIcon {
    background: url(../image/loading/phone.png?v=201311271846) no-repeat;
    background-size: 20px 20px;
    background-position: 0 50%;
}

.emailIcon {
    background: url(../image/loading/email.png?v=201311271846) no-repeat;
    background-size: 20px 20px;
    background-position: 0 50%;
}

.loginContent .loginSubmitCtrl {
    background: #2982ba;
    margin: 12px 10px 0 10px;
}

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

.loginIcon {
    display: none;
    background: url(../image/loading/loading.png?v=201311251759);
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: -29px;
    left: 108px;
    background-position: -46px 23px;
    background-size: 23px;
}

.loginContent .loginBottom {
    height: 35px;
    line-height: 35px;
    margin: 0 10px;
}

    .loginContent .loginBottom a {
        float: right;
        color: #b4b4b4;
        cursor: pointer;
    }

.loginContent .captchaText {
    text-indent: 4px;
    width: 35%;
    margin: 0;
}

.loginContent .loginCaptchaCtrl {
    display: none;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 7.455555555555555552%;
}

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

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

.loginContent .loginNotice {
    text-align: center;
    overflow: hidden;
    height: 25px;
    font-size: 12px;
    background: #fef5d8;
    color: red;
    line-height: 25px;
    margin: 0 10px;
    margin-bottom: 10px;
}

.loginContent .autoLoginCtrl {
    color: #b4b4b4;
}

.gohomeIcon {
    float: left;
    background: url(../image/loading/gohome.png?v=201311251759) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    margin-left: 8px;
    margin-top: 8px;
}

.exit {
    color: #2982ba;
}

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

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

.signupSubmitCtrl .signupSubmit {
    width: 85%;
}

.msgIcon {
    background: url(../image/loading/message.png?v=201311271846) no-repeat;
    background-position: 0 2px;
    background-size: 20px 20px;
}

.signUpContent {
    padding: 20px 0;
    background: #fff;
    margin: 12px 10px 0 10px;
    text-align: center;
}

    .signUpContent .loginNotice {
        text-align: center;
        overflow: hidden;
        height: 25px;
        font-size: 12px;
        background: #fef5d8;
        color: red;
        line-height: 25px;
        margin: 0 10px 12px 10px;
    }

.mustIcon {
    color: red;
}

.moduleContent .signup_line {
    position: relative;
}

.moduleContent .mustIcon {
    position: absolute;
    top: 10px;
}

.mustSpan {
    position: absolute;
}

.moduleContent .itemEdit {
    width: 82%;
    border: 1px solid #ececec;
    box-shadow: none;
    border-radius: 0;
    height: 33px;
    font-size: 14px;
    padding-left: 22px;
    margin-bottom: 12px;
}

.signUpContent .captchaText {
    height: 33px;
    float: left;
    margin: 0 0 0 6%;
    font-size: 14px;
    width: 34%;
    box-shadow: none;
    text-indent: 4px;
    border-radius: 0;
    border: 1px solid #ececec;
}

.signUpContent .signUpCaptchaCtrl {
    margin: 12px 0;
}

.signUpContent .ProtocolLineCtrl {
    margin: 12px 0;
    font-size: 12px;
}

.ProtocolLineCtrl label {
    color: #000;
}

.signUpContent .ProtocolLineCtrl a {
    text-decoration: underline;
    color: #06c;
}

.signUpContent textArea {
    padding-left: 20px;
    height: 70px;
    font-size: 14px;
    width: 82%;
    border: 1px solid #ececec;
    padding-top: 3px;
}

.turnBackIcon {
    float: left;
    background: url(../image/loading/return.png?v=201311251759) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 22px;
    background-position: 50% 50%;
}

    .turnBackIcon:active {
        background: rgba(0,0,0,0.2);
    }

.profileContent {
    color: #333;
    padding: 12px 0;
    background: #fff;
    margin: 12px 10px 0 10px;
    text-align: center;
}

.bulletinCotent {
    color: #333;
    padding: 12px 10px;
    background: #fff;
    margin: 12px 10px 0 10px;
    text-align: left;
}

.profileContent ul {
    margin: 12px 10px;
    list-style: none;
    border: 1px #ececec solid;
}

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

.profileContent li {
    height: 33px;
    line-height: 33px;
    border-bottom: 1px #ececec solid;
    padding: 0 10px;
}

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

        .profileContent li .itemName .bulletinTitle {
            padding-right: 20px;
            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;
    }
}

.newsReminds {
    background: url(../image/member/textwarn.png) no-repeat;
    background-size: 16px;
    background-position: 100% 5px;
    -webkit-animation: newsReminds 1.2s ease infinite;
    -moz-animation: newsReminds 1.2s ease infinite;
    -o-animation: newsReminds 1.2s ease infinite;
    -ms-animation: newsReminds 1.2s ease infinite;
    animation: newsReminds 1.2s ease infinite;
}

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

.profileContent li .clickIcon {
    margin-left: 5px;
    color: #666;
    float: right;
}

.profileContent .modifyArea li {
    cursor: pointer;
}

.profileContent .itemInput {
    width: 90%;
    border: 1px solid #ececec;
    box-shadow: none;
    border-radius: 0;
    height: 33px;
    font-size: 14px;
    margin-bottom: 12px;
    padding-left: 10px;
}

.modifyProfile {
    display: none;
}

    .modifyProfile .profileSubmit {
        letter-spacing: .8em;
        width: 90%;
    }

#modifyProfile .loginIcon {
    margin-top: -40px;
}

#modifyPsw .loginIcon {
    margin-top: -29px;
}

.siteForm {
    padding: 10px 0 10px 0;
}

.siteFormAddButton {
    line-height: 35px;
    text-align: center;
    width: 90%;
    margin: auto;
    margin: 10px auto;
}

.siteFormItem label {
    margin-left: 3px;
}

.siteFormAddButton input {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.g_warning {
    background-color: #fbfcbe;
    color: #f00;
}

.siteFormItemTable {
    width: 100%;
    height: 25px;
    table-layout: fixed;
    display: table;
}

.siteFormName {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.siteFormItem {
    height: 30px;
    display: table-row;
}

    .siteFormItem .g_itext[type="text"] {
        height: 30px;
        width: 90%;
    }

    .siteFormItem .g_itext, .siteFormItem .g_textarea {
        background: #f7f7f7;
        border: 1px solid #ececec;
    }

    .siteFormItem select {
        border: 1px solid #ececec;
    }

    .siteFormItem td {
        padding: 4px 0;
    }

.formValidateUpDiv {
    display: table;
    table-layout: fixed;
    padding-top: 10px;
    width: 80%;
    padding-left: 5px;
}

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

.siteFormValidate .siteFormItemValidate {
    width: 70%;
}

.siteFormValidate input {
    text-indent: 5px;
}

.siteFormItemCheckItem {
    float: left;
    margin-right: 15px;
    line-height: 35px;
}

    .siteFormItemCheckItem span {
        cursor: default;
    }

.siteFormItemLink {
    height: 1px;
    line-height: 1px;
    border-bottom: 1px dashed #e1e1e1;
    margin-bottom: 10px;
}

.siteFormItemLink2 {
    height: 1px;
    line-height: 1px;
    border-bottom: 1px dashed #e1e1e1;
    padding-top: 10px;
}

.siteFormItemShowName {
    line-height: 30px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: right;
}

    .siteFormItemShowName font {
        float: left;
        margin-left: 10px;
        font-size: 18px;
        padding-right: 5px;
    }

.siteForm .siteFormItemShowNameFont {
    padding-top: 0;
    text-align: left;
    padding-left: 10px;
    line-height: 50px;
    width: 15px;
    font-size: 20px;
    float: left;
}

.siteFormValidate .validateUpImageDiv {
    width: 100px;
}

.siteFormItemShowNameUp {
    text-align: left;
}

.siteFormValidate .changeSiteFormValidate {
    line-height: 30px;
    background-image: url(../image/refurbish.png?v=201311251759);
    background-repeat: no-repeat;
    width: 10%;
    height: 30px;
    background-size: 18px auto;
    cursor: pointer;
    background-position: 80% 35%;
}

.siteFormValidate .validateCodeImg {
    cursor: pointer;
    height: 32px;
    visibility: visible;
}

.siteForm .siteFormMsg {
    text-align: center;
    width: 90%;
    height: auto;
    line-height: 30px;
    margin: 5px auto;
    display: none;
}

.siteFormItem select {
    height: 30px;
    margin: auto;
    font-size: 12px;
    font-weight: normal;
    width: 90%;
}

.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: 45px;
    font-size: 14px;
    visibility: hidden;
    top: 100%;
}

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

.webFooterBox .ui-calendar-header {
    background: #383838;
    color: #545454;
    text-align: center;
    padding: 5px 0;
    height: 30px;
}

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

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

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

    .webFooterBox .ui-calendar-header .ui-calendar-return {
        background: url(../image/comm/calendar/return.png?v=201311251759) no-repeat;
        float: left;
        margin-left: 5px;
        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: 40px;
    }

    .webFooterBox .ui-calendar-header .ui-calendar-preandnext {
        width: 80px;
        float: right;
        height: 30px;
    }

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

.ui-calendar-title select {
    float: left;
    height: 30px;
    border: 1px solid #c9c9c9;
    margin: 0 5px;
    text-indent: 5px;
    font-size: 12px;
    font-weight: normal;
}

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

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

.ui-calendar-title .ui-calendar-year {
    width: 80px;
}

.ui-calendar-title .ui-calendar-month {
    width: 60px;
}

.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: 5px;
    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: 43px;
    height: 43px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    opacity: .9;
    background: url(./calendar-header.png) repeat-x;
    overflow: hidden;
}

.webFooterBox .ui-slideup .ok-btn, .ui-slideup .no-btn {
    position: absolute;
    top: 7px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin: 0;
    border-width: 5px;
    font-size: 12px;
    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: 7px;
    float: right;
    -webkit-border-image: url(done.png) 5;
}

.webFooterBox .ui-slideup .no-btn {
    left: 7px;
    float: left;
    -webkit-border-image: url(cancel.png) 5;
}

.webFooterBox .ui-slideup .ok-btn.ui-state-hover, .ui-slideup .no-btn.ui-state-hover {
    opacity: .4;
}

.webFooterBox .ui-slideup .frame {
    background: #e1e1e1;
    padding: 5px;
}

.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 {
    position: fixed;
    top: 40%;
    margin: 0 auto;
    width: 100%;
    height: auto;
    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 {
        height: 35px;
        width: 300px;
        margin: auto;
        line-height: 35px;
        color: #fff;
        z-index: 9999;
    }

        .mobiIng .mobiTips .mobiMsg {
            text-align: center;
            width: auto;
            background: rgba(0,0,0,.8);
            border-radius: 5px;
            padding: 5px 0;
        }

        .mobiIng .mobiTips .mobiClose {
            display: inline-block;
            cursor: pointer;
            margin: 8px 5px 0 5px;
            *margin: 6px 5px 0 5px;
            background: url(../image/close01.gif) no-repeat;
            width: 8px;
            height: 8px;
            font-size: 8px;
        }

        .mobiIng .mobiTips a {
            color: red;
        }

.linkArea {
    text-align: left;
}

    .linkArea .link-h-container {
        float: left;
        padding: 5px;
        display: inline-block;
    }

    .linkArea .link-v-container {
        display: block;
        line-height: 35px;
    }

    .linkArea .link-p-container {
        margin-top: 5px;
        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 {
        display: table;
    }

        .noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow {
            display: table-row;
        }

            .noticeMarquee .noticeMarqueeDiv .noticeMarqueeRow span {
                display: table-cell;
                white-space: nowrap;
            }

.noticeContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 5px 0;
}

.notice-image0 {
    background: url(../image/mobi/noticeIco1.gif?v=201312091651) no-repeat left center;
}

.notice-image1 {
    background: url(../image/mobi/noticeIco2.gif?v=201312091651) no-repeat left center;
}

.notice-image2 {
    background: url(../image/mobi/noticeIco3.gif?v=201312091651) no-repeat left center;
}

.notice-ico {
    padding-left: 22px;
}

.noticeMarqueeUD {
    position: relative;
    overflow: hidden;
    height: 26px;
}

.noticeScrollbar {
    margin: 0;
    padding: 5px 0 5px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .noticeScrollbar .scrollbarLi {
        padding: 5px 5px;
        white-space: nowrap;
    }

@media only screen and (min-width:320px) {
    .mProductTileForm {
        /*width: 45%; 产品展示以前的为了适配浏览器临时修改*/
        width: 44%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .photoModule.styleForm1 .photoDiv {
        width: 44%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .linkArea .link-p-container {
        width: 44%;
        margin: 5px 2.5%;
    }
}

@media only screen and (min-width:480px) {
    .mProductTileForm {
        /*width: 30%; 产品展示以前的为了适配浏览器临时修改*/
        width: 29%;
        margin: 0 1.6666666666666666%;
    }

    select {
        background-position: 98% 50%;
    }

    .photoModule.styleForm1 .photoDiv {
        width: 30%;
        margin: 0 1.6666666666666666%;
    }

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

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

    .defaultBanner, .swipe .systemtBanner {
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .linkArea .link-p-container {
        width: 30%;
        margin: 5px 1.6666666666666666%;
    }
}

.mallButton {
    margin: auto;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    width: 60%;
    border-radius: 4px;
    color: #333;
    border: #c7c7c7 1px solid;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
    background: -moz-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
    background: -ms-linear-gradient(bottom,#e8e8e8 0,#fff 100%);
    background: gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
}

.mallCart {
    padding: 12px 10px;
    text-align: center;
}

.noProduct {
    background: url(../image/mall/Car.png?v=201312231800) no-repeat;
    width: 200px;
    height: 200px;
    background-size: 200px;
    margin: 0 auto;
}

.noProductTips {
    margin-bottom: 10px;
}

.mallCart .bottom {
    line-height: 50px;
    text-align: right;
}

.mall_product {
    display: flex;
    border-bottom: 1px solid #b5d2e5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.mallCart .payCount_line {
    text-align: right;
    border-bottom: 1px solid #b5d2e5;
    padding-bottom: 10px;
}

.mall_product .left .imgClass {
    width: 100px;
    height: 100px;
}

.mall_product .right {
    padding-left: 10px;
    text-align: left;
}

    .mall_product .right .product_name {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .mall_product .right .param_line {
        line-height: 18px;
    }

        .mall_product .right .param_line .num {
            border: 1px solid #666;
            height: 16px;
            line-height: 16px;
            width: 40px;
            font-size: 12px;
        }

        .mall_product .right .param_line div {
            display: inline-block;
        }

    .mall_product .right .product_name .mallOptions {
        color: #666;
    }

.marketPrice {
    text-decoration: line-through;
}

.mallPrice {
    color: #b30b0b;
    font-weight: bold;
}

.delSpan {
    background: url(../image/mall/close.png?v=201312231800) no-repeat;
    padding-left: 18px;
    background-size: 16px;
    cursor: pointer;
    background-position: 0 2px;
}

.cartSettle {
    display: inline-block;
    padding: 0 20px;
    width: inherit;
    margin-left: 20px;
}

.mallCart .bottom .shopping {
    display: inline-block;
    background: url(../image/mall/LittleCar.png?v=201402101902) no-repeat;
    padding-left: 35px;
    background-size: 30px;
    background-position: 0 12px;
    cursor: pointer;
}

.orderSettle {
    padding: 15px 10px;
}

    .orderSettle .editPanel {
        background-color: #fff;
        padding: 15px 10px;
    }

.editPanel .edit_line {
    margin-bottom: 10px;
}

    .editPanel .edit_line .linetitle {
        margin-bottom: 5px;
    }

.orderSettle .orderSettle_line {
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 10px;
}

.orderSettle select {
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-size: 14px;
}

.orderSettle .orderSettle_line .select_line {
    margin-top: 5px;
}

.orderSettle .orderSettle_line .item_line {
    margin: 5px 0;
    border-bottom: 1px solid #dcdcdb;
    color: #808080;
    min-height: 30px;
    line-height: 30px;
}

    .orderSettle .orderSettle_line .item_line .item_name {
        min-width: 100px;
        text-align: left;
    }

    .orderSettle .orderSettle_line .item_line .item_value {
        word-wrap: break-word;
        margin-left: 6px;
    }

.orderSettle .orderSettle_line .count_line .right {
    text-align: right;
    min-width: 70px;
}

.orderSettle .orderSettle_line .top {
    border-bottom: 1px solid #dcdcdb;
    color: #808080;
    line-height: 25px;
}

.orderSettle .orderSettle_line .center {
    border-bottom: 1px solid #dcdcdb;
    padding-top: 5px;
    line-height: 25px;
}

.orderSettle .orderSettle_line .bottom {
    height: 35px;
    line-height: 35px;
}

.g_input {
    padding-left: 5px;
    height: 35px;
    line-height: 35px;
    display: inherit;
    font-size: 14px;
    background-color: #f7f7f7;
    border: 1px solid #ececec;
}

.orderDetail .orderDetailTop {
    background-color: #fff;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .orderDetail .orderDetailTop .submitSucceed {
        background: url(../image/mall/chenggong1.png?v=201401061752) no-repeat;
        background-size: 20px;
        display: inline-block;
        padding-left: 28px;
        font-size: 16px;
    }

    .orderDetail .orderDetailTop .bottom {
        margin-top: 20px;
    }

    .orderDetail .orderDetailTop .bottom .buttonContainer {
            width: 202px;
    }
.orderDetailButton {
    width: 80%;
    border: #c7c7c7 1px solid;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.orderDetail .orderDetailArea {
    margin: 0 10px;
}

    .orderDetail .orderDetailArea .bankListTable {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #CCC;
        border-collapse: collapse;
        background-color: #ececec;
    }

        .orderDetail .orderDetailArea .bankListTable td {
            border: 1px solid #CCC;
            border-collapse: collapse;
            padding-left: 4px;
        }

        .orderDetail .orderDetailArea .bankListTable .bankItemName {
            width: 40%;
        }

    .orderDetail .orderDetailArea .line {
        height: 30px;
        line-height: 30px;
    }

        .orderDetail .orderDetailArea .line .item_name {
            float: left;
        }

        .orderDetail .orderDetailArea .line .item_val {
            float: right;
        }

.orderDetail .count_line {
    margin: 0 10px;
    height: 35px;
    line-height: 35px;
    text-align: right;
    font-size: 16px;
}

.orderDetail .orderDetail_line {
    background-color: #FFF;
    margin: 10px;
    padding: 10px;
    padding-top: 0;
}

    .orderDetail .orderDetail_line .line_title {
        line-height: 30px;
        border-bottom: 1px solid #cecece;
    }

    .orderDetail .orderDetail_line .right {
        text-align: right;
    }

    .orderDetail .orderDetail_line .line_item {
        color: #808080;
        line-height: 30px;
    }

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

.orderDetail .mall_product {
    margin-top: 10px;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
}

.orderDetail .placeholder {
    height: 50px;
}

.orderDetail .buyButton {
    float: right;
    width: 100px;
    height: 32px;
    text-align: center;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1.0,#f2790d),color-stop(0.0,#c85713));
    background: -moz-gradient(linear,left bottom,left top,color-stop(1.0,#f2790d),color-stop(0.0,#c85713));
    background: -ms-linear-gradient(bottom,#f2790d 100%,#c85713 0);
    background: gradient(linear,left bottom,left top,color-stop(1.0,#f2790d),color-stop(0.0,#c85713));
    border: 1px #c66311 solid;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}

    .orderDetail .buyButton span {
        color: #fff;
        line-height: 32px;
        height: 32px;
        padding-left: 24px;
        background: url(../image/mall/money.png?v=201401061752) no-repeat 10% 50%;
        background-size: 17px 17px;
    }

.mall_textArea {
    background: #f7f7f7;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    text-indent: 5px;
    -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: 40px;
}

.orderList .orderList_line {
    background-color: #FFF;
    margin: 10px;
    padding: 10px;
    padding-top: 0;
}

    .orderList .orderList_line.topTip {
        padding: 5px;
    }

        .orderList .orderList_line.topTip div {
            display: inline-block;
            margin-right: 20px;
        }

    .orderList .orderList_line .line_title {
        line-height: 30px;
        border-bottom: 1px solid #cecece;
    }

    .orderList .orderList_line .line_item {
        color: #808080;
        line-height: 30px;
    }

    .orderList .orderList_line .right {
        text-align: right;
    }

.carIcon {
    background: url(../image/mall/carIcon.png?v=201401061752) no-repeat;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    background-position: 0 50%;
    background-size: 20px;
    margin-left: 5px;
    font-size: 16px;
}

.mall_editIcon {
    background: url(../image/mall/bianji.png?v=201401131749) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    float: right;
}

.pdCommentSwitchBox {
    margin: 20px auto;
    width: 90%;
}

.pdCommentSwitch {
    color: #666;
    background: #fff;
    height: 35px;
    border: 1px solid #cecece;
}

    .pdCommentSwitch .left {
        float: left;
        width: 30px;
        height: 35px;
        background-size: 20px;
        background-position: 50% 50%;
    }

    .pdCommentSwitch .middle {
        float: left;
        height: 35px;
        line-height: 35px;
    }

    .pdCommentSwitch .right {
        float: right;
        width: 30px;
        height: 35px;
        background-size: 20px;
        background-position: 50% 50%;
    }

.liuyanIcon {
    background: url(../image/mall/liuyan.png?v=201401131749) no-repeat;
}

.shuomingIcon {
    background: url(../image/mall/shuoming.png?v=201401131749) no-repeat;
}

.rightArrow {
    background: url(../image/mall/jjtou.png?v=201401131749) no-repeat;
}

.homeIcon {
    float: right;
    background: url(../image/mall/home.png?v=201401131749) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 22px;
    background-position: 50% 50%;
}

    .homeIcon:active {
        background: rgba(0,0,0,.2);
    }

.commentBox {
    margin: 10px;
}

    .commentBox .msgArea {
        margin: 0 0 10px 0;
        background: #d5f8f4;
    }

.postArea {
    margin: 10px;
    background: #fff;
    padding-bottom: 20px;
}

    .postArea .line {
        width: 93%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

.g_textArea {
    text-indent: 4px;
    height: 70px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #ececec;
}

.mustSpan {
    color: red;
}

.vote {
    color: #333;
    margin: 10px;
    background-color: #fff;
    padding: 0 16px 14px 16px;
}

    .vote .voteSubject {
        text-align: center;
        border-bottom: 1px dashed #bbb;
        line-height: 35px;
    }

        .vote .voteSubject .voteSubjectText {
            display: inline-block;
            padding-left: 20px;
            background: url(../image/mobi/toupiaoicon.png) no-repeat;
            background-size: 20px;
            background-position: 0 50%;
        }

    .vote .voteItems {
        align-items: baseline;
        line-height: 35px;
    }

        .vote .voteItems .voteLab {
            margin-left: 5px;
        }

        .vote .voteItems .voteItemName {
            display: inline-block;
            margin-left: 5px;
            line-height: 30px;
        }

    .vote .voteOperate {
        text-align: center;
        margin-top: 10px;
    }

    .vote .voteItemCount {
        width: 80px;
        display: inline-block;
        text-align: center;
        font-size: 8px;
    }

    .vote .voteItemShow {
        align-items: center;
    }

.g_ibutton {
    width: 90%;
    border: #c7c7c7 1px solid;
    border-radius: 4px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.0,#e8e8e8),color-stop(1.0,#fff));
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.fullScreenDivCotainer {
    position: fixed;
    z-index: 99;
}

.fullScreenDiv {
    visibility: hidden;
    left: 150%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    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;
}

.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: 10px;
    overflow: hidden;
    background: #dbdbdb;
}

.progressBar {
    width: 0;
    height: 100%;
    background: transparent url(../image/mobi/pre.png) 0 0 repeat;
}

.progressBar-box {
    padding: 5px 0;
    margin-top: 5px;
}

.vote .selectedItem {
    background: #f0f0f0;
}

.vote .progressBar-box .voteItemName.selected {
    background: url(../image/mobi/toupiaoselect.png) no-repeat;
    padding-left: 25px;
    background-size: 16px;
    background-position: 5px;
}

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

.voteResultHeader {
    height: 46px;
    text-align: center;
}

.voteResultDiv .voteResultHeader .closeVoteResult {
    height: 30px;
    width: 30px;
    margin: 8px;
    background: url(../image/mapClose.png?v=201310170037) center center no-repeat;
    background-size: 70%;
    float: right;
}

.g_color {
    background: #2982ba;
}

.voteResultHeader .title {
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    margin-left: 46px;
}

.voteResultDiv .vote {
    margin: 0;
}

.memberCard {
    background: url(../image/member/mobiCart2@2x.png?v=201403041746) no-repeat;
    background-size: contain;
    width: 280px;
    height: 60px;
    display: inline-block;
    margin: 10px auto;
    font-size: 14px;
    color: white;
    line-height: 30px;
    text-shadow: 0 0 3px #744c10;
    text-align: right;
}

    .memberCard .memberLevelName {
        padding-right: 10px;
    }

    .memberCard .memberName {
        padding-right: 10px;
    }

.memberSignUpCardArea {
    display: inline-block;
    margin-bottom: 10px;
}

.memberSignUpCard {
    background: url(../image/member/mobiCart1@2x.png?v=201403041746) no-repeat;
    background-size: contain;
    width: 280px;
    height: 60px;
    margin: 10px auto;
    font-size: 14px;
    color: white;
    line-height: 30px;
    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: 40px;
    line-height: 40px;
    display: none;
}

.mobiAdvertisement_adImg {
    width: 100%;
    display: block;
    text-indent: 10px;
    font-size: 16px;
    background: #2982ba;
    color: #fff;
}

.mobiAdvertiseClose {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
}

.mobiAdvertisement_boxTip {
    width: 125px;
    height: 26px;
    border: 1px solid #fec24a;
    margin-left: 12px;
    background: #fffcc9;
    display: none;
    font-size: 12px;
    padding: 0 10px;
    line-height: 26px;
}

.mobiAdvertiseClose .mobiAdClose {
    background: url(../image/mobi/closeIcon.png?v=201405261749) no-repeat;
    width: 32px;
    height: 32px;
    background-size: 50% 50%;
    margin-top: 6px;
    margin-left: 15px;
}


#bannerSwipe{
    height:180px; 
}


.webBackgroundFix{
    height:100%;
    position:fixed;
    top:0;
    z-index:-1;
    width:100%;
    max-width:640px
}
p.cubeLink_text_p {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

 
/*底部条样式*/

.btmbar {
    background: rgba(41, 130, 186, 0.9) none repeat scroll 0 0;
}
.btmbar {
    bottom: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    height: 50px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 99;
    max-width: 640px;
}

.btmbar .btmbarList {
    left: 0;
    position: relative;
    transition: left 0.5s ease-in 0s, color 0.3s ease-out 0s;
}

.btmbar .itemSelected {
    background: #1577b5 none repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}
.btmbar .itemSelected {
    height: 50px;
}
.btmbar .btmItem {
    float: left;
 width: 50%;
}

.btmBaseIcon a {
    line-height: 16px;
}
.btmbar a {
    color: #fff;
    display: block;
    font-size: 15px;
    height: 50px;
    /*line-height: 50px;*/
    max-width: none;
    min-width: 33%;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    word-break: keep-all;
}

/*.btmItem_home .btmItemIcon {
    background-image: url("../../image/colIcon/1.png?v=201310281741");
}
.btmBaseIcon .btmItemIcon {
    background-image: url("../../image/colIcon/140.png?v=201310281741");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 28px;
    margin-top: 3px;
    width: 30px;
}*/

.btmBaseIcon .btmItemIcon {
    background-size: contain;
    display: block;
    height: 28px;
    margin: 0 auto;
    width: 30px;
}

.btmBaseIcon .btmItemName {
    font-size: 12px;
}

.btmItemName1 { 
color:#fff;
}
.btmItemName2 { 
color:#e93946;
}
.btmItemName3 { 
color:#27bbe8;
}
.btmItemName4 { 
color:#f37e00;
}
.btmItemName5 { 
color:#65c744;
}


.btmtel{
    /*background-image: url("../image/colIcon/411.png?v=201310281741");*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 28px;
    margin-top: 3px;
    width: 30px;
}

.btmtelbtn1 { 
background-image: url("../image/colIcon/410.png?v=201310281741");
}
.btmtelbtn2 { 
background-image: url("../image/colIcon/411.png?v=201310281741");
}
.btmtelbtn3 { 
background-image: url("../image/colIcon/412.png?v=201310281741");
}
.btmtelbtn4 { 
background-image: url("../image/colIcon/413.png?v=201310281741");
}
.btmtelbtn5 { 
background-image: url("../image/colIcon/414.png?v=201310281741");
}

.btmmsg{
    /*background-image: url("../../image/colIcon/410.png?v=201310281741");*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 28px;
    margin-top: 3px;
    width: 30px;
}

.btmmsgbtn1 { 
background-image: url("../../image/colIcon/415.png?v=201310281741");
}
.btmmsgbtn2 { 
background-image: url("../../image/colIcon/416.png?v=201310281741");
}
.btmmsgbtn3 { 
background-image: url("../../image/colIcon/417.png?v=201310281741");
}
.btmmsgbtn4 { 
background-image: url("../../image/colIcon/418.png?v=201310281741");
}
.btmmsgbtn5 { 
background-image: url("../../image/colIcon/419.png?v=201310281741");
}

.itemWidth { 
width:100%;
}